.elementor-23563 .elementor-element.elementor-element-3e213ec7{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23563 .elementor-element.elementor-element-3e213ec7:not(.elementor-motion-effects-element-type-background), .elementor-23563 .elementor-element.elementor-element-3e213ec7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1C38;}.elementor-23563 .elementor-element.elementor-element-71fc4788{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23563 .elementor-element.elementor-element-71fc4788.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23563 .elementor-element.elementor-element-36334222{width:100%;max-width:100%;margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 05px) 50px;}.elementor-23563 .elementor-element.elementor-element-36334222.elementor-element{--align-self:flex-start;}.elementor-23563 .elementor-element.elementor-element-36334222 .elementor-heading-title{color:var( --e-global-color-ef79887 );}.elementor-23563 .elementor-element.elementor-element-353b2d84{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}.elementor-23563 .elementor-element.elementor-element-353b2d84.elementor-element{--align-self:flex-start;}.elementor-23563 .elementor-element.elementor-element-353b2d84 .elementor-heading-title{color:var( --e-global-color-ef79887 );}.elementor-23563 .elementor-element.elementor-element-461fe8c1{width:var( --container-widget-width, 101.001% );max-width:101.001%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:101.001%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;}.elementor-23563 .elementor-element.elementor-element-461fe8c1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-field-type-html{padding-bottom:0px;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button[type="submit"]{color:#ffffff;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-23563 .elementor-element.elementor-element-461fe8c1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-23563 .elementor-element.elementor-element-7ee8160d{--display:flex;--min-height:0px;}.elementor-23563 .elementor-element.elementor-element-7ee8160d.e-con{--align-self:flex-end;}.elementor-23563 .elementor-element.elementor-element-6ecba599{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;}.elementor-23563 .elementor-element.elementor-element-6ecba599.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-23563 .elementor-element.elementor-element-54faeeb0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23563 .elementor-element.elementor-element-49057bc5{--spacer-size:50px;}.elementor-23563 .elementor-element.elementor-element-6cf351f9{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-23563 .elementor-element.elementor-element-69f5a28a.elementor-element{--align-self:flex-start;}.elementor-23563 .elementor-element.elementor-element-69f5a28a{text-align:start;}.elementor-23563 .elementor-element.elementor-element-69f5a28a img{width:75%;}.elementor-23563 .elementor-element.elementor-element-260f8116 a:hover, .elementor-23563 .elementor-element.elementor-element-260f8116 a:focus{color:var( --e-global-color-secondary );}.elementor-23563 .elementor-element.elementor-element-5259ef8e a:hover, .elementor-23563 .elementor-element.elementor-element-5259ef8e a:focus{color:var( --e-global-color-secondary );}.elementor-23563 .elementor-element.elementor-element-49813327{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-23563 .elementor-element.elementor-element-37d1fcf1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23563 .elementor-element.elementor-element-1f09f75d{text-align:start;font-size:12px;}.elementor-23563 .elementor-element.elementor-element-a3b4295{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-23563 .elementor-element.elementor-element-71fc4788{--width:45.049%;}.elementor-23563 .elementor-element.elementor-element-6cf351f9{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-23563 .elementor-element.elementor-element-71fc4788{--width:700px;}}@media(max-width:1024px){.elementor-23563 .elementor-element.elementor-element-3e213ec7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23563 .elementor-element.elementor-element-71fc4788{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23563 .elementor-element.elementor-element-6cf351f9{--grid-auto-flow:row;}.elementor-23563 .elementor-element.elementor-element-49813327{--grid-auto-flow:row;}.elementor-23563 .elementor-element.elementor-element-5aa37ba4{columns:1;}}@media(max-width:767px){.elementor-23563 .elementor-element.elementor-element-36334222{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23563 .elementor-element.elementor-element-353b2d84{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23563 .elementor-element.elementor-element-6cf351f9{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-23563 .elementor-element.elementor-element-69f5a28a{text-align:center;}.elementor-23563 .elementor-element.elementor-element-49813327{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for form, class: .elementor-element-461fe8c1 *//* 1. GŁÓWNA RAMKA FORMULARZA */
.elementor-23563 .elementor-element.elementor-element-461fe8c1 {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 20px !important;
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05) !important;
    max-width: 800px;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    margin-left: 50px !important; /* Twój margines */
    margin-right: auto !important;
}

/* 2. KAFELKI WYBORU (RODZAJ POWIERZCHNI) */
.ankieta-kafelki .elementor-field-subgroup {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    flex-direction: row !important;
}

.ankieta-kafelki .elementor-field-option {
    padding: 0 !important;
    margin: 0 !important;
    flex: 1 1 calc(33.333% - 12px);
    min-width: 120px;
}

.ankieta-kafelki .elementor-field-option input {
    display: none !important; /* Ukrywa radio/kropki */
}

.ankieta-kafelki .elementor-field-option label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 90px;
    padding: 15px !important;
    background: #fff !important;
    color: #333 !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Stan zaznaczenia i hover kafelka */
.ankieta-kafelki input:checked + label {
    background-color: #008080 !important;
    color: #ffffff !important;
    border-color: #008080 !important;
}

.ankieta-kafelki label:hover {
    border-color: #008080 !important;
}

/* 3. PRZYCISKI NAWIGACJI I WYSYŁKI */
.e-form__buttons {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px;
    margin-top: 20px;
}

/* Przycisk DALEJ i WYŚLIJ */
.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button.e-form__buttons__wrapper__button-next,
.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button.elementor-step-next,
.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button[type="submit"] {
    background-color: #008080 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 18px 35px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 128, 128, 0.2) !important;
    transition: 0.3s !important;
}

/* Przycisk WSTECZ */
.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button.e-form__buttons__wrapper__button-previous,
.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button.elementor-step-previous {
    background-color: #f8f9fa !important;
    color: #6d7178 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50px !important;
    padding: 18px 35px !important;
}

.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-button:hover {
    transform: translateY(-2px) !important;
}

/* 4. POLA TEKSTOWE I NUMERYCZNE */
.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-field-group input:not([type="radio"]),
.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-field-group textarea {
    background-color: #fcfcfc !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
    padding: 15px !important;
    font-size: 16px !important;
}

.elementor-23563 .elementor-element.elementor-element-461fe8c1 .elementor-field-group input:focus {
    border-color: #008080 !important;
    box-shadow: 0 0 0 4px rgba(0, 128, 128, 0.1) !important;
}

/* 5. RESPONSYWNOŚĆ (MOBILE) */
@media (max-width: 767px) {
    .elementor-23563 .elementor-element.elementor-element-461fe8c1 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 20px !important;
    }
    .ankieta-kafelki .elementor-field-option {
        flex: 1 1 calc(50% - 10px); /* 2 kafelki na telefonie */
    }
}
/* =========================================
   PASEK POSTĘPU (PROGRESS BAR) - WERSJA FINALNA
========================================= */

