section.o-nas {
    height: 100vh;
    background: no-repeat;
    object-fit: contain;
    background-position-x: center;
}
.opis-podstrony {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    color: white;
    font-size: 2.4rem;
    width: 100%;
        padding-bottom: 12rem;
}
.o-nas-kolumny {
    display: flex;
    width: 100%;
    align-items: flex-end;
        gap: 10rem;
        height: 100%;
}
.opis-podstrony h2 {
    color: white;
    font-size: 9.6rem;
    font-weight: 500;
}
.o-nas .full {
    height: 100%;
}
.kafelki-onas {
    width: 100%;
    padding-bottom: 12rem;
}
.opis-podstrony p {
    line-height: 1.3;
}
.grid-kafelki {
    color: white;
}
.kafel {
    display: flex;
    flex-direction: column;
    width: 15%;
}
.kafel img {
    width: 20px;
}
.misiek {
    position: absolute; 
	bottom: 0; 
	width: 30%; 
	height: 75%; 
	z-index: 2;
    right: -120px;
    top: 29rem;
}
.grid-kafelki {
    color: white;
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem;
        justify-content: flex-end;
}
.kafel {
    display: flex;
    flex-direction: column;
    width: 40%;
    border: 2px solid var(--pink);
    border-radius: 10px;
    padding: 2.4rem 2rem;
    gap: 1rem;
}
span.liczba {
    font-size: 8rem;
    display: flex;
    font-weight: 300;
}

.kafel p {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-family: 'Space Grotesk';
}
.liczba .ostatnie {
    font-size: 6rem;
    vertical-align: text-top;
    line-height: 0.7;
    margin-top: 4px;
}
span.ostatnie-dlugie {
    font-size: 3.2rem;
    display: flex;
    align-items: flex-end;
}
section.o-nas {
    width: 100%; /* pełna szerokość sekcji */
    height: 100vh; /* pełna wysokość ekranu */
    background-size: cover; /* obrazek wypełnia całą sekcję */
    background-repeat: no-repeat; /* brak powtarzania */
    background-position: center center; /* wyśrodkowanie obrazka */
}
.full.struktura {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10%;
    padding-top: 6%;
}
.struktura p {
    font-size: 1.6rem;
    text-align: center;
    margin-left: 25%;
    margin-right: 25%;
    padding-bottom: 10rem;
    line-height: 1.5;
    font-weight: 700;
}
.struktura img {
    padding-bottom: 9.6rem;
}


.kafel-tlo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 370px;
    border-radius: 30px;
}

.zarzad-rada .kolumny {
    display: flex;
}

.zarzad-rada .kol-1, .zarzad-rada .kol-2 {
    width: 100%;
}
.misja .kol-1 h2 {
    color: white;
    font-size: 6.4rem;
}
.misja .kol-1 p {
    color: white;
    font-size: 2.4rem;
    line-height: 1.3;
}
.misja .kol-1 h2 {
    color: white;
    font-size: 6.4rem;
    padding-bottom: 4.8rem;
}
.misja .kontener, .pasja {
    padding-top: 10%;
    padding-bottom: 10%;
}
.pasja {
    position: relative;
}
.historia h2 {  
    color: white;
    font-size: 4.8rem;
}
.historia .nazwa-sekcji span {
    background-color: white;
    color: var(--granat);
}
.historia .kolumny {
    display: flex;
    color: white;
    font-size: 2rem;
    gap: 3rem;
    line-height: 1.3;
}
.historia .kol-1, .historia .kol-2, .historia .kol-3 {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
        width: 33%;
}
.historia .kolumny {
    display: flex;
    color: white;
    font-size: 2rem;
    gap: 3rem;
    padding-top: 4.8rem;
}
.kol-3 {
    background-color: #0C518F;
    border-radius: 30px;
    padding: 2.4rem;
}
.historia .prezes img {
    width: 90px;
    height: 90px;
}
.historia .prezes {
    border: 0px;
}
.historia .kol-3 .prezes p {
    color: white;
    font-family: 'Space Grotesk';
    font-size: 1.4rem;
    font-weight: 100;
    text-transform: capitalize;
}
.historia .kol-3 .prezes {
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.historia .kol-3 p {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.3;
}
.prezes h3 {
    font-family: 'Space Grotesk';
    font-weight: 700;
}
.historia .kol-3 {
    margin-left: 3.4rem;
}
section.historia {
    padding-top: 10%;
    padding-bottom: 10%;
}
.urywki img {
    border-radius: 20px;
}
.urywki {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.urywki img.one {
    width: 70%;
}
.urywki img.two {
    width: 27%;
}
.pasja .kolumny {
    margin-top: 7.8rem;
    display: flex;
    justify-content: space-between;
}
.pasja .kolumny .kol-1 {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}
.pasja .kol-1 h2 {
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.2;
}
.pasja .kol-1 img {
    width: 24px;
    height: 24px;
}
.pasja .kol-1 h2 span {
    color: var(--black);
    font-weight: 600;
}
.wizja h2 {
    font-size: 6.4rem;
}
.wizja .kol-2 p {
    font-size: 2.4rem;
    line-height: 1.3;
}
.wizja .kol-2 {
    padding: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4.8rem;
}
.wizja {
    background-color: #9BB3C9;
    background-position: left center;
    background-repeat: no-repeat;
        background-size: 50%;
    display: flex;
    align-items: center;
}
.misja {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
}

.wizja .kolumny {
    display: flex;
    width: 100%;
    margin: 0 auto;
        flex-wrap: wrap;

}

.wizja .kol-1 {
    width: 50%;
    height: 100%;
}
.wizja .kol-1 img {
    object-fit: cover;
}
.wizja .kol-2 {
    width: 37%;
}

.pasja .kol-2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 60%;
    right: 0;
    bottom: 0;
}

.timeline-carousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    overflow: hidden;
}
.carousel-slides,
.carousel-descriptions {
    display: flex;
    transition: transform 0.5s ease;
}
.carousel-slide,
.slide-description {
    flex: 1 0 50%; /* Każdy slajd zajmuje 50% szerokości */
    padding: 20px 0px 0px 65px;
    box-sizing: border-box;
}

.slide-description {
    font-size: 1.6rem!important;
    font-weight: 700;
    transition: transform 0.5s ease;
}
.slide-description.active {
    font-size: 2.4rem !important;
    font-weight: 700;
    transition: transform 0.5s ease;
}
.slide-years {
    font-size: 3.2rem;
    font-weight: 700;
    opacity: 0.5;
}
.slide-divider {
    border: 1px solid #000;
    margin: 10px 0;
    width: 100%;
    position: relative;
    left: 0;
    transform: none;
}

.slide-description:nth-child(1),
.slide-description:nth-child(2) {
    display: block; /* Dwa pierwsze opisy widoczne */
}
.carousel-nav {
    position: absolute;
    right: 0;
    top: 1.4rem;
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.carousel-nav button {
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
}
.slide-divider {
    position: relative;
    width: 100%;
    margin: 10px 0;
    border: 1px solid #000;
}

.slide-description {
    font-size: 2.4rem;
    line-height: 1.5;
    opacity: 0.5;
}
.carousel-slide.active .slide-years, .slide-description.active  {
    opacity: 1;
}
hr.slide-divider {
    background: linear-gradient(to right, var(--pink), var(--blue));
    padding: 2px;
    border: 0px;
    opacity: 1;
    height: 2px;
    width: 100%;
    position: relative;
    left: 0;
    transform: none;
    margin: 10px 0;
}
.linia {
    height: 35px;
    display: flex;
    align-items: center;
}
.linia:before {
    content: url('https://misot.pl/wp-content/uploads/2025/12/elipse.svg');
    margin-right: -18px;
}
.infografika img {
    width: 100%;
    max-width: 1000px;
}
.mobile-img {
    display: none;
}
.misja .kolumny {
    width: 50%;
}

.sekcja-5.w-co-wierzymy {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 10%;
    padding-bottom: 10%;
}
.full.wierzymy {
    display: flex;
    color: white;
    gap: 12rem;
}
.wierzymy .kolumna-2 h3 {
    font-size: 2rem;
    font-family: 'Space Grotesk';
}
.wierzymy video {
    max-height: 450px;
    border-radius: 20px;
}
.kolumna-2 h2 {
    font-size: 4.8rem;
    line-height: 1.1;
}
.wierzymy p {
    font-size: 2.4rem;
}
.full.wierzymy .kolumna-2 {
    gap: 1.6rem;
}


.misiek {
    position: absolute;
    width: 25%;
    bottom: 0rem;
}
.wierzymy .kolumna-1 {
    margin-left: 20rem;
}
.wierzymy {
    padding-top: 10%;
    padding-bottom: 10%;
}
.wierzymy p {
    font-size: 2.4rem;
    padding-top: 0rem;
    z-index: 3;
    width: 85%;
}


.sekcja-2-col-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px; /* Dostosuj do swoich potrzeb */
}

.sekcja-2-wrapper {
    display: flex;
}

