@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/e195dd2ded485df3-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/b6db722c6886c2cd-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/9b67ab375515cd6f-s.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/e35c7314ac518ddc-s.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/a3c201c07e8eb753-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/04fe87c30c4f76ea-s.p.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/3a04115668d8070d-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/13259ce60de2aa3e-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/79015435f1a55eef-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/388fb79562c9fc54-s.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/5f4dfe83faee04f1-s.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/67e05ba3467b9f4d-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/daa8cca6b52a70fa-s.p.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/3a18fc8da1cdcd01-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/03b685511c0eaac3-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/9cf7d128be063d32-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/101c7b68f2d8b610-s.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/1e8103c5d17beb1d-s.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/91a88e0c5dd21dfa-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/ee7e17a7bdd8636b-s.p.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/699512af39861afa-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/7c53f7419436e04b-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/1c57ca6f5208a29b-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/cff529cd86cc0276-s.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/7be645d133f3ee22-s.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/5647e4c23315a2d2-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/3dbd163d3bb09d47-s.p.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/934c4b7cb736f2a3-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/dfa8b99978df7bbc-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/42d52f46a26971a3-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/a6d330d7873e7320-s.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/a5b77b63ef20339c-s.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/d117eea74e01de14-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/eb52b768f62eeeb4-s.p.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/627622453ef56b0d-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/e25729ca87cc7df9-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/912a9cfe43c928d9-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/baf12dd90520ae41-s.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/bbdb6f0234009aba-s.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/f06116e890b3dadb-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/8fb72f69fba4e3d2-s.p.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: __Roboto_5b6c89;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/0e4fe491bf84089c-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __Roboto_Fallback_5b6c89;
    src: local("Arial");
    ascent-override: 92.67%;
    descent-override: 24.39%;
    line-gap-override: 0.00%;
    size-adjust: 100.11%
}

.__className_5b6c89 {
    font-family: __Roboto_5b6c89, __Roboto_Fallback_5b6c89
}

html {
    font-size: 100%;
    color: var(--fontDarkGreen);
    overflow-y: overlay
}

*,
:after,
:before,
html {
    box-sizing: border-box
}

body,
h1,
h2,
h3,
h4,
li,
p {
    margin: 0
}

li,
ul {
    padding: 0
}

h1,
h2,
h3,
h4 {
    line-height: 1.1
}

button,
input,
select,
textarea {
    font: inherit
}

body,
html {
    margin: 0;
    padding: 0;
    font-family: Roboto, Helvetica, sans-serif;
    background-color: var(--grassGreen);
    overflow-x: hidden
}

@media (prefers-reduced-motion:reduce) {

    *,
    :after,
    :before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

#page-wrapper {
    min-height: 100vh;
    max-width: 100vw;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "header""main""footer";
    grid-template-rows: auto minmax(0, 1fr) auto
}

#page-wrapper>header {
    grid-area: header
}

#page-wrapper>main {
    grid-area: main;
    padding: 0
}

#page-wrapper>footer {
    grid-area: footer
}

:root {
    --whitesmoke: #f5f5f5;
    --backgroundWhite: #fff;
    --fontDarkGreen: #242c28;
    --grassGreen: #405040;
    --aboveCarousel: #e7ebea;
    --aboveCarousel2: #c3c4bf;
    --aboveCarousel3: #fdfeff;
    --serviceBlock__icon--circleOneColor: #c3f0c9;
    --serviceBlock__icon--circleTwoColor: #cee6d6;
    --serviceBlock__icon--circleThreeColor: #b6ffce;
    --serviceBlock__icon--circleSuccess: #9adb9a;
    --textWrapper__navButton--pink: #697265;
    --textWrapper__navButton--lightGreen: #00857e;
    --textWrapper__navButton--darkGreen: #405040;
    --shadowOne: 0px 10px 26px 0px rgba(0, 0, 0, .05);
    --shadowTwo: 1px 7px 12px 1px rgba(0, 0, 0, .1);
    --shadowThree: 0px 0px 6px 0px rgba(0, 0, 0, .12);
    --small: 1rem;
    --smallMedium: 1.125rem;
    --medium: 1.5rem;
    --textWrapper__textSmall--fontSize: 1.6rem;
    --textWrapper__textLarge--fontSize: 3.25rem;
    --serviceBlock__title--fontSize: 1.375rem;
    --textBlock__sectionTitle--fontSize: 1.17rem;
    --textBlock__descTitle--fontSize: 2rem;
    --wrapper__titleError--fontSize: 2rem
}

