.elementor-kit-7{--e-global-color-primary:#242424;--e-global-color-secondary:#035042;--e-global-color-text:#242424;--e-global-color-accent:#BCEFC2;--e-global-color-7dd2e2d:#EEF4F3;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Lora";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-a2779a9-font-family:"Lora";--e-global-typography-a2779a9-font-size:60px;--e-global-typography-a2779a9-font-weight:400;--e-global-typography-a2779a9-line-height:72px;--e-global-typography-2379776-font-family:"Lora";--e-global-typography-2379776-font-size:50px;--e-global-typography-2379776-font-weight:400;--e-global-typography-2379776-line-height:56px;--e-global-typography-69637b1-font-family:"Lora";--e-global-typography-69637b1-font-size:24px;--e-global-typography-69637b1-font-weight:400;--e-global-typography-69637b1-line-height:32px;--e-global-typography-46ed5f9-font-family:"Lora";--e-global-typography-46ed5f9-font-size:32px;--e-global-typography-46ed5f9-font-weight:400;--e-global-typography-e727d5f-font-family:"Inter";--e-global-typography-e727d5f-font-size:24px;--e-global-typography-e727d5f-font-weight:700;--e-global-typography-aead8c8-font-family:"Inter";--e-global-typography-aead8c8-font-size:18px;--e-global-typography-4df8e33-font-family:"Inter";--e-global-typography-4df8e33-font-size:16px;--e-global-typography-048cceb-font-family:"Inter";--e-global-typography-048cceb-font-size:16px;--e-global-typography-048cceb-font-weight:700;--e-global-typography-5632a34-font-family:"Inter";--e-global-typography-5632a34-font-size:20px;--e-global-typography-5632a34-font-weight:700;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1480px;}.e-con{--container-max-width:1480px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1400px){.elementor-kit-7{--e-global-typography-a2779a9-font-size:54px;--e-global-typography-a2779a9-line-height:52px;--e-global-typography-2379776-font-size:44px;--e-global-typography-69637b1-font-size:24px;--e-global-typography-69637b1-line-height:32px;--e-global-typography-aead8c8-font-size:18px;}}@media(max-width:1180px){.elementor-kit-7{--e-global-typography-a2779a9-font-size:48px;--e-global-typography-a2779a9-line-height:47px;--e-global-typography-2379776-font-size:40px;--e-global-typography-69637b1-font-size:22px;--e-global-typography-69637b1-line-height:28px;--e-global-typography-46ed5f9-font-size:28px;--e-global-typography-e727d5f-font-size:20px;--e-global-typography-aead8c8-font-size:16px;--e-global-typography-4df8e33-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-a2779a9-font-size:36px;--e-global-typography-a2779a9-line-height:40px;--e-global-typography-2379776-font-size:28px;--e-global-typography-2379776-line-height:32px;--e-global-typography-69637b1-font-size:20px;--e-global-typography-69637b1-line-height:26px;--e-global-typography-46ed5f9-font-size:24px;--e-global-typography-aead8c8-font-size:14px;--e-global-typography-4df8e33-font-size:14px;--e-global-typography-048cceb-font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.brand-color{
    color: #035042;
}


.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg{
    height: 24px !important;
    margin-top: -4px;
}

.elementor-button span {
    display: flex;
    align-items: center;
}

.elementor-button-icon {
    font-size: 25px;
}

/*PRZYCISK TELEFONU*/

.phone .elementor-button span {
    display: flex;
    align-items: center;
}

.phone .elementor-button-icon {
    font-size: 48px;
}


/*PRZYCISK CTA UMÓW WIZYTĘ ONLINE*/

/* Główny kontener przycisku - nadajemy mu kształt pigułki */
.custom-animated-btn .elementor-button {
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    padding: 15px 24px 15px 24px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}

/* Opcjonalna zmiana koloru głównego tła przy hoverze */
.custom-animated-btn .elementor-button:hover {
    background-color: #034C3F !important;
}

/* Tekst przycisku */
.custom-animated-btn .elementor-button-text {
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
    color: #ffffff;
}

/* KONTENER IKONY - Robimy z niego jasne kółko z maskowaniem */
.custom-animated-btn .elementor-button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0; /* Zerujemy domyślny margines Elementora */
    overflow: hidden; /* Ucinamy strzałkę poza obrysem kółka */
}

/* Stylizowanie samej ikony/strzałki */
.custom-animated-btn .elementor-button-icon svg,
.custom-animated-btn .elementor-button-icon i {
    width: 24px;
    height: auto;
    color: #0c4a38;
    fill: #0c4a38; /* Dla pewności przy plikach SVG */
}

/* Wywołanie animacji po najechaniu na cały przycisk */
.custom-animated-btn .elementor-button:hover .elementor-button-icon svg,
.custom-animated-btn .elementor-button:hover .elementor-button-icon i {
    animation: arrow-fly 0.5s ease-in-out forwards;
}

/* Klatki kluczowe animacji - wyjazd i wjazd strzałki */
@keyframes arrow-fly {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(150%);
    }
    41% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0);
    }
}