.archive .sekcja-1 {
    height: 42vh;
    display: flex;
}
.archive .sekcja-1 .full {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    /* align-content: flex-start; */
    justify-content: flex-start;
    padding-bottom: 8rem;
}
.archive .sekcja-1 h2 {
    font-size: 9.6rem;
}
.archive .sekcja-1-col {
    width: 62%;
}
.archive .sekcja-1 {
h3 {
    font-size: 3.2rem;
}
p {
    font-size: 2rem;
}
.sekcja-1-col {
        display: flex;
        flex-direction: row;
        gap: 4.5rem;
    }
}


.archive {
.sekcja-2-col-image {
    width: 50%;
}
.sekcja-2-col.sekcja-2-col-content {
    background-color: var(--granat);
    padding: 9rem;
    width: 50%;
    color: white;
    display: flex;
        flex-direction: column;
        align-items: flex-start;
}
span.sekcja-2-kategoria {
    background-color: var(--pink);
    color: white;
    text-transform: uppercase;
    font-family: 'Space Grotesk';
    font-size: 1.4rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: fit-content;
    margin-top: 10rem;
        margin-left: 10rem;
    padding: 4px;
    border-radius: 6px;
}
span.sekcja-2-data {
    font-size: 1.6rem;
            margin-bottom: 1.2rem;
}
h2.sekcja-2-tytul a {
    font-size: 3.2rem;
    color: white;
    text-decoration: none;
    line-height: 1.1;
}
a.sekcja-2-czytaj.minimal.btn {
    color: var(--pink);
}
.sekcja-2-wrapper a.minimal.btn::before, .sekcja-2-wrapper a.minimal.btn::after {
    background-image: url(https://misot.pl/wp-content/uploads/2025/12/arrow-pink.svg);
}
.sekcja-2-fragment {
    margin-top: 2.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
            margin-bottom: 5.6rem;
                    font-weight: 800;
}
.ostatni {
    max-width: 720px;
            display: flex;
        flex-direction: column;
                align-items: flex-start;
}
.sekcja-3-kafelki {
        display: flex;
        flex-wrap: wrap;
        gap: 5.8rem 2%;
        justify-content: flex-start;
        padding-top: 8rem;
    }
section.sekcja-3 {
    padding-top: 10%;
    padding-bottom: 10%;
}
article.sekcja-3-kafelek {
        width: 32%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
.sekcja-3-tabs {
    place-self: anchor-center;
            display: flex;
        gap: 24px;
}
button.sekcja-3-tab {
    border: 1px solid var(--blue);
    color: var(--blue);
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 4px;
    font-family: 'Space Grotesk';
    padding: 12px 10px;
    border-radius: 8px;
    font-weight: 800;
    background-color: transparent;
    transition: 0.3s;
}
button.sekcja-3-tab.active {
    background-color: var(--blue);
    color: white;
}
button.sekcja-3-tab.active:hover {
    border: 1px solid black;
}
img.attachment-medium.size-medium.wp-post-image {
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
            margin-bottom: 2.4rem;
            height: 225px;
}
h3.sekcja-3-kafelek-tytul a {
    font-size: 2.4rem;
    color: black;
    text-decoration: none;
    line-height: 1.2;
    font-weight: 500;
}
span.sekcja-3-kafelek-data {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 4px;
}
.sekcja-3-kafelek-opis {
    font-size: 1.4rem;
    line-height: 1.3;
}
h3.sekcja-3-kafelek-tytul {
    margin-bottom: 1.6rem;
}
.sekcja-3-kafelek-opis {
    margin-bottom: 3.2rem;
}
.sekcja-3-kafelek-thumb {
    width: 100%;
}
.sekcja-4-col.sekcja-4-col-newsletter {
        background-color: white;
        padding: 4.8rem;
        border-radius: 30px;
        width: 50%;
    }
.sekcja-4 .full {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 10%;
    padding-bottom: 10%;
}
section.sekcja-4 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
    .newsletter-form {
        display: flex;
        position: relative;
        margin-top: 3.2rem;
        flex-direction: column;
    }
.sekcja-4-col.sekcja-4-col-empty {
    width: 50%;
}
.sekcja-4-col-newsletter p {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.2;
}
input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
    height: 50px;
    font-size: 1.6rem;
    background-color: #D9D9D9;
    border: 0px;
    border-radius: 10px;
    padding: 17px;
    width: 100%;
    font-weight: 800;
        font-family: 'Satoshi';
}
    .wpcf7 .wpcf7-submit:disabled, input.wpcf7-form-control.wpcf7-submit.has-spinner {
        position: absolute;
        right: 4px;
        top: 4px;
        height: 42px;
        background-color: var(--blue);
        color: white;
        text-transform: uppercase;
        font-family: 'Space Grotesk';
        font-weight: 800;
        border-radius: 10px;
        padding: 10px 14px;
        border: 1px solid var(--blue);
    }
	input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: var(--pink);
    border: 1px solid var(--pink);
}
.wpcf7-list-item {
                margin: 0 0rem 2rem 0rem;
        font-weight: 400;
    }
.sekcja-3-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
}


.sekcja-1-col.co-slychac div {
    display: flex;
    flex-direction: column;
}




.wpis {
    section.start-wpis {
    height: 60vh;
    background-size: cover;
    background-position: top;
    color: white;
    padding: 80px 20px;
    text-align: center;
    display: flex;
        align-items: flex-end;
}
    .dane-wpisu.full {
        justify-items: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.4rem;
    }
.dane-wpisu.full p {
        font-size: 1.4rem;
        margin-bottom: 3rem;
    }
.dane-wpisu.full h1 {
        font-size: 4.8rem;
        text-align: left;
        font-weight: 800;
        width: 50%;
    }
.breadcrumbs {
    font-size: 2rem;
    text-transform: lowercase;
}
.breadcrumbs a {
    color: white;
    text-decoration: none;
}
.breadcrumbs a:last-child {
    text-decoration: underline;
}
section.tresc-wpisu .kontener {
    width: 950px;
    font-size: 2rem;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-top: 7.2rem;
    padding-bottom: 7.2rem;
}
section.related-posts-section {
    padding-top: 5%;
    padding-bottom: 5%;
}
.related-posts-grid {
    font-size: 1.6rem;
}
.related-posts-grid {
        font-size: 1.6rem;
        display: flex;
        justify-content: flex-start;
        gap: 2%;
    }
.related-post-tile {
    width: 32%;
}
.related-post-tile img {
    height: 230px;
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
}
p.data {
    font-size: 1.4rem;
    color: black;
    text-decoration: none;
}
    h3.tytul {
        font-size: 2.4rem;
        font-weight: 500;
        color: black;
        text-decoration: none;
        line-height: 1.2;
    }
p.opis {
    line-height: 1.3;
    color: black;
    margin-top: 1.6rem;
            margin-bottom: 1.6rem;
}


}

section.sekcja-4.news.archive {
    display: flex;
}
.news .sekcja-4-col.sekcja-4-col-newsletter {
    width: 50%;
}
section.sekcja-4.news.archive {
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
}
.related-post-tile a {
    text-decoration: none;
}
.related-post-tile p.data {
    margin-top: 2.4rem;
    margin-bottom: 4px;
}
.podobne-desktop {
    display: flex;
}
.podobne-mobile {
    display: none;
}





.kontakt-strona {
    .sekcja-kontakt .kolumny {
    display: flex;
    gap: 4.5rem;
    padding-top: 20rem;
}
.sekcja-kontakt .kol-2 h3 {
    font-family: 'Space Grotesk';
    font-size: 2.4rem;
}
.sekcja-kontakt .kol-2 h2 {
    font-size: 9.6rem;
    font-family: 'Satoshi';
}
}


.sekcja-kontakt-dodatkowy {
    padding-top: 10%;
    padding-bottom: 10%;
}
.sekcja-kontakt-dodatkowy .opakowane {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.sekcja-kontakt-dodatkowy { 
h2 {
    font-size: 3.2rem;
}
p {
    font-size: 1.6rem;
}
.kontakt-dodatkowy-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3.2rem;
    margin-top: 2rem;
    align-items: start;
}
.kontakt-kafelki img {
        width: 100%;
        border-radius: 20px 20px 0px 0px;
        height: 200px;
        object-fit: cover;
        object-position: top;
    }
.kontakt-kafelki {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: none;
        min-width: 0;
        border: 1px solid var(--blue);
        border-radius: 20px;
        padding-bottom: 2rem;
    }
.kontakt-kafelki h3 {
    margin: 1.3rem 1.6rem;
    font-size: 2rem;
    font-family: 'Satoshi';
    font-weight: 600;
}
.kontakt-kafelki p {
    margin: 0 1.6rem;
}
p.stanowisko {
    font-family: 'Space Grotesk';
    font-size: 1.4rem;
    text-transform: uppercase;
    min-height: 34px;
}
hr {
    width: 10%;
    margin-left: 1.6rem;
    color: black;
    border-top: 1px solid black;
    opacity: 1;
    margin-top: 2.6rem;
}
a {
    font-family: 'Satoshi';
    font-weight: 600;
    color: black;
    text-decoration: none;
    font-size: 2rem;
    line-height: 1.4;
}
.nazwa-sekcji {
    margin-top: 10rem;
}
}

       .news section.sekcja-4 {
        background-position: bottom;
    }