@media (max-width:576px) {
    :root {
        --textWrapper__textSmall--fontSize: 1.25rem;
        --textWrapper__textLarge--fontSize: 2.5rem
    }
}

.menu__item {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 10px
}

.team__image {
    min-height: 100%
}

.header {
    position: fixed
}

.carousel {
    height: 760px;
    position: relative
}

.services__card {
    text-decoration: none;
    z-index: 3;
    max-width: 32%;
    padding: 40px
}

.carousel__slide {
    opacity: 0;
    will-change: opacity
}

.services {
    grid-column: 2/3;
    position: relative;
    min-height: 250px;
    margin-bottom: 150px
}

.services--container {
    position: absolute;
    top: -60px;
    line-height: 2
}

.gallery__overlay {
    opacity: 0
}

.scroll-turn-off {
    overflow: hidden
}

.header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--backgroundWhite);
    box-shadow: var(--shadowOne), var(--shadowThree), var(--shadowThree);
    z-index: 5;
    width: 100vw
}

.header__logo {
    margin: 0;
    height: 100%
}

.header__menu {
    width: 100%
}

.container {
    width: 1170px
}

.header--container {
    height: 74px;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.logo__img {
    height: 100%;
    padding: 12px;
    border: 0 solid;
    z-index: 7;
    position: absolute;
    top: 0
}

.menu__list {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    list-style: none;
    font-weight: 500;
    letter-spacing: 2px;
    animation-delay: 0ms;
    transition: none
}

.menu__item {
    padding: 7.5px;
    cursor: pointer;
    margin-left: 30px;
    -webkit-text-decoration: underline 3px transparent;
    text-decoration: underline 3px transparent;
    transition: -webkit-text-decoration-color .2s ease-in-out .1s;
    transition: text-decoration-color .2s ease-in-out .1s;
    transition: text-decoration-color .2s ease-in-out .1s, -webkit-text-decoration-color .2s ease-in-out .1s;
    font-size: var(--small)
}

.menu__item--active,
.menu__item:hover {
    -webkit-text-decoration-color: #4f664a;
    text-decoration-color: #4f664a
}

.menu__item--active {
    transition: none
}

.menu__link {
    text-decoration: none;
    color: var(--fontDarkGreen);
    padding: 7.5px
}

.header__hamburger {
    right: 32px;
    display: none
}

.hamburger--active {
    z-index: 7
}

.hamburger--active .hamburger__line {
    z-index: 7;
    background-color: transparent
}

.hamburger--active .hamburger__line:after {
    transform: translateY(-10px) rotate(45deg)
}

.hamburger--active .hamburger__line:before {
    transform: translateY(10px) rotate(-45deg)
}

.hamburger {
    cursor: pointer;
    min-height: 100%;
    width: 50px;
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: transparent;
    border: 0 solid
}

.hamburger__line {
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .1s ease-in-out .2s
}

.hamburger__line,
.hamburger__line:after,
.hamburger__line:before {
    left: 0;
    background-color: var(--fontDarkGreen);
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 3px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.hamburger__line:after,
.hamburger__line:before {
    content: "";
    transition: transform .2s ease-in-out .2s
}

.hamburger__line:after {
    top: 10px
}

.hamburger__line:before {
    top: -10px
}

@media (max-width:1170px) {
    .header {
        grid-template-columns: minmax(0, 1fr)
    }

    .container {
        width: 100%
    }

    .header--container {
        grid-column: 1
    }

    .menu__list {
        flex-direction: row;
        justify-content: flex-end
    }

    .menu__item {
        margin-left: 30px;
        text-decoration: none;
        transition: none
    }

    .menu__item:hover {
        -webkit-text-decoration-color: inherit;
        text-decoration-color: inherit
    }

    .header__menu {
        height: 100vh;
        width: 100vw;
        transform: translateX(0);
        transition: transform .4s ease-in-out .2s;
        z-index: 0;
        position: absolute;
        display: block;
        top: 0;
        right: -100%;
        background-color: var(--backgroundWhite);
        padding: 0;
        margin-top: 0
    }

    .menu__list {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: transform 10s ease-in-out 10s
    }

    .menu__item {
        text-align: center;
        margin: 20px 0;
        padding: 10px;
        font-size: var(--smallMedium)
    }

    .header__hamburger,
    .menu__item {
        display: inline-block
    }

    .menu--active {
        transform: translateX(-100%);
        z-index: 6
    }
}

.main {
    padding: 0;
    position: relative;
    margin: 74px 0 0;
    max-width: 100%;
    flex-direction: column;
    width: 100%;
    background-color: var(--whitesmoke)
}

.main,
.main__section {
    display: flex;
    justify-content: center;
    align-items: center
}

.main__section {
    width: 1170px;
    flex-direction: row
}

.main__section--margins {
    margin-top: 85px;
    margin-bottom: 30px
}

.main__section--second-one,
.main__section--small-margins {
    margin-top: 30px;
    margin-bottom: 30px
}

.main__section--last-one {
    margin-bottom: 90px
}

.main__banner {
    width: 100%
}

.main__section--margins-bottom {
    margin-bottom: 95px
}

@media (max-width:576px) {
    .main__section--margins {
        margin-top: 52px;
        margin-bottom: 30px
    }

    .main__section--margins-bottom {
        margin-bottom: 65px
    }
}

@media (max-width:1170px) {
    .main {
        grid-template-columns: minmax(0, 1fr)
    }

    .main__section {
        width: 100%
    }
}

.carousel__slide {
    height: 100%;
    height: 760px;
    object-fit: cover;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0;
    transition: opacity .8s ease-in-out
}

.carousel__slide:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: -74px;
    z-index: 1;
    height: 74px;
    width: 100vw
}

.carousel__slide--1:before {
    background-color: var(--aboveCarousel)
}

.carousel__slide--2:before {
    background-color: var(--aboveCarousel2)
}

.carousel__slide--3:before {
    background-color: var(--aboveCarousel3)
}

.carousel__img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin: 0;
    padding: 0;
    object-position: 100% 0;
}