/* 1. Zewnętrzny szary kontener paska */
.elementor-23563 .elementor-element.elementor-element-461fe8c1 .e-form__indicators__indicator__progress {
    background-color: #e9ecef !important; /* Szare tło */
    border-radius: 50px !important; /* Zaokrąglenie całości */
    overflow: hidden !important;
    padding: 0 !important; 
    margin: 0 0 30px 0 !important; /* Odstęp daje oddech pod paskiem, ale dla całego kontenera! */
    border: none !important;
    height: 30px !important; /* Sztywna wysokość paska */
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Wymusza start turkusu idealnie od lewej krawędzi */
}

/* 2. Turkusowe wypełnienie (które jest jednocześnie tekstem %) */
.elementor-23563 .elementor-element.elementor-element-461fe8c1 .e-form__indicators__indicator__progress__meter {
    background-color: #008080 !important; /* Turkus */
    height: 100% !important; /* Wypełnia całą wysokość szarego paska (30px) */
    margin: 0 !important; /* ZERO marginesów, żeby nie wypychało paska z ram! */
    padding: 0 10px !important;
    border-radius: 50px !important; /* Zaokrągla prawy brzeg turkusu */
    
    /* Układ flex do wyśrodkowania napisu 25% wewnątrz turkusu */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Wygląd tekstu z procentami */
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}
/* 6. NAPRAWA MARGINESÓW DLA TABLETÓW I MOBILE */
@media (max-width: 992px) {
    .elementor-23563 .elementor-element.elementor-element-461fe8c1 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 20px !important; /* Mniejszy padding dla oszczędności miejsca */
        width: 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49813327 */.elementor-23563 .elementor-element.elementor-element-49813327 {
    border-top: 1px solid #eeeeee; /* To jest Twoja kreska */
    margin-top: 40px; /* Odstęp nad kreską (od formularza) */
    padding-top: 40px; /* Odstęp pod kreską (do linków) */
}
/* --- BAZA DLA WSZYSTKICH KOLUMN --- */
.footer-column-simple {
    text-align: left;
    padding: 20px 10px;
    font-family: 'Inter', sans-serif;
}

.footer-column-simple .footer-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-column-simple .footer-links-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-column-simple .footer-links-list li {
    margin-bottom: 12px;
}

.footer-column-simple .footer-links-list li a {
    color: #6d7178 !important;
    text-decoration: none !important;
    font-size: 15px;
    line-height: 1.4;
    transition: color 0.3s ease;
    display: block;
}

.footer-column-simple .footer-links-list li a:hover {
    color: #008080 !important;
}

/* --- RWD: TABLET (992px - 768px) --- */
/* Tu dociskamy wszystko, żeby 5 kolumn się zmieściło bez bałaganu */
@media (max-width: 992px) and (min-width: 768px) {
    .footer-column-simple {
        padding: 10px 5px !important;
    }
    
    .footer-column-simple .footer-title {
        font-size: 12px !important; /* Mniejszy nagłówek */
        margin-bottom: 12px !important;
    }
    
    .footer-column-simple .footer-links-list li {
        margin-bottom: 8px !important; /* Mniejsze odstępy między linkami */
    }
    
    .footer-column-simple .footer-links-list li a {
        font-size: 13px !important; /* Mniejszy font */
    }
}

/* --- RWD: MOBILE (poniżej 767px) --- */
@media (max-width: 767px) {
    .footer-column-simple {
        text-align: center;
        padding: 15px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .footer-column-simple .footer-title {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .footer-links-list li {
        margin-bottom: 18px; /* Dużo oddechu na telefonie */
    }

    .footer-links-list li a {
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d24cc7 */.custom-mobile-nav {
    display: block !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 60px !important;
    background: #ffffff !important;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) !important;
    z-index: 999999 !important;
    padding: 5px 0 !important;
}
.custom-mobile-nav .mobile-sticky-menu {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    height: 100% !important;
}
.custom-mobile-nav .mobile-menu-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #333333 !important;
    font-size: 11px !important;
    flex: 1 !important;
}
.custom-mobile-nav .mobile-menu-item img {
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 2px !important;
    display: block !important;
}
@media (min-width: 768px) {
    .custom-mobile-nav {
        display: none !important;
    }
}/* End custom CSS */