.sekcja-oferty .kolumny {
    display: flex;
    gap: 2.4rem;
}



.praca-strona {
    .kol-1 img {
    border-radius: 7px;
}
    .oferta-header h3 {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin: 0;
        font-size: 2.8rem;
        justify-content: space-between;
        color: var(--blue);
        font-weight: 700;
    }
.oferta-item {
    border: 1px solid var(--blue);
    margin-bottom: 10px;
    padding: 2.8rem 6.4rem;
    border-radius: 30px;
}
.toggle-icon {
    width: 30px;
    height: 30px;
    transition: transform 0.3s ease;
}
.miejsce-pracy {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    font-size: 1.6rem;
    font-weight: 800;
    color: #4E4D4D;
    font-family: 'Satoshi';
}
.krotki-opis {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.3;
    margin-top: 2.4rem;
    width: 90%;
}
.oferta-header {
    gap: 8px;
}
.opis-stanowiska {
    font-size: 1.6rem;
    line-height: 1.3;
    font-family: 'Satoshi';
    margin-top: 5rem;
    margin-bottom: 8rem;
}
.opis-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Space Grotesk';
    text-transform: uppercase;
    color: var(--blue);
}
.opis-title {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Space Grotesk';
    text-transform: uppercase;
    color: var(--blue);
}
.oferta-item hr {
    margin-top: 4rem;
    width: 4rem;
    opacity: 1;
    color: var(--blue);
}

.oferta-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.35s ease;
    opacity: 0;
}

.oferta-content.open {
    max-height: 2000px; /* duża wartość, aby pomieścić treść */
    opacity: 1;
}
section.sekcja-oferty {
    padding-bottom: 10%;
}
    .oferta-header {
    display: flex;
    flex-direction: column;
    outline: 0px;
}
.oferta-content strong,
.oferta-content b {
    font-weight: 700; /* pogrubienie */
}
}


.szablon-oferta {
        .sekcja-1 h1 {
        font-size: 9.6rem;
        font-family: 'Satoshi';
        font-weight: 600;
        color: white;
        margin-bottom: 4.8rem;
    }
.sekcja-1 h2 {
    color: white;
    font-size: 3.2rem;
}
.sekcja-1 .kol-2 p {
    color: white;
    font-size: 2rem;
}
.sekcja-1 .kol-2 {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

	.hero-opis {
        width: 35%;
        line-height: 1.2;
    }

        .kol-3 {
        background-color: transparent;
        border-radius: 30px;
        padding: 0px;
        color: white;
        display: flex;
        gap: 4rem;
        justify-content: flex-start;
        margin-top: 6rem;
        margin-bottom: 6rem;
    }
section.sekcja-1 {
    height: 100%;    
    min-height: 100vh;
        display: flex;
        background-size: cover;
    }
    .sekcja-1 .kolumny {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 3rem;
}
.sekcja-1 .kontener.full {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    z-index: 1;
}
.sekcja-1 .kafelki h3 {
    font-size: 1.6rem;
    font-family: 'Space Grotesk';
    text-transform: uppercase;
}
.sekcja-1 .kafelki p {
    font-size: 8rem;
}
.sekcja-1 .kafelki {
    border: 1px solid white;
    border-radius: 20px;
    padding: 2.4rem 3.2rem;
}
section#sekcja-2 {
    padding-top: 10%;
    padding-bottom: 10%;
}
.sekcja-2 .kolumny {
    display: flex;
    flex-direction: row;
    gap: 2.4rem;
	align-items: stretch;
}
       img.attachment-full.size-full.wp-post-image {
        width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 53%;
    border-radius: 30px;
    display: block;
		   min-height: 45rem;
    }
    .sekcja-2 .kol-2 {
        flex: 0 0 49%; /* 30% szerokości */
    border-radius: 30px;
    overflow: hidden;
    }
	    .sekcja-2 .head .kol-2 {
        flex: 0 0 18%;
        border-radius: 30px;
        overflow: hidden;
    }
    .sekcja-2 .head .kol-1 {
        background-color: #fff;
        border-radius: 30px;
        padding: 4rem 2.4rem;
        display: flex;
        flex-direction: column;
        gap: 3.2rem;
        justify-content: space-between;
        align-items: center;
		 flex: 0 0 80%;
    }
    .head h3 {
    font-size: 3.2rem;
}
.kafelek-opis {
    display: flex;
    gap: 5rem;
    /*margin-top: 4.4rem;*/
}
.kafelek-opis .wyjasnienie {
    font-size: 2rem;
    width: 50%;
    line-height: 1.3;
}
.kafelek-opis .opis {
        font-size: 1.6rem;
        width: 100%;
        font-weight: 600;
        line-height: 1.5;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
.head hr {
    width: 3rem;
    opacity: 1;
}
p.title {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family: 'Space Grotesk';
    font-weight: 700;
}
    .dzialanie {
        display: flex;
        gap: 6rem 5%;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .kafelek-jak-to-dziala span {
        color: white;
        background-color: var(--blue);
        padding: 5px;
        width: 30px;
        height: 30px;
        border-radius: 20px;
        text-align: center;
        font-size: 2rem;
    }
.kafelek-jak-to-dziala {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 30%;
            gap: 1.4rem;
}
.kafelek-jak-to-dziala p {
    font-size: 1.6rem;
    font-family: 'Satoshi';
    line-height: 1.3;
}
.but {
    align-self: center;
}
.kol-1.kafelek.kafelek-2, .kol-2.kafelek.kafelek-3, .kol-2.kafelek.kafelek-4, .kol-2.kafelek.kafelek-korzyści {
        border: 1px solid var(--pink);
        border-radius: 30px;
        padding: 4rem 2.4rem;
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
        width: 49%;
        height: fit-content;
    }
    .kol-2.kafelek.kafelek-4 {
    border: 0px;
    background-color: var(--black);
    color: white;
    padding: 4rem 2.4rem;
                justify-content: center;
}

.tytul-pierwszego {
    display: flex;
    flex-direction: row;
    gap: 5rem;
}
.tytul-uslugi {
    width: 100%;
}
.logo-uslugi {
    width: 50%;
}

.kolumny-nizej {
    margin-top: 2.4rem;
    padding: 0px;
}
.kolumny-nizej {
    h3.kafelek-tytul,.kol-1.dekor h3 {
        font-size: 3.2rem;
    }
            .kafelek-wyjasnienie {
            font-size: 2rem;
            margin-top: 1.6rem;
            margin-bottom: 1.6rem;
            line-height: 1.3;
        }
        .kafelek-opis, .kafelek-korzysci, .kol-1.dekor p {
            font-size: 1.6rem;
            font-family: 'Satoshi';
            font-weight: 600;
            line-height: 1.5;
        }
        .kafelek-korzysci {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}
img.ikona-korzysci {
    margin-top: 6px;
}
.kol-2.kafelek.kafelek-3 {
    background-color: var(--black);
    color: white;
    border: 1px solid var(--black);
                height: fit-content;
}
.kol-2.kafelek.kafelek-3 img.ikona-korzysci {
            filter: invert(1);
        }


.kol-2.kafelek.kafelek-55, .kol-2.kafelek.kafelek-6, .kol-2.kafelek.kafelek-7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid var(--pink);
    border-radius: 30px;
    padding: 8rem 2.4rem;
    width: 49%;
    height: fit-content;
}
.kol-2.kafelek.kafelek-7 {
    background-color: var(--black);
    color: white;
    border: 0px;
}

a.trans.btn.kafelek-link {
    margin-top: 4rem;
}
.kolumny {
    display: flex;
    flex-wrap: wrap;
}
.kol-1.dekor h3 {
    padding-bottom: 3.2rem;
}
.kol-2.kafelek.kafelek-5 {
    width: 100%;
    justify-items: center;
}
.kol-2.kafelek.kafelek-korzyści hr {
    width: 3rem;
    opacity: 1;
}
        ul.lista-korzyści {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 3rem 0rem;
            font-size: 1.6rem;
            line-height: 1.3;
            font-family: 'Satoshi';
        }
ul.lista-korzyści li {
    width: 30%;
}
.kol-2.kafelek.kafelek-korzyści {
    width: 65%;
    gap: 2.4rem;
}
.kol-2.kafelek.kafelek-4, .kol-2.kafelek.kafelek-6, .kol-2.kafelek.kafelek-7 {
    width: 49%;
}
}
.sekcja-kafelki {
    padding-bottom: 5%;
    padding-top: 7%;
}

.przycisk-glowny.glowny-2 {
        text-align: center;
        padding-bottom: 7%;
    }
}

.uslugi-onas {
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 5%;
        padding-bottom: 5%;
        color: white;
        position: relative;
        overflow: visible;
    }

/* Grafika misiu.svg w tle po prawej stronie sekcji O nas */
.uslugi-onas-misiek {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 35%;
    max-width: 480px;
    min-height: 280px;
    z-index: 0;
    pointer-events: none;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.uslugi-onas-misiek img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: right bottom;
    display: block;
}
.uslugi-onas .container {
    position: relative;
    z-index: 1;
}



.uslugi-onas {
    .nazwa-sekcji span {
    background-color: #ffffff;
    color: var(--blue);
}
h3 {
            font-size: 4.8rem;
            margin-bottom: 1.6rem;
        }
        p.krotki-opis {
            font-size: 1.6rem;
            font-weight: 600;
            font-family: 'Satoshi';
            margin-bottom: 5.6rem;
            width: 75%;
            line-height: 1.5;
        }
.opis {
    display: flex;
    font-size: 2rem;
    line-height: 1.5;
    gap: 4rem;
}
.opis p {
    width: 100%;
}

}


.sekcja-kafelki {
    padding-top:7%;
    padding-bottom: 5%;
}

.sekcja-kafelki {
.kafelki-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8rem;
    justify-content: space-around;
    justify-content: center;
}
    .kafelek.kafel-korzysci {
        width: 28%;
        display: flex;
        align-items: center;
        gap: 2.4rem;
        border: 1px solid var(--blue);
        border-radius: 15px;
        padding: 4.6rem 2.4rem;
    }
    .kafelek img {
    margin-left: -7rem;
    background-color: var(--ecru);
    padding: 1.6rem;
}
.kafelek h4 {
    font-family: 'Space Grotesk';
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 4px;
}
.opis-kafelka p {
    font-size: 2rem;
    line-height: 1.1;
}
}