.carousel__img--2 {
    filter: brightness(90%)
}

.carousel__jumbotron {
    height: 100%;
    width: 1170px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    z-index: 999;
}

.jumbotron__wrapper--whitesmoke {
    color: var(--whitesmoke)
}

.jumbotron__wrapper,
.jumbotron__wrapper>* {
    /*opacity: 0*/
}

.jumbotron__wrapper>* {
    /*filter: blur(5px);*/
    /*transform: translateY(-100px)*/
}

.inAnimation,
.inAnimation>* {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition: opacity 1s, transform 1s
}

.jumbotron__wrapper {
    top: 150;
    right: 150;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 600px;
    height: 300px
}

.carousel__title {
    font-size: var(--textWrapper__textLarge--fontSize);
    font-weight: 700;
    margin-bottom: 10px;
    transition-delay: .1s
}

.carousel__desc {
    font-size: var(--textWrapper__textSmall--fontSize);
    font-weight: 500;
    margin-bottom: 20px;
    margin-left: 5px;
    transition-delay: .15s
}

.jumbotron__wrapper--whitesmoke .carousel__title {
    text-shadow: 2px 2px 14px rgba(0, 0, 0, .65)
}

.jumbotron__wrapper--whitesmoke .carousel__desc {
    text-shadow: 1px 1px 8px rgba(0, 0, 0, .35)
}

.btn {
    text-decoration: none;
    cursor: pointer;
    border: none;
    color: var(--whitesmoke);
    font-size: var(--small);
    border-radius: 6px;
    padding: 14px 22px
}

.carousel__btn {
    margin-left: 5px;
    transition-delay: .2s
}