@media (max-width: 767px) {
 
 /* Główny kontener przycisku - nadajemy mu kształt pigułki */
.custom-animated-btn .elementor-button {
    padding: 12px 20px 12px 20px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}
 
 
 
 /* Tekst przycisku */
.custom-animated-btn .elementor-button-text {
    font-size: 14px;

}
 
}



/*PRZYCISK CTA UMÓW WIZYTĘ ONLINE HEADER*/

/* Główny kontener przycisku - nadajemy mu kształt pigułki */
.custom-animated-btn-header .elementor-button {
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    padding: 12px 20px 12px 20px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}

/* Opcjonalna zmiana koloru głównego tła przy hoverze */
.custom-animated-btn-header .elementor-button:hover {
    background-color: #034C3F !important;
}

/* Tekst przycisku */
.custom-animated-btn-header .elementor-button-text {
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
    color: #ffffff;
}

/* KONTENER IKONY - Robimy z niego jasne kółko z maskowaniem */
.custom-animated-btn-header .elementor-button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0; /* Zerujemy domyślny margines Elementora */
    overflow: hidden; /* Ucinamy strzałkę poza obrysem kółka */
}

/* Stylizowanie samej ikony/strzałki */
.custom-animated-btn-header .elementor-button-icon svg,
.custom-animated-btn-header .elementor-button-icon i {
    width: 24px;
    height: auto;
    color: #0c4a38;
    fill: #0c4a38; /* Dla pewności przy plikach SVG */
}

/* Wywołanie animacji po najechaniu na cały przycisk */
.custom-animated-btn-header .elementor-button:hover .elementor-button-icon svg,
.custom-animated-btn-header .elementor-button:hover .elementor-button-icon i {
    animation: arrow-fly 0.5s ease-in-out forwards;
}

/* Klatki kluczowe animacji - wyjazd i wjazd strzałki */
@keyframes arrow-fly {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(150%);
    }
    41% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0);
    }
}


@media (max-width: 767px) {
 
 /* Główny kontener przycisku - nadajemy mu kształt pigułki */
.custom-animated-btn-header .elementor-button {
    padding: 10px 10px 10px 10px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}
 
 

 
 /* Tekst przycisku */
.custom-animated-btn-header .elementor-button-text {
    font-size: 10px;
    margin-right: 0px

}


/* Stylizowanie samej ikony/strzałki */
.custom-animated-btn-header .elementor-button-icon svg,
.custom-animated-btn-header .elementor-button-icon i {
display: none !important;

}

.custom-animated-btn-header .elementor-button-icon{
  display: none !important;
}

 
}


/*FORMULARZ*/

.wpforms-container .wpforms-form .wpforms-field-label{
    font-size: 14px;
    margin: 0 0 10px 0;
    font-family: inter;
}

.wpforms-container .wpforms-field{
    padding: 10px 0 !important;
}


div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label{
    font-size: 10px;
}

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui{
    height: 52px !important;
}

div.wpforms-container-full textarea {
    min-height: 240px !important;
}



@media (max-width: 767px) {
    .wpforms-container .wpforms-form .wpforms-field-label{
    font-size: 12px;
    margin: 0 0 10px 0;
    font-family: inter;
}


div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui{
    height: 48px !important;
    font-size: 14px !important;
}

.wpforms-container .wpforms-field{
    padding: 7px 0 !important;
}


}





/*BIAŁY PRZYCISK*/

/*PRZYCISK CTA UMÓW WIZYTĘ ONLINE*/

/* Główny kontener przycisku - nadajemy mu kształt pigułki */
.white-animated-btn .elementor-button {
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    padding: 15px 24px 15px 24px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}

/* Opcjonalna zmiana koloru głównego tła przy hoverze */
.white-animated-btn .elementor-button:hover {
    /*background-color: #034C3F !important;*/
}

/* Tekst przycisku */
.white-animated-btn .elementor-button-text {
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
    color: #242424;
}

/* KONTENER IKONY - Robimy z niego jasne kółko z maskowaniem */
.white-animated-btn .elementor-button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0; /* Zerujemy domyślny margines Elementora */
    overflow: hidden; /* Ucinamy strzałkę poza obrysem kółka */
}

/* Stylizowanie samej ikony/strzałki */
.white-animated-btn .elementor-button-icon svg,
.white-animated-btn .elementor-button-icon i {
    width: 24px;
    height: auto;
    color: #0c4a38;
    fill: #0c4a38; /* Dla pewności przy plikach SVG */
}

/* Wywołanie animacji po najechaniu na cały przycisk */
.white-animated-btn .elementor-button:hover .elementor-button-icon svg,
.white-animated-btn .elementor-button:hover .elementor-button-icon i {
    animation: arrow-fly 0.5s ease-in-out forwards;
}

/* Klatki kluczowe animacji - wyjazd i wjazd strzałki */
@keyframes arrow-fly {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(150%);
    }
    41% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0);
    }
}