.acf-tab-content p {
    font-size: 2rem;
    color: white;
    line-height: 1.5;
}

.acf-tab-content iframe {
    max-width: 100%;
    max-height: 625px;
}


.mob {
    display: none;
}
section.desk.sekcja-shortcode {
    display: none;
}
.sekcja-shortcode {
    padding-top: 7%;
    padding-bottom: 7%;
}
.acf-tabs-nav {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    font-size: 2.4rem;
}
button.acf-tab-btn.active, button.acf-tab-btn:hover {
    background-color: white;
    color: var(--black);
    border-radius: 20px;
}
.acf-tabs-nav {
    display: flex;
    margin-bottom: 8rem;
    justify-content: space-between;
}
button.acf-tab-btn {
    width: 33%;
    text-align: left;
    border: 1px solid white;
    border-radius: 20px;
    background: transparent;
    cursor: pointer;
    color: white;
    padding: 24px 20px;
    transition: 0.3s;
}

.kafelek-opis {
    margin: 0;
}
.kolumny.head .kol-1 .kafelek-opis {
    margin-top: 4.4rem;
}


.acf-tabs-nav {
        display: flex;
        gap: 15px;
    }

    .acf-tab-btn {
        align-items: center;
        gap: 8px;
        background: none;
        border: none;
        cursor: pointer;
        font-size: 16px;
        position: relative;
        font-weight: 600;
            display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-size: 2.4rem;
    }

button.acf-tab-btn:hover img {
    filter: invert(1);
}
button.acf-tab-btn:hover {
    transition: 0.3s;
}
button.acf-tab-btn.active img, button.acf-tab-btn.active:hover img {
    filter: none;
}
.pokaz-wiecej {
    justify-self: center;
}
button.acf-toggle-btn {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 8px;
    color: white;
    font-family: 'Space Grotesk';
    text-transform: uppercase;
    font-size: 1.4rem;
    padding: 1.5rem 1.2rem;
    margin-top: 10rem;
}


.acf-tab-content {
    position: relative;
    display: none;
    max-height: 250px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.acf-tab-content.active {
    display: flex;
}

/* gradient – DOMYŚLNIE UKRYTY */
.acf-tab-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        var(--black)
    );
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* pokazujemy gradient tylko gdy trzeba */
.acf-tab-content.has-overflow::after {
    opacity: 1;
}

/* po rozwinięciu – bez gradientu */
.acf-tab-content.expanded::after {
    opacity: 0;
}

.acf-tab-content {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: space-between;
}
.acf-tab-content img {
    max-width: 30%;
    object-fit: contain;
}
.acf-tab-content.active.has-overflow {
    display: flex;
    justify-content: space-between;
}








.zarzad-tile-arrow img {
    transform: rotate(-90deg) scale(1.5);
}
.zarzad-tile:hover .zarzad-tile-arrow img {
    transform: rotate(0deg) scale(1.5);
    transition: 0.3s;
}
.zarzad-tile, .rada-nadzorcza-tile {
    position: relative;
    width: 32%;
    height: 400px;
    overflow: hidden;
        border-radius: 20px;
}
.zarzad-tile-bg, .rada-nadzorcza-tile-bg {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: relative;
}
.zarzad-tile-content, .rada-nadzorcza-tile-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(to top, var(--black), transparent);
    color: white;
    transition: 0.3s;
    height: 110px;
}
.zarzad-tile-header, .rada-nadzorcza-title-header {
    display: flex;
    justify-content: space-between;
}
.zarzad-tile-hover, .rada-nadzorcza-title-hover {
    display: none;
    margin-top: 10px;
}
.zarzad-tile:hover .zarzad-tile-hover, .rada-nadzorcza-tile:hover .rada-nadzorcza-title-hover {
    display: block;
}

.zarzad-tiles, .rada-nadzorcza-tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.zarzad-tile-info h3, .rada-nadzorcza-tile-info h3 {
    font-size: 2rem;
}
.zarzad-tile-info p, .rada-nadzorcza-tile-info p {
    font-size: 1.4rem;
    font-family: 'Space Grotesk';
    text-transform: uppercase;
    line-height: 1.3;
    padding-top: 1rem;
}
.zarzad-tile:hover .zarzad-tile-content, .rada-nadzorcza-tile:hover .rada-nadzorcza-tile-content {
    height: 100%;
    background: linear-gradient(to top, var(--black), transparent);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: 0.3s;
}
.zarzad-tile-description p, .rada-nadzorcza-tile-description p {
    font-size: 1.6rem;
    line-height: 1.3;
    padding-top: 3.2rem;
    padding-bottom: 1rem;
}


.rada-nadzorcza-tile-arrow img {
    transform: rotate(-90deg) scale(1.5);
}
.rada-nadzorcza-tile:hover .rada-nadzorcza-tile-arrow img {
    transform: rotate(0deg) scale(1.5);
    transition: 0.3s;
}
.rada-nadzorcza-tiles {
    display: flex;
    gap: 2rem;
}
.rada-nadzorcza-tile-bg {
    background-size: cover;
    background-repeat: no-repeat;
}
.rada-nadzorcza-tile-header {
    display: flex;
    justify-content: space-between;
}
.rada-nadzorcza-tile:hover .rada-nadzorcza-tile-description {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    font-size: 1.6rem;
    margin-top: 1.8rem;
}
section.zarzad-rada .full {
    display: flex;
    flex-direction: column;
    gap: 12rem;
    padding-top: 7%;
    padding-bottom: 7%;
}

/* Sekcja Rada Nadzorcza na podstronach Oferty (metabox) */
.oferta-rada-nadzorcza-sekcja.zarzad-rada {
    background-color: var(--ecru);
}
.oferta-rada-nadzorcza-sekcja .full {
    gap: 3.2rem;
    padding-top: 5%;
    padding-bottom: 5%;
}
.oferta-rada-nadzorcza-sekcja .rada-nadzorcza-tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
}
.oferta-rada-nadzorcza-sekcja .rada-nadzorcza-tile {
    flex: 1 1 calc(33.333% - 1.4rem);
    min-width: 240px;
}

/* Opis osoby widoczny tylko po najechaniu na kafelek */
.oferta-rada-nadzorcza-sekcja .rada-nadzorcza-tile-description {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}
.oferta-rada-nadzorcza-sekcja .rada-nadzorcza-tile:hover .rada-nadzorcza-tile-description {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.czytaj-wiecej-btn {
        display: block;
        margin-top: 10px;
        cursor: pointer;
        color: #0073aa;
        border: none;
        background: none;
        font-size: 14px;
    color: var(--pink);
    text-transform: uppercase;
    font-family: 'Space Grotesk';
    text-align-last: left;
    padding: 0px;
}
div#popup-text p {
    font-size: 1.6rem;
    line-height: 1.5;
}
.popup-header p {
    font-family: 'Space Grotesk';
}