.carousel__btn--darkGreen {
    background-color: var(--textWrapper__navButton--darkGreen)
}

.carousel__btn--pink {
    background-color: var(--textWrapper__navButton--pink)
}

.carousel__btn--lightGreen {
    background-color: var(--textWrapper__navButton--lightGreen)
}

.carousel__slide--data-activ {
    z-index: 2;
    opacity: 1
}

.carousel__slide--data-active:before {
    opacity: 1
}

.carousel__nav {
    cursor: pointer;
    content: "";
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    position: absolute;
    background-color: var(--backgroundWhite);
    z-index: 3;
    border-radius: 6px;
    top: 50%
}

.carousel__nav,
.carousel__nav:active,
.carousel__nav:focus,
.carousel__nav:hover {
    border: none
}

.carousel__nav--right {
    right: 60px
}

.carousel__nav--left {
    left: 60px
}

.carousel__svg--left {
    transform: scaleX(-1)
}

.carousel__svg {
    fill: var(--fontDarkGreen)
}

.carousel__overlay {
    background-color: hsla(0, 0%, 100%, .5);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1
}

@media (max-width:1170px) {
    .carousel {
        margin-top: 0;
        grid-column: 1
    }

    .carousel,
    .carousel__jumbotron {
        width: 100%
    }

    .carousel__nav--right {
        right: 10px
    }

    .carousel__nav--left {
        left: 10px
    }

    .carousel__jumbotron,
    .jumbotron__wrapper {
        justify-content: center;
        align-items: center
    }

    .jumbotron__wrapper {
        text-align: center;
        top: 50;
        left: 50%;
        -webkit-backdrop-filter: blur(.5px);
        backdrop-filter: blur(.5px);
        padding: 5px 0;
        border-radius: 20px;
        z-index: 2;
        margin: 0 16px
    }

    .carousel__img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover;
        margin: 0;
        padding: 0;
        object-position: 100% 0
    }

    .carousel__img--1 {
        object-fit: cover;
        object-position: 50% 50%
    }

    .carousel__img--3 {
        object-fit: cover;
        object-position: 25% 25%
    }
}

@media (max-width:961px) {
    .carousel__overlay {
        opacity: 1
    }

    .inAnimation>* {
        opacity: 1;
        filter: none;
        transform: none;
        transition: none
    }

    .carousel__nav {
        display: none
    }

    .carousel {
        height: 660px
    }

    .carousel__slide {
        height: 100%;
        height: 660px
    }
}

.services {
    justify-content: center;
    align-items: center
}

.services,
.services--container {
    display: flex;
    flex-direction: row
}

.services--container {
    justify-content: space-between;
    align-items: none
}

.services__card {
    cursor: pointer;
    transition: transform .6s ease-in-out .2s
}

.card {
    display: flex;
    flex-direction: column;
    justify-content: none;
    align-items: none;
    color: var(--fontDarkGreen)
}

.card--white {
    background-color: var(--backgroundWhite);
    border-radius: 15px
}

.card--shadow {
    box-shadow: var(--shadowOne), var(--shadowTwo), var(--shadowThree)
}

.services__title {
    font-size: var(--serviceBlock__title--fontSize);
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 4;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px
}

.services__desc {
    text-align: center;
    z-index: 4;
    font-size: var(--small)
}

.services__top {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}

.services__svg {
    z-index: 4;
    fill: var(--fontDarkGreen)
}

.services__top--circle:after,
.services__top--circle:before {
    display: block;
    content: "";
    position: absolute;
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    z-index: 3;
    transition: opacity .4s ease-in-out .2s
}

.services__top--circle1:after {
    background-color: var(--serviceBlock__icon--circleOneColor)
}

.services__top--circle1:before {
    background-color: var(--serviceBlock__icon--circleSuccess);
    opacity: 0
}

.services__top--circle2:after {
    background-color: var(--serviceBlock__icon--circleTwoColor)
}

.services__top--circle2:before {
    background-color: var(--serviceBlock__icon--circleSuccess);
    opacity: 0
}

.services__top--circle3:after {
    background-color: var(--serviceBlock__icon--circleThreeColor)
}