@media (max-width: 767px) {
 
 /* Główny kontener przycisku - nadajemy mu kształt pigułki */
.white-animated-btn .elementor-button {
    padding: 12px 20px 12px 20px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}
 
 
 
 /* Tekst przycisku */
.white-animated-btn .elementor-button-text {
    font-size: 14px;

}
 
}


div.wpforms-container-full .wpforms-form .wpforms-submit-container {

    display: flex;
    justify-content: center;
    margin-top: 30px;
}


div.wpforms-container-full button[type=submit]{
    border-radius: 30px !important;
    padding: 00px 30px !important;
    height: 54px !important;
}


@media (max-width: 767px){
    div.wpforms-container-full button[type=submit]{
    height: 48px !important;
}

}




/*PRZYCISK CTA UMÓW WIZYTĘ ONLINE*/

/* Główny kontener przycisku - nadajemy mu kształt pigułki */
.nawiguj-btn .elementor-button {
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    padding: 15px 24px 15px 24px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}

/* Opcjonalna zmiana koloru głównego tła przy hoverze */
.nawiguj-btn .elementor-button:hover {
    background-color: #EEF4F3 !important;
}

/* Tekst przycisku */
.nawiguj-btn .elementor-button-text {
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
    color: #242424;
}

/* KONTENER IKONY - Robimy z niego jasne kółko z maskowaniem */
.nawiguj-btn .elementor-button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0; /* Zerujemy domyślny margines Elementora */
    overflow: hidden; /* Ucinamy strzałkę poza obrysem kółka */
}

/* Stylizowanie samej ikony/strzałki */
.nawiguj-btn .elementor-button-icon svg,
.nawiguj-btn .elementor-button-icon i {
    width: 24px;
    height: auto;
    color: #0c4a38;
    fill: #0c4a38; /* Dla pewności przy plikach SVG */
}

/* Wywołanie animacji po najechaniu na cały przycisk */
.nawiguj-btn .elementor-button:hover .elementor-button-icon svg,
.nawiguj-btn .elementor-button:hover .elementor-button-icon i {
    animation: arrow-fly 0.5s ease-in-out forwards;
}

/* Klatki kluczowe animacji - wyjazd i wjazd strzałki */
@keyframes arrow-fly {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(150%);
    }
    41% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0);
    }
}


@media (max-width: 767px) {
 
 /* Główny kontener przycisku - nadajemy mu kształt pigułki */
.nawiguj-btn .elementor-button {
    padding: 12px 20px 12px 20px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}
 
 
 
 /* Tekst przycisku */
.nawiguj-btn .elementor-button-text {
    font-size: 14px;

}
 
}




/*PRZYCISK CTA UMÓW WIZYTĘ ONLINE*/

/* Główny kontener przycisku - nadajemy mu kształt pigułki */
.czytaj-wiecej .elementor-button {
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    padding: 15px 24px 15px 24px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}

/* Opcjonalna zmiana koloru głównego tła przy hoverze */
.czytaj-wiecej .elementor-button:hover {
    background-color: #EEF4F3 !important;
}

/* Tekst przycisku */
.czytaj-wiecej .elementor-button-text {
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
    color: #242424;
}

/* KONTENER IKONY - Robimy z niego jasne kółko z maskowaniem */
.czytaj-wiecej .elementor-button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0; /* Zerujemy domyślny margines Elementora */
    overflow: hidden; /* Ucinamy strzałkę poza obrysem kółka */
}

/* Stylizowanie samej ikony/strzałki */
.czytaj-wiecej .elementor-button-icon svg,
.czytaj-wiecej .elementor-button-icon i {
    width: 24px;
    height: auto;
    color: #0c4a38;
    fill: #0c4a38; /* Dla pewności przy plikach SVG */
}

/* Wywołanie animacji po najechaniu na cały przycisk */
.czytaj-wiecej .elementor-button:hover .elementor-button-icon svg,
.czytaj-wiecej .elementor-button:hover .elementor-button-icon i {
    animation: arrow-fly-wiecej 0.5s ease-in-out forwards;
}

/* Klatki kluczowe animacji - wyjazd i wjazd strzałki */
@keyframes arrow-fly-wiecej {
    0% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(150%);
    }
    41% {
        transform: translateY(-150%);
    }
    100% {
        transform: translateY(0);
    }
}


@media (max-width: 767px) {
 
 /* Główny kontener przycisku - nadajemy mu kształt pigułki */
.czytaj-wiecej .elementor-button {
    padding: 12px 20px 12px 20px; /* Asymetryczny padding, bo kółko robi za prawy margines */
    transition: background-color 0.3s ease;
}
 
 
 
 /* Tekst przycisku */
.czytaj-wiecej .elementor-button-text {
    font-size: 14px;

}
 
}



/*A href w formualrzu - polityka prywantosci*/

.wpforms-field-label-inline a {
    color: #242424;
}

.wpforms-field-label-inline a:hover {
    color: #035042;
}/* End custom CSS */