.zarzad-tile-description {
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.3s ease, transform 0.3s ease;
        pointer-events: none;
    }
    .zarzad-tile:hover .zarzad-tile-description {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    font-size: 1.6rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
    .czytaj-wiecej-btn:hover {
        text-decoration: underline;
    }
        
    .popup-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
    }
    .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 5.2rem;
    max-width: 80%;
    max-height: 80%;
    overflow-y: auto;
	border-radius: 30px;
		box-shadow: 2px 2px 15px #0000000a;
}
   .popup-close {
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
    transform: scale(3);
}
    .popup-header {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .popup-header img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin-right: 15px;
}
    .popup-header h3 {
        margin: 0;
    }
    .popup-header p {
    margin: 0;
    font-size: 16px;
    color: black;
    line-height: 1.4;
    text-transform: uppercase;
}
    h3#popup-name {
    font-size: 3.2rem;
    line-height: 1.5;
}
        .zarzad-tile .czytaj-wiecej-btn {
    display: none;
}
.zarzad-tile:hover .czytaj-wiecej-btn {
    display: block;
}
.misja .kol-1 {
    margin-left: 20rem;
    margin-right: 4rem;
}
.kontakt-sekcja {
    display: flex;
    gap: 4rem;
    padding-top: 7%;
    padding-bottom: 7%;
}
.adres, .kontakt-kolumna {
    width: 50%;
}
.sekcja-13 {
    padding-top: 3%;
    padding-bottom: 3%;
}
.adres h2, .kontakt-kolumna h2, .kontakt-kolumna a {
    font-size: 3.2rem;
    color: inherit;
    text-decoration: none;
    line-height: 1.3;
    font-weight: 300;
}
.adres p, .kontakt-kolumna p {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
}
.adres h2, .dane-kontakt {
    margin-bottom: 5.6rem;
}
section.sekcja-4.news.archive {
    padding-top: 7%;
    padding-bottom: 7%;
}
button.sekcja-3-tab:hover {
    background-color: var(--pink);
    color: white;
    border: 1px solid var(--pink);
    transition: 0.3s;
}
button.slick-next.slick-arrow {
    margin-right: 49%;
    position: absolute;
    top: -4.2rem;
}
button.slick-prev.slick-arrow {
    margin-left: 49%;
    position: absolute;
    top: -4.2rem;
}
button.show-more-btn {
    border: 0px;
    background-color: transparent;
    padding: 0px;
    margin-top: 2rem;
    font-size: 1.4rem;
    color: var(--blue);
    font-family: 'Space Grotesk';
    text-transform: uppercase;
    text-align: left;
}
.slide-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 60px;
}
section.zwykla-strona {
    padding-top: 15rem;
    padding-bottom: 12rem;
}
section.zwykla-strona h2.tytul {
    font-size: 3.2rem;
    font-family: 'Space Grotesk';
    text-transform: uppercase;
    color: var(--blue);
}
section.zwykla-strona h2 {
    font-size: 2.4rem;
    font-weight: 600;
}
section.zwykla-strona p {
    font-size: 2rem;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 2rem;
    line-height: 1.3;
}
section.zwykla-strona .opakowane {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
strong {
    font-weight: 800;
}
.page-id-224 .kafelek-3, .page-id-218 .kafelek-3, .page-id-212 .kafelek-3, .page-id-220 .kafelek-3 {
    display: none !important;
}
section.tresc-wpisu a {
    color: var(--blue);
}
.carousel {
  position: relative; /* Konieczne, by absolute działało poprawnie */
  overflow: hidden;
}
.carousel-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
}
.carousel-button-prev {
  left: 10px;
}
.carousel-button-next {
  right: 10px;
}
.przycisk-glowny {
    place-self: center;
    padding-top: 6rem;
}


.wpcf7 .osoba p {
    display: flex;
    gap: 2rem;
}




span.wpcf7-acceptance label {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
span.wpcf7-acceptance input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-top: 3px;
}
span.wpcf7-acceptance span.wpcf7-list-item-label {
    width: 92%;
}

span.zgoda {
    line-height: 120%;
    font-size: 1.4rem;
}
.sekcja-2-col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.archive .sekcja-1 .co-slychac h3 {
    font-family: 'Space Grotesk';
    font-weight: 400;
    font-size: 2.4rem;
}

section.sekcja-kontakt {
    height: 42vh;
    display: flex;
    align-items: flex-end;
    padding-bottom: 8rem;
}





.start-wpis {
  position: relative; /* Wymagane dla pozycjonowania */
  background-size: cover;
  background-position: center;
}

.start-wpis::before {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.6); /* Dostosuj 0.6 do ciemności (0.4-0.8) */
  z-index: 1;
}

/* Tekst na wierzchu */
.start-wpis .dane-wpisu {
  position: relative;
  z-index: 2;
  color: white; /* Dla lepszej widoczności */
}

.single-post h5 {
    font-weight: 700;
    line-height: 1.4;
    font-size: 2.6rem;
}
section.tresc-wpisu p {
    font-size: 2rem;
}


.osoba .wpcf7-form-control-wrap {
    width: 50%;
	flex-direction: column;
}


.fota-wyrozniajaca {
    height: 100%;
}

.wpcf7-not-valid-tip {
	display: none;
}
form.wpcf7-form.init, form.wpcf7-form.sent, form.wpcf7-form.submitting, form.wpcf7-form.resetting, form.wpcf7-form.invalid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
    display: inline-flex;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    border-radius: 10px;
}
form.wpcf7-form.init .osoba p, form.wpcf7-form.sent .osoba p, form.wpcf7-form.submitting .osoba p, form.wpcf7-form.resetting .osoba p {
    display: flex;
    gap: 2rem;
    flex-direction: row;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #dc3545;
    background-color: #dc3545;
    color: white;
    font-size: 2rem;
    margin: 0px;
}
.sekcja-oferty .kol-1 img {
        border-radius: 30px;
    }

p.wyslij-cv {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
        margin-top: 5rem;
}
p.wyslij-cv a {
    color: black;
}







.o-nas, .animacja {
  position: relative;
  overflow: hidden;
  background: white;
  min-height: 400px; /* Dostosuj do minimalnej wysokości sekcji z nagłówkiem */
}

.o-nas > *, .animacja > * {
  position: relative;
  z-index: 1;
}

.o-nas h1, /* lub inny selektor nagłówka, np. .o-nas .naglowek */
.o-nas h2,
.o-nas h3, .szablon-oferta .sekcja-1 .kolumny {
  position: relative;
  z-index: 1;
}

.o-nas::before, .animacja::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 5;
  transform: translateY(0);
  animation: whiteFall 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  will-change: transform;
}

@keyframes whiteFall {
  to {
    transform: translateY(100%);
  }
}

.opakowane.blad {
    display: flex;
    align-items: center;
    padding: 18rem 0rem 12rem 0rem;
    gap: 6rem;
}
.opakowane.blad .kolumna-2 h2 {
    font-size: 7rem;
    font-weight: 800;
}
.opakowane.blad .kolumna-2 p {
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    margin-top: 1rem;
}
.opakowane.blad img {
    max-width: 430px;
    width: 100%;
}

.sekcja-kontakt .kol-1 img, .sekcja-1-col.co-slychac img {
    width: 111px;
}

.opis b {
    font-weight: 700;
}

.opis span {
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
}



.page-id-220 .szablon-oferta .kolumny-nizej .kolumny {
            flex-direction: row-reverse;
     }

/* Usunięte: .kol-2 a.btn { display: none } — chowało przyciski w kafelkach 3+ i w hero (kol-2). */




@media (max-width: 1600px) {
.wizja .kol-2 {
    width: 50%;
}
}
@media (max-width: 1420px) {
.misja .kol-1 {
    margin-left: 1rem;
    margin-right: 4rem;
}
}
@media (max-width: 1366px) {
	.zarzad-tile-content, .rada-nadzorcza-tile-content {
    height: 130px;
}
}

@media (max-width: 1024px) {
    .o-nas-kolumny {
    display: flex;
    align-items: flex-end;
    gap: 0rem;
    flex-direction: column;
    justify-content: flex-end;
}
.pasja .kolumny {
    margin-top: 7.8rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.pasja .kolumny .kol-1 {
    width: 48%;
}
.pasja .kol-2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
            width: 100%;
}
.carousel-slide, .slide-description {
    padding: 20px 0px 20px 32px;
}
.wizja .kol-2 {
    padding: 0rem;
    padding-top: 7%;
}
.timeline-carousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: 0rem;
    overflow: hidden;
    margin-top: 7rem;
}
.slide-divider {
    width: 100%;
}
.wizja {
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: flex-start;
    padding-top: 0%;
}
    .wizja .kol-2 {
        width: 100%;
        padding: 6rem 2rem;
    }
.grid-kafelki {
    flex-wrap: nowrap;
}

.news .sekcja-4-col.sekcja-4-col-newsletter {
    width: 70%;
}
.archive {
 .sekcja-1 {
    height: auto;
}
    article.sekcja-3-kafelek {
        width: 48%;
    }
.co-slychac {
        padding: 3rem 0rem;
    }


}

.archive .sekcja-1 .full {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 8rem;
    padding-top: 12rem;
}

.wpis {
    .dane-wpisu.full h1 {
        width: 100%;
    }
}


.kontakt-strona {
    .sekcja-kontakt .kolumny {
        display: flex;
        gap: 5rem;
        padding-top: 13rem;
        padding-bottom: 5rem;
    }
}
.praca-strona {
.sekcja-oferty .kol-1 img {
        border-radius: 25px;
            width: 100%;
            height: 410px;
            object-fit: cover;
            object-position: 0px -36rem;
    }
.sekcja-oferty .kolumny {
    flex-direction: column;
}

}