.services__top--circle3:before {
    background-color: var(--serviceBlock__icon--circleSuccess);
    opacity: 0
}

.services__card:hover {
    transform: translateY(-40px)
}

.services__card:hover .services__top--circle:after {
    opacity: 0
}

.services__card:hover .services__top--circle:before {
    opacity: 1
}

@media (max-width:1170px) {
    .services {
        margin-top: 40px;
        grid-column: 1;
        position: relative;
        margin-bottom: 50px
    }

    .services--container {
        flex-direction: column;
        position: static;
        justify-content: center;
        align-items: center
    }

    .services__card {
        transition: none;
        min-width: 90%;
        margin-top: 20px
    }

    .services__top--circle:after,
    .services__top--circle:before {
        transition: none
    }

    .services__card:hover {
        transform: translateY(0)
    }

    .services__card:hover .services__top--circle:after {
        opacity: 1
    }

    .services__card:hover .services__top--circle:before {
        opacity: 0
    }
}

.about {
    grid-column: 2/3;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.card__container {
    display: flex;
    margin-bottom: 30px
}

.card--horizontal {
    width: 50%
}

.card__top {
    color: var(--grassGreen);
    text-transform: uppercase;
    display: flex;
    font-size: var(--textBlock__sectionTitle--fontSize);
    margin-bottom: 14px
}

.card__title {
    margin-bottom: 16px;
    font-size: var(--textBlock__descTitle--fontSize)
}

.card__desc {
    line-height: 1.75;
    text-align: justify;
    margin-right: 27px;
    font-size: var(--small);
    margin-left: 0px;
}

.card__img {
    margin-left: 30px;
    max-width: 50%;
    border-radius: 10px;
    object-fit: cover;
    border: none;
    box-shadow: var(--shadowOne), var(--shadowTwo), var(--shadowThree);
    transition-delay: 0ms;
    will-change: transform;
    will-change: opacity
}

@media (max-width:1170px) {
    .about {
        grid-column: 1;
        margin-bottom: 0
    }

    .card__container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 34px;
        padding: 0 28px
    }

    .card--horizontal,
    .card__img {
        min-width: 100%;
        margin: 0;
        padding: 0
    }

    .card__img {
        opacity: 1;
        will-change: unset;
        transition: none
    }

    .card__top {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .card__desc {
        margin: 0 0 20px;
        line-height: 2;
        text-align: justify
    }

    .services__card:first-child {
        margin-top: 0
    }

    .services {
        grid-column: 2/3;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: relative;
        min-height: 250px;
        margin-bottom: 54px
    }
}

.team__wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 32px;
    gap: 32px
}

.team__card {
    margin-bottom: 20px
}

.team__card:last-child {
    margin-bottom: 0
}

.team__image {
    width: 100%;
    max-height: 100%;
    border-radius: 10px;
    margin-bottom: 12px;
    object-position: top
}

.team__image--wrapper {
    position: relative;
    height: 450px;
    width: 100%
}

.team__name {
    margin-top: 15px;
    color: var(--fontDarkGreen);
    margin-bottom: 10px;
    font-weight: 700
}

.team__degree {
    margin: 0;
    color: var(--grassGreen);
    font-weight: 400
}

@media (max-width:1170px) {
    .team__card {
        padding: 0 12px
    }

    .team {
        grid-column: 1/4
    }

    .team__wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        margin-left: 20px;
        margin-right: 20px
    }

    .team__image--wrapper {
        height: 500px
    }
}

@media (max-width:961px) {
    .team__wrapper {
        grid-template-columns: 1fr 1fr
    }

    .team__card {
        padding: 0 16px
    }

    .team__image--wrapper {
        height: 550px
    }
}

@media (max-width:576px) {
    .team__wrapper {
        grid-template-columns: 1fr
    }

    .team__card {
        padding: 0 20px
    }

    .team__image--wrapper {
        height: 370px
    }

    .team__card {
        margin-bottom: 20px
    }
}

.pricing__wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%
}

.table {
    table-layout: fixed;
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 0;
    width: 100%
}

