.elementor-kit-2372{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-c03c111:#241F21;--e-global-color-5fa4b2b:#F8F3F2;--e-global-color-78e4584:#7A7A7A42;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-2372 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Ustawienie tła i obrazów na czarno-białe */
.color-section {
    position: relative;
    overflow: visible; /* Pozwól elementom wyjść poza granice sekcji */
    z-index: 1; /* Zapewnij sekcji odpowiedni z-index */
}

/* Pseudo-element ::before do obsługi tła */
.color-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit; /* Dziedziczenie obrazu tła */
    background-size: cover;
    background-position: center;
    z-index: -1; /* Tło za wszystkimi innymi elementami */
    filter: grayscale(100%); /* Tło czarno-białe */
    transition: filter 1.5s ease-in-out;
}

/* Obrazy wewnątrz sekcji - czarno-białe */
.color-section img {
    filter: grayscale(100%);
    transition: filter 0.5s ease-in-out;
    position: relative;
    z-index: 2; /* Obrazy nad tłem */
}

/* Po przewinięciu, zmiana na kolorowe tło i obrazy */
.color-section.color-active::before {
    filter: grayscale(0%); /* Tło zmienia się na kolorowe */
}

.color-section.color-active img {
    filter: grayscale(0%); /* Obrazy zmieniają się na kolorowe */
}/* End custom CSS */