.szablon-oferta {
    section.sekcja-1 {
        min-height: 80vh;
        height: 100%;
        padding-top: 15rem;
    }
    .kol-3 {
        flex-wrap: wrap;
    }
    .hero-opis {
        width: 55%;
    }
    .sekcja-2 .kolumny {
        flex-direction: column;
    }
    .sekcja-2 .kol-2 {
        width: 100%;
    }
        img.attachment-full.size-full.wp-post-image {
        object-position: top;
        height: 20vh;
    }
        .kol-1.kafelek.kafelek-2, .kol-2.kafelek.kafelek-3, .kol-2.kafelek.kafelek-4, .kol-2.kafelek.kafelek-korzyści {
        width: 100%;
    }
    .but {
        align-self: flex-start;
    }
    .sekcja-kafelki {
    .kafelek.kafel-korzysci {
         width: 42%;
        display: flex;
        align-items: center;
        gap: 2.4rem;
        border: 1px solid var(--blue);
        border-radius: 15px;
        padding: 4.6rem 2.4rem;
    }
    .kafelki-grid {
            gap: 4rem 8rem;
        }
    }
}


.szablon-oferta {
 .kolumny-nizej {
      .kol-2.kafelek.kafelek-4, .kol-2.kafelek.kafelek-6, .kol-2.kafelek.kafelek-7, .kol-2.kafelek.kafelek-55 {
            width: 100%;
        }
    }
}


.zarzad-tile, .rada-nadzorcza-tile {
    width: 48%;
}

.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 5.2rem;
    max-width: 90%;
    width: 100%;
    max-height: 86%;
    overflow-y: auto;
}
.wierzymy .kolumna-1 {
    margin-left: 0rem;
}
.misja .kol-1 {
    margin-left: 0rem;
    margin-right: 0rem;
}


.misot-carousel-wrapper {
    padding-left: 2rem;
}
.grid-kafelki {
    justify-content: flex-start;
}
.historia .kol-3 {
    margin-left: 0rem;
}

	
.sekcja-5 .misiek {
    position: absolute;
    bottom: 0;
    width: 30%;
    height: 75%;
    z-index: 2;
    right: -60px;
    top: 24rem;
}	
	
	.wizja .kol-1 {
    width: 100%;
    height: 100%;
}
	.wizja .kolumny {
    flex-direction: column-reverse;
}
	
.opakowane.blad {
    min-height: 88rem;
}	
	
}