.pricing__table--margin-bottom {
    margin-bottom: 26px
}

.table__caption {
    margin-top: 2px !important;
    margin-bottom: 12px !important
}

.table__row {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
    font-size: var(--smallMedium)
}

.table__cell {
    padding: .625em;
    text-align: center
}

.table__cell--price {
    text-align: end;
    padding-right: 2.5em
}

.table__cell--name {
    text-align: start;
    padding-left: 2.5em;
    width: 60%
}

@media (max-width:1170px) {
    .pricing__wrapper {
        grid-template-columns: 100%;
        padding: 0 20px
    }

    .pricing__table--margin-mobile {
        margin-bottom: 26px
    }

    .pricing__table:last-child {
        margin-top: 26px;
        margin-bottom: 0
    }
}

.contact__wrapper {
    flex-direction: column;
    margin: 0 40px
}

.contact__jumbotron,
.contact__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.contact__jumbotron {
    height: 100%;
    flex-direction: row
}

.contact__card {
    margin-top: 30px;
    height: 100%;
    width: 50%
}

.google {
    box-shadow: var(--shadowOne), var(--shadowTwo), var(--shadowThree);
    border: 1px solid #ccc;
    border-radius: 10px
}

.textWrapper__title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.contact__list {
    height: 100%;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-between;
    align-items: flex-start
}

.contact__item {
    margin-top: 10px;
    line-height: 1.5em;
    font-weight: 400;
    flex-direction: row;
    padding: 2px
}

.contact__item,
.contact__pargraph {
    display: flex;
    justify-content: center;
    align-items: center
}

.contact__pargraph {
    font-size: var(--smallMedium);
    height: 100%;
    flex-direction: column;
    padding: 0;
    margin: 0 0 0 20px
}

.contact__link--bottom {
    margin-top: 6px
}

.contact__link {
    text-decoration: none;
    color: var(--fontDarkGreen)
}

.svg {
    height: 100%;
    fill: var(--fontDarkGreen)
}