@media (max-width: 820px) {
.grid-kafelki {
    flex-wrap: wrap;
}
.opis-podstrony {
    padding-bottom: 8rem;
}
    .historia .kolumny {
        flex-direction: column;
    }
.historia .kolumny .kol-1 {
        flex: 1;
        order: 1;
        gap: 0;
        margin-top: 5.8rem;
    }
.historia .kolumny .kol-2 {
    flex: 1;
    order: 2;
    gap: 0;
}
    .historia .kolumny .kol-3 {
        flex: 1;
        order: 0;
                width: 70%;
    }
.historia .kol-1, .historia .kol-2 {
    width: 100%;
}
.misja .kolumny {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.misja {
        height: 86vh;
        background-position: bottom;
        align-items: flex-start;
    }


.archive {
.sekcja-1 .full {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 8rem;
    align-items: flex-start;
    gap: 3rem;
}
    .co-slychac {
        padding: 0rem;
    }
    .sekcja-2-col.sekcja-2-col-content {
        padding: 9rem 4rem;
    }
    .sekcja-3-tabs {
        gap: 12px;
    }
}
    section.sekcja-4.news.archive {
    background-position-x: 30%;
}

.wpis {
    section.tresc-wpisu .kontener {
        width: 100%;
    }
    section.start-wpis {
        padding: 80px 0px;
    }
    .related-posts-grid {
        justify-content: space-between;
        flex-direction: column;
    }
    .related-post-tile {
        width: 100%;
    }
.podobne-desktop {
    display: none;
}
.podobne-mobile {
    display: block;
}
.full.podobne-mobile {
    padding-bottom: 15%;
    padding-top: 7%;
}
}
}

@media (max-width: 1024px) {
    .sekcja-kontakt-dodatkowy .kontakt-dodatkowy-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .sekcja-kontakt-dodatkowy .kontakt-dodatkowy-row {
        grid-template-columns: 1fr;
    }
}

.sekcja-kontakt-dodatkowy .kontakt-kafelki img {
        height: 215px;
    }

   .kontakt-strona .kontakt-dodatkowy-row {
        gap: 7rem 3rem;
    }


.szablon-oferta {
    & .uslugi-onas {
        p.krotki-opis {
            width: 60%;
        }
    }
}
.full.wierzymy {
    gap: 4rem;
}
.carousel-cell img.attachment-full.size-full.wp-post-image {
    height: 225px;
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
    margin-bottom: 1.6rem;
}


.carousel-track {
    display: flex;
    gap: 3rem;
}




.wpis {
section.start-wpis {
            padding: 80px 0px;
            height: 80vh;

}
.carousel-cell.is-selected {
    display: flex;
    flex-direction: column;
    /*align-items: flex-start;*/
}
img.attachment-medium.size-medium.wp-post-image {
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
    height: 215px;
}
span.post-date {
    font-size: 1.4em;
    margin-top: 1.6rem;
    margin-bottom: 4px;
}
        .carousel-cell h3 {
            font-size: 2rem;
            margin-bottom: 1.6rem;
            line-height: 1.2;
            margin-top: 4px;
            line-height: 1.2;
            font-weight: 500;
        }
.carousel-cell a {
    text-decoration: none;
    color: inherit;
}
p.post-excerpt {
    font-size: 1.4rem;
    line-height: 1.3;
}

.carousel-cell a.minimal.btn {
    width: fit-content;
}

.carousel-cell a.minimal.btn {
    width: fit-content;
    color: var(--blue);
}
.carousel-cell a.minimal.btn::before, .carousel-cell a.minimal.btn::after {
    top: 60%;
}


.main-carousel {
    position: relative;
}

/*.carousel-cell {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
            flex-direction: column;
}
*/
.carousel-cell.active {
    opacity: 1;
    position: relative;
}

.custom-prev-button,
.custom-next-button {
    z-index: 9999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    z-index: 2;
}

/* lewa strzałka po lewej stronie slidera */
.custom-prev-button {
    left: -40px; /* wysunięcie poza slider */
}

/* prawa po prawej */
.custom-next-button {
    right: 10px;
    
}
.custom-prev-button {
            width: 100%;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            top: -45px;
            right: 7rem;
            padding-right: 2rem;
        }
.custom-next-button {
width: 100%;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            top: -45px;
}
.carousel-cell {
    width: 50%;
}
}


.sekcja-8 p {
    margin-bottom: 5rem;
}
.single-post h5 {
    font-size: 2rem;
}
section.tresc-wpisu p {
    font-size: 1.8rem;
}


@media (max-width: 768px) {
.szablon-oferta {
        section.sekcja-1 {
            height: 100%;
            min-height: 90vh;
            background-size: cover;
        }

.sekcja-kafelki {
        .kafelek.kafel-korzysci {
            width: 70%;
        }
        }
.uslugi-onas {
        .opis {
            flex-direction: column;
        }
        p.krotki-opis {
            width: 100%;
        }
    }        
    }
    .historia .kol-3 {
    margin-left: 0px;
}

    .archive {
        .sekcja-3-tabs {
            gap: 8px;
        }
    }

	
.opakowane.blad {
    flex-direction: column;
    padding-left: 2rem;
    padding-right: 2rem;
}	
	

}

@media (max-width: 600px) {

.opis-podstrony h2 {
    font-size: 5.6rem;
}
.opis-podstrony p {
    font-size: 2rem;
}
span.liczba {
    font-size: 5.6rem;
}
.liczba .ostatnie {
        font-size: 4.8rem;
    }
.grid-kafelki {
    gap: 1.6rem;
}
.kafel {
    width: 47%;
}
.kafelki-onas {
    padding-bottom: 5rem;
}
.struktura p {
    margin-left: 0%;
    margin-right: 0%;
}
.desktop-img {
        display: none;
    }
    .mobile-img {
        display: block;
    }
        .historia .kolumny .kol-3 {
        width: 100%;
    }
    .full.struktura {
    padding-bottom: 25%;
    padding-top: 25%;
}
.misja .kontener, .pasja {
    padding-top: 25%;
    padding-bottom: 25%;
}
.misja {
        min-height: 75rem;
    }
    section.historia {
    padding-top: 25%;
    padding-bottom: 25%;
}
.carousel-slide,
    .slide-description {
        flex: 1 0 100%;
    }
    .pasja .kolumny .kol-1 {
        width: 100%;
    }
    .carousel-nav {
    top: 0rem;
}
.carousel-slide, .slide-description {
    padding: 0px 0px 0px 40px;
}
.pasja .kol-1 h2 {
    font-size: 3.2rem;
}
.urywki img.two {
    display: none;
}
.urywki img.one {
    width: 100%;
}
.wizja h2 {
    font-size: 4.8rem;
}
.wizja .kol-2 p {
    font-size: 2rem;
}



.archive {
   .sekcja-1-col {
    width: 100%;
}
    .sekcja-1 h2 {
    font-size: 5.6rem;
}
.sekcja-1 h3 {
        font-size: 2.4rem;
    }
.sekcja-1 p {
        font-size: 1.8rem;
    }
        .sekcja-1 .full {
            padding-bottom: 4rem;

        }
.sekcja-2-wrapper {
    display: flex;
    flex-direction: column;
}
    .sekcja-2-col.sekcja-2-col-content, .sekcja-2-col-image {
        width: 100%;
    }
.sekcja-2-col.sekcja-2-col-content {
            padding: 4.8rem 2rem 6.4rem 2rem;
        }
.sekcja-2-col.sekcja-2-col-image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 4rem;
    padding-left: 2rem;
}
    span.sekcja-2-kategoria {
        margin-top: 0rem;
        margin-left: 0rem;
    }

.sekcja-3-tabs {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    position: relative;
}
.sekcja-3-tabs::before {
    content: "";
    width: 2rem;
    flex: 0 0 auto;
}
.sekcja-3-tab {
    flex: 0 0 auto;
    margin-right: 10px;
}
.sekcja-3-tabs {
    overflow-x: auto;
    /* Ukrywa scrollbar w Chrome, Safari, Opera */
    &::-webkit-scrollbar {
        display: none;
    }
    /* Ukrywa scrollbar w Firefox */
    scrollbar-width: none;
    /* Ukrywa scrollbar w Internet Explorer i Edge */
    -ms-overflow-style: none;
}
section.sekcja-3 .full {
    padding: 0px 0rem 0px 0rem;
}
   .sekcja-3-kafelki {
            padding: 5.6rem 2rem;
        }

article.sekcja-3-kafelek {
            width: 100%;
        }
            .sekcja-3-kafelek-opis {
        margin-bottom: 1.2rem;
    }
    .sekcja-4 .full {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .sekcja-4-col.sekcja-4-col-newsletter {
        width: 100%;
    }
    .wpcf7 .wpcf7-submit:disabled, input.wpcf7-form-control.wpcf7-submit.has-spinner {
        position: static;
        height: 50px;
    }
    .sekcja-4-col.sekcja-4-col-newsletter {
        padding: 3.2rem;
    }
     section.sekcja-4 {
            background-position-y: bottom;
            background-position-x: 70%;
            display: flex;
            align-items: flex-end;
            height: 110vh;
            padding-bottom: 0rem;
        }

    }

section.sekcja-4.news.archive {
    background-position-y: bottom;
            background-position-x: 70%;
            display: flex;
            align-items: flex-end;
            height: 110vh;
            padding-bottom: 4.8rem;
}
.wpis {
section.start-wpis {
            padding: 80px 0px;
            height: 80vh;

}
.carousel-cell.is-selected {
    display: flex;
    flex-direction: column;
    /*align-items: flex-start;*/
}
img.attachment-medium.size-medium.wp-post-image {
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
    height: 215px;
}
span.post-date {
    font-size: 1.4em;
    margin-top: 1.6rem;
    margin-bottom: 4px;
}
.carousel-cell a {
    text-decoration: none;
    color: inherit;
}
p.post-excerpt {
    font-size: 1.4rem;
    line-height: 1.3;
}

.carousel-cell a.minimal.btn {
    width: fit-content;
}

.carousel-cell a.minimal.btn {
    width: fit-content;
    color: var(--blue);
}
.carousel-cell a.minimal.btn::before, .carousel-cell a.minimal.btn::after {
    top: 60%;
}


.main-carousel {
    position: relative;
}

/*.carousel-cell {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
            flex-direction: column;
}
*/
.carousel-cell.active {
    opacity: 1;
    position: relative;
}

.custom-prev-button,
.custom-next-button {
    z-index: 9999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

/* lewa strzałka po lewej stronie slidera */
.custom-prev-button {
    left: -40px; /* wysunięcie poza slider */
}

/* prawa po prawej */
.custom-next-button {
    right: 10px;
    
}
.custom-prev-button {
            width: 100%;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            top: -45px;
            right: 7rem;
            padding-right: 2rem;
            z-index: 2;
        }
.custom-next-button {
width: 100%;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            top: -45px;
            z-index: 2;
}
}


.kontakt-strona {
.sekcja-kontakt .kol-2 h3 {
    font-size: 2rem;
}
    .sekcja-kontakt .kol-2 h2 {
        font-size: 5.6rem;
    }
    .kontakt-sekcja {
        padding-top: 0%;
    }
    .kontakt-kafelki {
            max-width: 100%;
        }
 .kontakt-dodatkowy-row {
        gap: 2.4rem 3rem;
        grid-template-columns: 1fr;
    }
   .sekcja-kontakt-dodatkowy .nazwa-sekcji span {
    margin-bottom: 0rem;
}
}

.praca-strona {
    .oferta-item {
            padding: 2.8rem 2.4rem;
            margin-bottom: 3.2rem;
        }
        .oferta-header h3 {
        font-size: 2.4rem;
    }
    .sekcja-kontakt .kol-2 h2 {
            font-size: 5.6rem;
            margin-top: 5px;
            line-height: 0.9;
        }
       .sekcja-kontakt .kol-1 img {
        height: 111px;
    }
            .sekcja-kontakt .kolumny {
            gap: 1.6rem;
        }
}
.mob {
    display: flex;
}
.desk {
    display: none;
}

.szablon-oferta {
    .sekcja-1 .kol-2 {
        align-items: flex-start;
        flex-direction: column;
                    gap: 4.8rem;
    }
    .sekcja-1 h1 {
        font-size: 5.6rem;
        margin-bottom: 4rem;
    }
        .sekcja-1 h2 {
        font-size: 2.6rem;
    }
    .sekcja-1 .kol-2 p {
        font-size: 1.8rem;
    }
        .hero-opis {
            width: 100%;
            line-height: 1.2;
        }
            .sekcja-1 .kafelki p {
        font-size: 4rem;
    }
        .sekcja-1 .kafelki h3 {
        font-size: 1.2rem;
    }
        .sekcja-1 .kafelki {
        padding: 2.4rem;
    }
                .kol-3 {
            flex-wrap: wrap;
            gap: 1.6rem;
        }
    .kafelek-opis {
        gap: 2.4rem;
        flex-direction: column;
    }
    .kafelek-opis .wyjasnienie {
        font-size: 1.8rem;
        width: 100%;
    }
    .head h3 {
        font-size: 2.4rem;
    }
       .dzialanie {
        display: flex;
        gap: 2.4rem;
        flex-direction: column;
    } 
    .kafelek-jak-to-dziala {
        width: 100%;
    }    
    section#sekcja-2 {
        padding-top: 25%;
        padding-bottom: 15%;
    }
    .sekcja-2 .kol-2 {
        flex: 0 0 100%;
        border-radius: 30px;
        overflow: hidden;
    }
.uslugi-onas {
    background-position: right;
}     
.uslugi-onas {
        padding-top: 25%;
        padding-bottom: 25%;
    }
.uslugi-onas {
        h3 {
            font-size: 3.6rem;
            margin-bottom: 1.6rem;
        }
    .opis {
        font-size: 1.8rem;
        gap: 3.2rem;
    }
    p.krotki-opis {
            margin-bottom: 4.8rem;
        }
    }    
.sekcja-kafelki {
        .kafelek h4 {
            font-size: 1.8rem;
        }
                .opis-kafelka p {
            font-size: 1.8rem;
            line-height: 1.1;
        }
            .kafelek.kafel-korzysci {
                gap: 0.6rem;
                padding: 2.4rem;
                width: 100%;
                margin-left: 3rem;
            }
}
.sekcja-kafelki {
    padding-top: 15%;
        padding-bottom: 15%;
    }
.przycisk-glowny.glowny-2 {
        padding-bottom: 25%;
    }

}

.mob button.acf-toggle-btn {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.mob .accordion-images {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
    .mob .accordion-images img {
        width: 30%;
        min-height: 64px;
    }

    .mod button.acf-accordion-btn {
    background-color: transparent;
    color: white;
    font-size: 2rem;
    border: 1px solid white;
    border-radius: 15px;
}
/*.acf-accordion-content.expanded {
    height: calc(100% + 5rem);
}*/
.zarzad-tile, .rada-nadzorcza-tile {
    width: 100%;
}

.popup-content {
    padding: 3.2rem;
}
h3#popup-name {
    font-size: 3.2rem;
    line-height: 1.1;
    padding-bottom: 1rem;
}
.popup-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    flex-direction: column;
    gap: 2rem;
}




.full.wierzymy {
        flex-direction: column;
        gap: 9.6rem;
    }
.wierzymy .kolumna-1 {
    margin-left: 0rem;
    width: 75%;
}
.wierzymy .kolumna-2 h3 {
        font-size: 1.8rem;
        padding: 0px;
    }
.wierzymy .kolumna-2 h2 {
    font-size: 3.6rem;
            margin: 0px;
}
.wierzymy p {
    font-size: 2rem;
    line-height: 1.3;
    padding-top: 4rem;
}
.misiek {
    position: absolute;
    width: 220px;
    bottom: 0rem;
    top: -52rem;
    right: -11.3rem;
}
   .sekcja-5 .misiek {
                position: absolute;
        width: 70%;
        bottom: 0rem;
        top: 4rem;
        left: 43%;
        z-index: 9;
    }

    .kontakt-sekcja {
        flex-direction: column;
    }
    .adres, .kontakt-kolumna {
    width: 100%;
}
.full.wierzymy {
    padding-top: 25%;
    padding-bottom: 25%;
}

button.slick-prev.slick-arrow {
    margin-left: 47%;
}
button.slick-next.slick-arrow {
    margin-right: 47%;
}
.adres h2, .kontakt-kolumna h2, .kontakt-kolumna a {
    font-size: 2.4rem;
}
    .adres h2 {
    margin-bottom: 4rem;
}
.historia .kolumny {
    padding-top: 0rem;
}
.historia h2.mob {
    font-size: 3.6rem;
    margin-bottom: 4.8rem;
}
.historia .prezes h3 {
    font-size: 1.8rem;
}
.historia .kol-3 p {
    font-size: 2rem;
}
.historia .kolumny p {
    font-size: 1.8rem;
}
.slide-years {
    font-size: 2.4rem;
}
.description-excerpt {
    font-size: 2rem;
    margin-top: 3rem;
}
.description-full {
    font-size: 2rem;
}




form.wpcf7-form.init div p {
    display: flex;
    flex-direction: column;
            gap: 1rem;
}
textarea.wpcf7-form-control.wpcf7-textarea, input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
}

.kontakt-sekcja {
    padding-top: 20%;
    padding-bottom: 20%;
}
.page-id-6 .misiek {
    top: 3rem;
    z-index: 6;
    width: 70%;
    left: 43%;

}
.page-id-6 video {
    z-index: 4;
    position: relative;
}
section.zarzad-rada .full {
    padding-top: 25%;
    padding-bottom: 25%;
}



button.acf-accordion-btn.active {
    background-color: white;
    color: black;
    transition: 0.3s;
}	
	    .misiek {
    position: absolute;
    bottom: 34%;
    left: 63%;
    width: 56%;
    right: 0;
    height: 75%;
    z-index: 2;
}
	    .wizja .kol-2 {
        width: 100%;
        padding: 12rem 2rem 6rem 2rem;
    }





.sekcja-1-col.co-slychac img {
    display: none;
}
.archive .sekcja-1 .sekcja-1-col {
    gap: 0rem;
}
.archive h2.sekcja-2-tytul a {
        font-size: 2.4rem;
    }
.archive .sekcja-3-tabs {
        justify-content: flex-start;
    }
.archive h3.sekcja-3-kafelek-tytul a {
        font-size: 2rem;
}    



.wpis .dane-wpisu.full h1 {
            font-size: 3.6rem;
            line-height: 120%;
        }
.wpis .carousel-cell {
            width: 100%;
        }



    .kontakt-strona .sekcja-kontakt .kolumny {
            gap: 1.6rem;
            align-items: flex-end;
        }

section.sekcja-kontakt {
    height: 32rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2rem;
}
.osoba .wpcf7-form-control-wrap {
    width: 100%;
	flex-direction: column;
}
form.wpcf7-form .osoba p, form.wpcf7-form.init .osoba p, form.wpcf7-form.sent .osoba p, form.wpcf7-form.submitting .osoba p, form.wpcf7-form.resetting .osoba p, form.wpcf7-form.invalid .osoba p {
    display: flex;
    gap: 2rem;
    flex-direction: column;
}
.praca-strona .sekcja-oferty .kol-1 img {
            border-radius: 30px;
            width: 100%;
            height: 260px;
            object-fit: cover;
            object-position: 0px -33rem;
        }
    .misja   {
  background-blend-mode: lighten;
    }
    .misja .kol-1 h2 {
    font-size: 4.8rem;
}
	
.opakowane.blad img {
    max-width: 190px;
    width: 100%;
}	
	
	.opakowane.blad .kolumna-1 {
		margin-right: auto;
	}	
	    .opakowane.blad {
        min-height: 65rem;
    }
    }

/* ========== „W co wierzymy” – ten sam wygląd co strona główna (szablon Oferta, O nas) ========== */
.misot-wierzymy-jak-glowna.sekcja-5 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
}
.szablon-oferta > .misot-wierzymy-jak-glowna.sekcja-5 {
    margin-left: 0;
    margin-right: 0;
}
.misot-wierzymy-jak-glowna .full.wierzymy {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 15rem;
    color: #fff;
    padding-top: 8%;
    padding-bottom: 9%;
}
.misot-wierzymy-jak-glowna .wierzymy .kolumna-1 {
    margin-left: 10%;
    width: auto;
    max-width: 300px;
}
.misot-wierzymy-jak-glowna .wierzymy .kolumna-2 h3 {
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2rem;
    padding-top: 6rem;
}
.misot-wierzymy-jak-glowna .wierzymy .kolumna-2 h2 {
    font-size: 4.8rem;
    color: #fff;
    margin-bottom: 4rem;
    line-height: 1.1;
}
.misot-wierzymy-jak-glowna .wierzymy p {
    font-size: 2.4rem;
    color: #fff;
    line-height: 1.3;
    padding-top: 0;
    z-index: 3;
    width: 85%;
}
.misot-wierzymy-jak-glowna .wierzymy .kolumna-2 {
    gap: 2rem;
}
.misot-wierzymy-jak-glowna .misiek {
    position: absolute;
    bottom: 0;
    width: 25%;
    height: 64%;
    z-index: 2;
    right: -120px;
    top: 25rem;
    left: auto;
}
.misot-wierzymy-jak-glowna .wierzymy .kolumna-1 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.szablon-oferta .logo-uslugi img.kafelek-logo {
    max-height: 55px;
}




@media (max-width: 1024px) {
    .misot-wierzymy-jak-glowna .full.wierzymy {
        gap: 4rem;
    }
    .misot-wierzymy-jak-glowna .wierzymy .kolumna-1,
    .misot-wierzymy-jak-glowna.sekcja-5 .kolumna-1 {
        margin-left: 8%;
    }
}

@media (max-width: 600px) {
    .misot-wierzymy-jak-glowna .full.wierzymy {
        flex-direction: column;
    }
    .misot-wierzymy-jak-glowna .wierzymy .kolumna-1 video {
        width: 240px;
        height: 430px;
        object-fit: cover;
        border-radius: 20px;
        z-index: 9;
        position: relative;
    }
    .misot-wierzymy-jak-glowna .sekcja-5 .kolumna-1,
    .misot-wierzymy-jak-glowna .wierzymy .kolumna-1 {
        margin-left: 0;
    }
    .misot-wierzymy-jak-glowna .misiek {
        bottom: 34%;
        left: 63%;
        width: 56%;
        right: 0;
        height: 75%;
        top: auto;
    }
    .misot-wierzymy-jak-glowna .wierzymy .kolumna-2 h3 {
        font-size: 1.8rem;
        padding-top: 0;
    }
    .misot-wierzymy-jak-glowna .wierzymy .kolumna-2 h2 {
        font-size: 3.6rem;
    }
    .misot-wierzymy-jak-glowna .wierzymy p {
        font-size: 2rem;
    }
    .misot-wierzymy-jak-glowna .wierzymy,
    .misot-wierzymy-jak-glowna.sekcja-5 {
        padding-top: 10%;
        padding-bottom: 10%;
    }
}

/* Karuzela „Korzyści bez ikonek” – tor do prawej krawędzi viewportu (pełna szerokość po prawej) */
.szablon-oferta .sekcja-kafelki-korzysci-bleed {
    overflow-x: clip;
}
.szablon-oferta .korzysci-bez-ikonek-wrap {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: visible;
    padding-right: 0;
}
/* Od lewej krawędzi kontenera do prawej krawędzi ekranu: (100vw + szerokość kontenera) / 2 */
.szablon-oferta .korzysci-bez-ikonek-wrap .kafelki-grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2rem;
    width: calc(100vw - (100vw - 100%) / 2);
    max-width: none;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    box-sizing: border-box;
    padding-bottom: 0.5rem;
    padding-right: max(0px, env(safe-area-inset-right, 0px));
}
.szablon-oferta .korzysci-bez-ikonek-wrap .kafelek.kafelek-bez-ikonek {
    flex: 0 0 auto;
    width: min(480px, calc(100vw - 3rem));
    max-width: 520px;
    min-width: min(300px, calc(100vw - 2.5rem));
    scroll-snap-align: start;
    box-sizing: border-box;
}
.szablon-oferta .korzysci-bez-ikonek-wrap .kafelki-grid::-webkit-scrollbar {
    height: 6px;
}
.szablon-oferta .korzysci-bez-ikonek-wrap .kafelki-grid::-webkit-scrollbar-thumb {
    background: rgba(0, 40, 77, 0.25);
    border-radius: 3px;
}