.svg--block {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.table__caption {
    font-size: var(--medium);
    margin: .5em 0 .75em
}

.table__caption--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.contact__card--right {
    border: 1px solid #ddd;
    margin-top: 30px
}

@media (max-width:1170px) {
    .contact__card--left {
        margin-bottom: 0;
        margin-top: 0
    }

    .contact__wrapperr {
        flex-direction: column;
        width: 100%;
        margin: 0 40px
    }

    .contact__jumbotron,
    .contact__wrapperr {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .contact__jumbotron {
        flex-direction: column-reverse
    }

    .contact__card {
        width: 100%
    }

    .contact__card,
    .contact__pargraph {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    .contact__link--bottom {
        margin: 0 0 0 20px
    }
}
/*
.gallery__wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px
}

.gallery__card {
    position: relative;
    width: 360px;
    height: 360px;
    margin-bottom: 44px
}

.gallery__card:last-child {
    margin-bottom: 0
}

.gallery__image {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 360px;
    border-radius: 16px
}

.gallery__overlay:focus,
.js-thumbnail:active,
.js-thumbnail:focus {
    border: 2px solid #000
}

.js-gallery__card:focus-within {
    border: 2px solid #000
}

.js-gallery__card:focus {
    border: 2px solid #000
}

.gallery__overlay {
    cursor: pointer;
    transition: .2s ease-in-out;
    position: absolute;
    inset: 0;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(64, 80, 64, .6)
}

@media (max-width:961px) {
    .gallery__overlay {
        cursor: default
    }
}

.gallery__svg {
    border-radius: 50%;
    fill: var(--whitesmoke)
}

.gallery__image,
.gallery__overlay,
.gallery__svg {
    transition: .2s ease-in
}

.gallery__card .gallery__overlay {
    opacity: 0
}

.gallery__card .gallery__svg {
    transform: rotate(-60deg)
}

.gallery__card:hover .gallery__overlay {
    opacity: 1
}

.gallery__card:hover .gallery__svg {
    transform: rotate(0deg)
}
*/
.popup {
    align-content: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    z-index: 10;
    background-color: rgba(37, 41, 41, .9);
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0
}

@media (max-width:961px) {
    .popup {
        display: none
    }
}

.popup.hidden {
    display: none
}

.popup__button {
    border: none;
    cursor: pointer;
    content: "";
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: transparent
}

.popup__button--close {
    padding: 0;
    position: fixed;
    top: 0;
    right: 10px;
    z-index: 4;
    width: 100px;
    height: 100px
}

.popup__img {
    max-height: 80%;
    max-width: 80%
}

.popup__svg {
    fill: var(--whitesmoke)
}

.popup__button--arrow {
    height: 100%;
    position: absolute;
    z-index: 3;
    width: 200px
}

.popup__button--arrow-left {
    left: 60px
}

.popup__button--arrow-right {
    right: 60px
}

.popup__svg--left {
    transform: scaleX(-1)
}

/*@media (max-width:1170px) {
    .gallery__wrapper {
        justify-content: center
    }

    .gallery__card {
        margin-left: 20px;
        margin-right: 20px;
        width: 40%
    }
}

@media (max-width:961px) {
    .gallery__card {
        width: 80%
    }

    .gallery__card:hover .gallery__overlay {
        opacity: 0
    }
}*/

.treatments {
    margin-bottom: 75px;
    margin-top: -20px
}

.services__title--treatments {
    padding-left: 10px
}

@media (max-width:1170px) {
    .treatments {
        margin-top: -30px;
        padding: 0 28px
    }
}

.heading {
    padding: 60px 28px 40px
}

.footer {
    z-index: 4;
    flex-direction: column;
    justify-content: center;
    background-color: var(--grassGreen);
    box-sizing: border-box;
    width: 100%
}

.footer,
.footer--container {
    display: flex;
    align-items: center
}

.footer--container {
    flex-direction: row;
    justify-content: space-between;
    min-height: 100px;
    padding: 20px 10px;
    grid-column: 2/3;
    margin: 0;
    color: #f9f9f9
}

.footer__block {
    height: 100%
}

.footer__link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #fff
}

.footer__paragraph {
    font-size: var(--small);
    margin-bottom: 16px
}

.footer__paragraph a {
    color: #fff;
    text-decoration: none
}

.footer__svg {
    padding-top: 6px
}

.footer__paragraph--wojtek {
    margin-top: 10px
}

.footer__paragraph--wojtek b {
    font-style: normal;
    margin-left: 3px
}

.footer__paragraph--title {
    text-decoration: underline
}

.footer__paragraph:last-child {
    margin-bottom: 0
}

.footer__block--facebook {
    text-decoration: none;
    color: var(--whitesmoke);
    z-index: 4;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width:1170px) {
    .footer {
        padding: 15px
    }

    .footer--container {
        grid-column: 1
    }
}

@media (max-width:576px) {
    .footer--container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .footer__block {
        margin-bottom: 26px
    }

    .footer__paragraph {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: start;
        margin-bottom: 26px
    }

    .footer__facebook-title {
        display: none
    }

    .footer__block--facebook {
        text-decoration: none;
        color: var(--whitesmoke);
        z-index: 4;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 0
    }
}

.card__desc--no-margins {
    margin-right: 0
}

.rehab__title {
    margin-left: -7px;
    margin-bottom: 14px;
    display: flex;
    align-items: center
}

.rehab__svg {
    margin-right: 6px;
    fill: var(--fontDarkGreen)
}

@media (max-width:1170px) {
    .main__section--rehab {
        width: 90%
    }

    .rehab__title {
        justify-content: center
    }
}

@media (max-width:576px) {

    .rehab__svg,
    .treatments__svg {
        margin-right: 0;
        margin-bottom: 12px
    }

    .rehab__title {
        flex-direction: column
    }

    .treatments--title {
        margin-left: 0
    }

    .main__section--rehab {
        width: 90%
    }
}

.card--treatments {
    display: flex;
    align-items: center
}

.treatments__svg {
    margin-right: 6px;
    fill: var(--fontDarkGreen)
}

.treatments--title {
    margin-left: -7px
}

.ac-text {
    text-align: justify;
    padding: 1rem !important
}


.ac {
    margin-top: 8px;
    border: 1px solid #eee;
    background-color: #fff;
    box-sizing: border-box
}

.ac .ac-header {
    margin: 0;
    padding: 0
}

.ac .ac-trigger {
    font: 700 16px Arial, sans-serif;
    color: #111;
    text-align: left;
    width: 100%;
    padding: 8px 32px 8px 8px;
    display: block;
    cursor: pointer;
    background-color: transparent;
    transition: color .25s ease;
    position: relative;
    text-decoration: none;
    margin: 0;
    border: 0
}

.ac .ac-trigger:after {
    content: "+";
    text-align: center;
    width: 15px;
    transform: translateY(-50%);
    position: absolute;
    right: 10px;
    top: 50%
}

.ac .ac-trigger:focus {
    color: #8a8a8a
}

.ac .ac-panel {
    display: none;
    overflow: hidden;
    transition-property: height, visibility;
    transition-timing-function: ease
}

.ac .ac-panel .ac-text {
    font: 15px/24px Arial, sans-serif;
    color: #111;
    padding: 8px;
    margin: 0
}

.ac.js-enabled .ac-panel {
    /*visibility: hidden*/
}

.ac.is-active>.ac-header .ac-trigger:after {
    content: "–"
}


/* === GALERIA === */
.gallery__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 kolumny */
  gap: 15px;
}

.gallery__card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 12px;
  aspect-ratio: 1 / 1; /* kwadratowe boksy */
}

.gallery__image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* przycięcie zdjęcia */
  transition: transform .3s ease;
}

/* Efekt zoom przy hoverze */
.gallery__card:hover .gallery__image {
  transform: scale(1.05);
}

/* === OVERLAY Z IKONĄ === */
.gallery__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity .3s ease;
}

.gallery__card:hover .gallery__overlay {
  opacity: 1;
}

.gallery__svg-overlay {
  fill: white;
  width: 48px;
  height: 48px;
}

/* === LIGHTBOX === */
.lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeIn .3s ease;
}

.lightbox.active {
  display: flex;
}

.lightbox__img {
  max-width: 90%;
  max-height: 85%;
  border-radius: 10px;
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
  animation: scaleIn .25s ease;
}

/* === PRZYCISKI LIGHTBOXA === */
.lightbox__close,
.lightbox__arrow {
  position: fixed;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
  transition: opacity .2s ease;
  z-index: 1001;
  user-select: none;
}

.lightbox__close {
  top: 30px;
  right: 40px;
  font-size: 2.5rem;
}

.lightbox__arrow {
  font-size: 3rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.8;
}

.lightbox__arrow:hover,
.lightbox__close:hover {
  opacity: 0.6;
}

.lightbox__arrow--prev {
  left: 40px;
}

.lightbox__arrow--next {
  right: 40px;
}

/* === ANIMACJE OTWIERANIA === */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scaleIn {
  from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

/* === FADE PRZY ZMIANIE ZDJĘCIA === */
.fade-in {
  animation: fadeInImage 0.3s ease forwards;
}

.fade-out {
  animation: fadeOutImage 0.2s ease forwards;
}

@keyframes fadeInImage {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeOutImage {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* === RESPONSYWNOŚĆ === */
@media (max-width: 992px) {
  .gallery__wrapper {
    grid-template-columns: repeat(2, 1fr); /* 2 kolumny na tabletach */
  }
}

@media (max-width: 600px) {
  .gallery__wrapper {
    grid-template-columns: 1fr; /* 1 kolumna na telefonach */
  }

  .lightbox__arrow {
    font-size: 2.2rem;
  }

  .lightbox__close {
    font-size: 2rem;
    top: 20px;
    right: 25px;
  }

  .gallery__svg-overlay {
    width: 36px;
    height: 36px;
  }
}

/* slider */
/*.carousel__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}

.carousel__slide--active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

.fade-in {
  animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(1.02); }
  to { opacity: 1; transform: scale(1); }
}

.carousel {
  position: relative;
  overflow: hidden;
}
*/