/*
Theme Name: Lengthening 26
Author: sadlik.studio
Description: Paley Leg Lengthening
Version: 1.0.0
*/









html {
    scroll-behavior: smooth;
}

body {
    --color-accent-violet: rgb(127, 28, 131);
    --color-brand-green: rgb(0, 173, 154);
    --color-warmblack: rgb(40, 40, 40);
    --color-lightgray: rgb(237, 237, 237);
    --color-lightblue: #859ebe;
    --color-darkgray: rgb(20, 20, 20);
    --color-mutedblue: #404a5b;
    --color-goldenbrown: #725641;
    --footer-bg-color: #fafafa;
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Open Sans', serif;
    --side-contact-color: #fff;
    font-family: var(--font-secondary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --bs-body-color: rgb(20, 20, 20);
}

.dropdown-item.active,
.dropdown-item:active {
    --bs-dropdown-link-active-bg: #fff !important;
    --bs-dropdown-link-active-color: var(--color-accent-violet);
}

.weight-400 {
    font-weight: 400 !important;
}


.fit-content {
    width: fit-content !important;
}

.aspect-ratio-35 {
    aspect-ratio: 0.353;
}

/*  S I D E  C O N T A C T  */

.side-contact {
    display: block;
    width: 200px;
    height: 47px;
    position: fixed;
    right: 0;
    z-index: 994;
    transition: width .5s ease-in-out;
}

#side-contact-phone {
    top: 180px;
}

#side-contact-fb {
    top: 228px;
}

#side-contact-tt {
    top: 276px;
}

#side-contact-mail {
    top: 324px;
}

.away {
    width: 47px;
    transition: width .5s ease-in-out;
}

@media (max-width: 991px) {
    #side-contact-phone {
        transform: scale(0.8) translate(5px, -50px);

    }

    #side-contact-fb {
        transform: scale(0.8) translate(5px, -62px);

    }

    #side-contact-tt {
        transform: scale(0.8) translate(5px, -74px);
    }

    #side-contact-mail {
        transform: scale(0.8) translate(5px, -86px);

    }

}

.side-contact a {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    height: 47px;
    font-family: var(--font-primary);
    font-size: 15px;
    color: var(--side-contact-light);
    text-decoration: none;
}

.side-contact.light a {
    width: 100%;
    border-bottom: 1px solid #fff;
    display: flex;
    height: 47px;
}

.side-contact.away a {
    border-bottom-color: transparent;
}

.side-contact a>span {
    width: 47px;
    min-width: 47px;
    height: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    transition: background-color .3s ease-in-out;
}

.side-contact.away a>span {
    /*background: var(--color-warmblack);*/
    transition: background-color .3s ease-in-out;
}

.side-contact a span:last-of-type {
    width: 100%;
    max-width: 233px;
    height: 100%;
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: left;
    justify-items: left;
    font-family: var(--font-primary);
    font-size: 15px;
    color: var(--side-contact-color);
    opacity: 1;
    transition: opacity .2s ease-in .3s;
}

.side-contact.light a span:last-of-type {
    color: #fff;
}


.side-contact.away a span:last-of-type {
    opacity: 0;
    transition: opacity .2s ease-out;
}

.side-contact a>span i {
    color: var(--side-contact-light);
    will-change: transform;
    transition: transform .4s ease-in-out;
}

.side-contact.light a>span i {
    color: #fff;
}

.side-contact:hover a>span i {
    color: #fff;
    transform: scale(1.4321323);
    transition: transform .4s ease-in-out;
}

.side-contact.away a>span i {
    color: #fff;
}

.side-contact.away:hover a>span i {
    color: #fff;
}

/* -------- SIDE CONTACT END -------- */

.go-to-top,
.go-to-previous {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    background-color: #ae8769;
    z-index: 999;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    opacity: 0;
    text-decoration: none;
    color: var(--color-warmblack);
    font-size: 20px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}

.go-to-previous {
    right: 55px;
}

.go-to-top i,
.go-to-previous i {
    color: #fff;
}

.go-to-top.scrolled,
.go-to-previous.scrolled {
    opacity: 1;
}

.go-to-top:hover {
    bottom: 15px;
}

.go-to-previous:hover {
    right: 60px;
}

.draggable-cursor {
    cursor:
        url(./img/draggable-cursor.png) 24 24,
        grab;
}

.country-selector.weglot-dropdown,
.country-selector.weglot-dropdown ul,
.country-selector.weglot-dropdown .wgcurrent {
    background-color: transparent;
    border: none;
}

.country-selector.weglot-dropdown span,
.country-selector.weglot-dropdown .wgcurrent span {
    padding-right: 10px;
}

.country-selector.weglot-dropdown .wgcurrent:after {
    display: none;
}

aside label {
    display: none !important;
}

.weglot-flags>a:before,
.weglot-flags>span.wglanguage-name:before {
    margin-right: -10px !important;
    margin-top: -5px !important;
}

.country-selector {
    z-index: inherit !important;
}

.country-selector li {
    padding: 9px 0 0 0;
}


.nav-switcher--mobile .country-selector li {
    padding: 0 20px 1px 0;
}

.weglot-flags>a:before,
.weglot-flags>span.wglanguage-name:before {
    background-size: auto 18px !important;
    height: 18px !important;
}

.weglot-flags.flag-0.en>a:before,
.weglot-flags.flag-0.de>a:before,
.weglot-flags.flag-0.pl>a:before {
    width: 24px !important;
    height: 18px !important;
}

.nav-switcher {
    text-align: center;
}



@media (max-width: 991px) and (min-width: 0) {

    .country-selector.weglot-dropdown span::before,
    .country-selector.weglot-dropdown .wgcurrent span::before {
        display: none;
    }
}

section {
    overflow-x: clip;
}

section.hero {
    position: relative;
}

.color-accent-violet {
    color: var(--color-accent-violet) !important;
}

.color-brand-green {
    color: var(--color-brand-green) !important;
}

.color-darkgray {
    color: var(--color-darkgray) !important;
}

.color-base-white {
    color: #fff !important;
}

.color-light-blue {
    color: var(--color-lightblue) !important;
}

.color-warm-black {
    color: var(--color-warmblack) !important;
}

.color-muted-blue {
    color: var(--color-mutedblue) !important;
}

.color-golden-brown {
    color: var(--color-goldenbrown) !important;
}

em {
    font-style: normal !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

em.switch-wide-on {
    display: inline;
}

@media (max-width: 767px) {
    em.switch-wide-on {
        display: none;
    }
}

em.switch-narrow-on {
    display: none;
}

@media (max-width: 767px) {

    em.switch-narrow-on {
        display: inline;
    }
}

.changable-color {
    fill: #fff;
}

.restored-gutter-left {
    padding-left: calc(0.75rem);
}

.restored-gutter-right {
    padding-right: calc(0.75rem);
}

@media (min-width: 10px) {
    body {
        --dyna-padding: 1.5rem;
        --alter-padding: 1.5rem;
        --vertical-space: 300px;
    }

    html {
        font-size: 14px !important;
    }

}

@media (min-width: 576px) {
    body {
        --dyna-padding: calc((100vw - 540px)/2);
        --alter-padding: clamp(1.5rem, var(--dyna-padding), 50px);
    }

    html {
        font-size: 13px !important;
    }

}

@media (min-width: 768px) {
    body {
        --dyna-padding: calc((100vw - 720px)/2);
        --alter-padding: clamp(1.5rem, var(--dyna-padding), 50px);
    }

    html {
        font-size: 14px !important;
    }
}

@media (min-width: 992px) {
    body {
        --dyna-padding: calc((100vw - 960px)/2);
        --alter-padding: clamp(1.5rem, var(--dyna-padding), 100px);
    }

    html {
        font-size: 15px !important;
    }
}

@media (min-width: 1200px) {
    body {
        --dyna-padding: calc((100vw - 1140px)/2);
        --alter-padding: clamp(1.5rem, var(--dyna-padding), 150px);
    }

    html {
        font-size: 15px !important;
    }
}

@media (min-width: 1400px) {
    body {
        --dyna-padding: calc((100vw - 1320px)/2);
        --alter-padding: clamp(1.5rem, var(--dyna-padding), 200px);
    }

    html {
        font-size: 16px !important;
    }
}

.dyna-padding {
    padding-left: calc(var(--dyna-padding) / 2) !important;
    padding-right: calc(var(--dyna-padding) / 2) !important;
}

.dyna-padding-left {
    padding-left: calc(var(--dyna-padding) / 2) !important;
}

.dyna-padding-right {
    padding-right: calc(var(--dyna-padding) / 2) !important;
}

.alter-padding-left {
    padding-left: clamp(calc(1.5rem / 2), var(--alter-padding), 50px);
}

.dyna-vertical-space {
    padding-top: clamp(30px, calc(var(--dyna-padding) / 2), 100%) !important;
    padding-bottom: clamp(30px, calc(var(--dyna-padding) / 2), 100%) !important;
}

@media (width < 992px) {
    .alter-padding-left {
        padding-left: calc(var(--dyna-padding) / 2) !important;
    }
}

.alter-padding-right {
    padding-right: var(--alter-padding);
}

.vertical-space {
    padding-top: calc(var(--vertical-space) / var(--space-ratio));
    padding-bottom: calc(var(--vertical-space) / var(--space-ratio));
}

.bottom-space {
    padding-bottom: calc(var(--vertical-space) / var(--space-ratio));
}

.top-space {
    padding-top: calc(var(--vertical-space) / var(--space-ratio));
}

.dynamic-underline {
    position: relative;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    text-decoration: none;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
}

.dynamic-underline:before {
    transition: transform .4s cubic-bezier(.28, .38, 0, .81), -webkit-transform .4s cubic-bezier(.28, .38, 0, .81);
    transform-origin: 100% 50%;
}

.dynamic-underline:hover:before {
    transform: scaleX(0);
}

.dynamic-underline:after,
.dynamic-underline:before {
    position: absolute;
    height: 1px;
    width: 100%;
    content: '';
    left: 0;
    background-color: var(--color-warmblack);
    bottom: 0;
}

.dynamic-underline:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.28, .38, 0, .81) .2s;
    -o-transition: transform .4s cubic-bezier(.28, .38, 0, .81) .2s;
    transition: transform .4s cubic-bezier(.28, .38, 0, .81) .2s;
    transition: transform .4s cubic-bezier(.28, .38, 0, .81) .2s, -webkit-transform .4s cubic-bezier(.28, .38, 0, .81) .2s;
}

.dynamic-underline:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.dynamic-hover-underline {
    position: relative;
    text-decoration: none;
    transition: color .2s ease-out;
}

.dynamic-hover-underline:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .4s cubic-bezier(.28, .38, 0, .81);
}

.dynamic-hover-underline:hover:before {
    transform: scaleX(1);
}


.item_outer {
    position: relative;
    display: inline-block;
}

@media (max-width: 1199px) {
    .item_outer * {
        display: none;
    }
}

.nav-item {
    position: relative;
}

.item_outer:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    width: 0;
    background-color: #ae8769;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease;
}

.nav-link:hover .item_outer:after {
    width: 25px;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease;
}

.nav-link.activated .item_outer:after {
    width: 25px;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease;
}

.wizyta-button {
    margin: 0;
    font-family: var(--font-primary);
    color: #ae8769 !important;
    background-color: #fff;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease-in-out;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    padding: 2px 13px;
    border: none;
    width: fit-content;

}

.wizyta-button:hover {
    background-color: #fff;
    color: #fff !important;
    transition: all .2s ease-in-out;
}

.wizyta-button:hover:before {
    transform: translateX(0);
}

.wizyta-button:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 50px solid transparent;
    border-bottom: 80px solid #ae8769;
    transform: translateX(-100%);
    z-index: -1;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
}

header {
    z-index: 999;
}

header .navbar {
    background-color: rgba(47, 65, 97, .7);
    z-index: 1030;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    width: 100%;
    max-width: 1920px;
    transition: all ease 0.6s;
    transform: translate3d(0, 0, 0);
    /*-webkit-box-shadow: 0 0 24px rgba(10, 10, 20, 0.06);*/
    /*-moz-box-shadow: 0 0 24px rgba(10, 10, 20, 0.06);*/
    /*box-shadow: 0 0 24px rgba(10, 10, 20, 0.06);*/
}

header .navbar.animate {
    background-color: rgba(47, 65, 97, .9);
    z-index: 1030;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    width: 100%;
    transition: all ease 0.6s;
    -webkit-box-shadow: 0 0 24px rgba(10, 10, 20, 0.1);
    -moz-box-shadow: 0 0 24px rgba(10, 10, 20, 0.1);
    box-shadow: 0 0 24px rgba(10, 10, 20, 0.1);
}

.pinned {
    transform: translate3d(0, 0, 0);
}

.unpinned {
    transform: translate3d(0, -100%, 0) !important;
}

.nav-link {
    font-family: var(--font-primary);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    /*font-size: 0.875rem*/
    font-weight: 600;
    color: #fff;
    display: inline-block;
    position: relative;
    transition: color .2s ease-in-out;
}

.nav-link:focus {
    color: #000;
}

header .nabvar .nav-link.activated {
    font-weight: 600;
    color: var(--color-warmblack);
}

header .navbar.navbar-expand-xl.navbar-dark.black-back {
    padding-bottom: 20px;
}

.black-back .nav-link {
    color: #fff;
}

.nav-link:hover {
    color: #fff;
}

.black-back .nav-link:hover {
    color: #efefef;
}


@media (max-width: 1199px) {
    .black-back {
        background-color: rgba(6, 0, 9, 0.9) !important;
    }
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none;
    box-shadow: none;
    border: none;
}

.navbar-toggler .navbar-toggler-icon {
    background-image: none !important;
    width: 25px;
    height: 17px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.navbar-toggler .navbar-toggler-icon div {
    width: 25px;
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}


.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon div:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon div:nth-child(2) {
    opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon div:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

nav .navbar-brand .logo {
    height: 40px;
}

@media (min-width: 992px) {
    :root {
        --first-section-padding: 90px;
    }
}

@media (max-width: 991px) {
    nav .navbar-brand .logo {
        height: 25px;
    }

    :root {
        --first-section-padding: 74px;
    }

    nav .navbar-brand {
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 1px
    }
}

.logo--dark .changable-color {
    fill: #000;
}

.logo--light .changable-color {
    fill: #fff;
}

.black-back .changable-color {
    fill: #fff;
}

@media (max-width: 1199px) {
    .nav-item {
        text-align: center;
    }
}

main:not(.hide_shadow):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    pointer-events: none;
    mix-blend-mode: multiply;
    z-index: 1;
}



nav .navbar-brand .logo {
    height: 50px;
    transition: height .3s ease;
}

nav.animate .navbar-brand .logo {
    height: 45px;
    transition: height .3s ease;
}

@media (max-width: 991px) {
    header .navbar.animate {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    nav .navbar-brand .logo {
        height: 45px;
    }

    nav.animate .navbar-brand .logo {
        height: 30px;
    }

    nav .navbar-brand {
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 1px
    }
}

.title-container {
    padding-left: 10.5px;
    padding-right: 10.5px;
    text-align: center;
}

.logo--dark .changable-color {
    fill: #000;
}

.logo--light .changable-color {
    fill: #fff;
}

.dark-back .changable-color {
    fill: #fff;
}

.nav-item {
    text-align: right;
}

@media (max-width: 768px) {
    .nav-item {
        text-align: center;
    }

    .nav-item.dropdown {
        align-self: center;
    }
}

.filling-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

[class*="parallax-layer"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--bg);
    z-index: -1;
}

[class*="under-layer"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--bg);
    z-index: -1;
}


/* btn-arrow */
.btn-arrow {
    display: flex;
    align-items: center;
    position: relative;
    font-family: var(--font-primary);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    text-decoration: none;
    width: fit-content;
    overflow: hidden;
    background: transparent;
    border: none;

}

.btn-arrow span {
    display: block;
    transform: translateX(0px);
    transition: all .2s ease;
    transition-delay: .1s;
}

.btn-arrow.rotate span {
    rotate: 180deg;
}

.rotate {
    transform: rotate(180deg) scale(1.3);
}

.btn-arrow--bigger {
    transform: scale(1.3);
}


.btn-arrow i {
    display: block;
    font-style: normal !important;
    width: 50px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20134%2014%22%3E%3Cpolygon%20fill%3D%22%23ffffff%22%20points%3D%22126.5%200%20125.3%201.3%20130.4%206.1%200%206.1%200%207.9%20130.5%207.9%20125.3%2012.7%20126.5%2013.9%20133.9%207%20126.5%200%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20134%2014%22%3E%3Cpolygon%20fill%3D%22%23ffffff%22%20points%3D%22126.5%200%20125.3%201.3%20130.4%206.1%200%206.1%200%207.9%20130.5%207.9%20125.3%2012.7%20126.5%2013.9%20133.9%207%20126.5%200%22/%3E%3C/svg%3E");
    -webkit-mask-size: 180%;
    mask-size: 180%;
    -webkit-mask-position: right center;
    mask-position: right center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.btn-arrow .-left {
    left: 0;
    transition: all .2s ease;
    will-change: auto;
    transform: translateX(0);
    opacity: 0;
    width: 0;
    background-image: none;
}

.btn-arrow:hover .-left {
    width: 50px;
    margin-right: 5px;
    transition: all .2s ease;
    opacity: 1;
}

.btn-arrow .-right {
    transform: translateX(0);
    transition: all .2s ease;
    will-change: auto;
    margin-left: 5px;
}

.btn-arrow:hover span {
    transform: translateX(0px);
    transition: all .2s ease;
}


.btn-arrow:hover .-right {
    width: 0;
    transform: translateX(50px);
    opacity: 0;
    transition: all .2s ease;
}

/* ------ / ------ */


.text-set-wrapper--column {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.groupper {
    text-align: inherit;
    margin: 0;
    padding: 0;
    width: 100%;
    height: fit-content;
}

.text-set-wrapper p {
    font-size: 1.1rem;
    line-height: 150%;
    margin: 30px 0;
    font-weight: 300;
    line-height: 145%;
}

.text-set-wrapper p strong {

    font-weight: 400;
}

.text-set-wrapper p:last-of-type {
    margin-bottom: 0;
}

.text-set-wrapper h2 {
    font-size: 2.9em;
    color: inherit;
    font-weight: 600;

}

.text-set-wrapper h3 {
    font-size: 2rem;
    color: inherit;
    font-weight: 600;
}

.banner01 {
    background-image: url('./img/banner01.jp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner02 {
    background-image: url('./img/banner02.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner03 {
    position: relative;
}

.banner04 {
    background-image: url('./img/banner04.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    padding-top: 50px;
    padding-bottom: 50px;
}



.banner05 {
    background-image: url('./img/banner05.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.banner06 {
    background-image: url('./img/banner06.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    height: 600px;
}

.banner07 {
    background-image: url('./img/banner07.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner08 {
    background-image: url('./img/banner08.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    aspect-ratio: 2.496;
}

.banner09 {
    background-image: url('./img/banner09.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner10 {
    background-image: url('./img/banner10.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner11 {
    background-image: url('./img/banner11.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner12 {
    background-image: url('./img/banner12.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    aspect-ratio: 1;
}

.banner13 {
    background-image: url('./img/banner13.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.banner14 {
    background-image: url('./img/banner14.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner15 {
    background-image: url('./img/banner15.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    aspect-ratio: 1;
}

.banner16 {
    background-image: url('./img/banner16.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner17 {
    background-image: url('./img/banner17.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner18 {
    background-image: url('./img/banner08.jpg');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
}

.banner19 {
    background-image: url('./img/banner19.jpg');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
}

.banner20 {
    background-image: url('./img/banner20.jpg');
    background-repeat: no-repeat;
    background-position: left 30px;
    background-size: cover;
}

.banner21 {
    background-image: url('./img/banner21.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    z-index: 0
}

.banner22 {
    background-image: url('./img/banner22.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner23 {
    background-image: url('./img/banner23.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner24 {
    background-image: url('./img/banner24.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner27,
.banner28 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.banner27 .filling-container::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 123, 132);
    mix-blend-mode: multiply;
    z-index: 0;
}

.banner28 .filling-container::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #351c5a;
    mix-blend-mode: multiply;
    opacity: 0.85;
    z-index: 0;
}

.banner27 .text-set-wrapper,
.banner28 .text-set-wrapper {
    z-index: 1;
}

.banner30 {
    background-image: url('./img/banner30.jpg');
    background-repeat: no-repeat;
    background-position: right 10px;
    background-size: cover;
    min-height: 550px;
}

.banner38 {
    background-image: url('./img/banner38.jpg');
    background-repeat: no-repeat;
    background-position: right 10px;
    background-size: cover;
    min-height: 550px;
}

.banner39 {
    background-image: url('./img/banner39.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.banner46 {
    background-image: url('./img/banner46.jpg');
    background-repeat: no-repeat;
    background-position: right 10px;
    background-size: cover;
    min-height: 550px;
}

.banner51 {
    background-image: url('./img/banner51.jpg');
    background-repeat: no-repeat;
    background-position: right 10px;
    background-size: cover;
    min-height: 550px;
}

.banner59 {
    background-image: url('./img/banner59.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.banner60 {
    background-image: url('./img/banner60.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 550px;
}

.banner03--wheelchair {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner03--12 {
    width: 400px;
    aspect-ratio: 1.087;
    display: block;
    background-image: url('./img/banner03--12.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 20px;
    left: 50px;
}

.banner03--12>div {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner03--plus {
    width: 220px;
    aspect-ratio: 1.037;
    display: block;
    background-size: 80%;
    position: absolute;
    top: -20px;
    right: -90px;
    mix-blend-mode: multiply;
}

.historie .filling-container {
    aspect-ratio: 0.727;
    padding: 0 20%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    container-type: inline-size;
    container-name: fillingContainer;
}

.historie .filling-container label {
    width: fit-content;
    aspect-ratio: 1;
    border-radius: 50%;
    font-size: 5cqw;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    padding: 5%;
}

.podopieczny:nth-of-type(odd) label {
    background-color: rgba(0, 173, 154, 0.7);
}

.podopieczny:nth-of-type(even) label {
    background-color: rgba(80, 24, 83, 0.7);
}

.podopieczny:nth-of-type(3n+1) label {
    margin-top: 50px;
}

.podopieczny:nth-of-type(2n+2) label {
    margin-bottom: 50px;
}

.historie .filling-container label strong {
    font-size: 1.25em;
}

.historie .filling-container label strong::after {
    content: '';
    display: block;
}

.leczenie .btn-arrow:not(:first-of-type) {
    margin-top: 10px;
}

.leczenie h2 {
    font-weight: 400;
    font-size: 2rem;
    text-transform: uppercase;
}


.leczenie-interwencje h2 {
    font-weight: 400;
    font-size: 2rem;
    text-transform: uppercase;
}

@media (992px > width) {
    .leczenie {
        --alter-padding: calc(var(--dyna-padding) / 2) !important;
    }
}

.section-title {
    font-family: var(--font-primary);
    font-size: 1.85rem;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}

.section-title span {
    font-size: 0.5em;
    text-transform: uppercase;
    font-weight: 500;
    color: inherit;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-top: 8px;
}



.section-title span::before {
    content: '';
    display: block;
    height: 1px;
    background-color: currentColor;
    width: 50px;
    margin: 0px 10px 2px;
}

@media (max-width: 991px) {
    .title-container span::before {
        display: none;
    }

    .title-container .section-title {
        flex-direction: column;
    }
}

.kompleksowa-opieka {
    background-color: var(--color-lightgray);
    padding-top: 50px;
    padding-bottom: 50px;
}


.indywidualne-potrzeby {
    background-color: transparent;
    padding-top: 30px;
    padding-bottom: 70px;
}


.kompleksowa-opieka--content {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    container-type: inline-size;
}

.indywidualne-potrzeby--content {
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    container-type: inline-size;
    padding-top: 50px;
}

.kompleksowa-opieka--content h5 {
    font-size: clamp(20px, 10cqw, 3rem);
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 30px;
}

.indywidualne-potrzeby--content h5 {
    font-size: clamp(20px, calc(1vw + 6px), 30px);
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 30px;
}

.kompleksowa-opieka--ico {
    width: 40cqw;
    height: auto;
}

.atuty {
    margin-top: -70px;
    counter-reset: num;
}

.atuty .filling-container {
    padding-top: 90px;
}

@media(992px > width) {
    .atuty .filling-container {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .atuty .numbered-box:not(:last-of-type) {
        margin-bottom: 30px;
    }
}

.numbered-box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 50px 0 0 100px;
    flex-direction: column;
    position: relative;
}

.numbered-box h3 {
    color: var(--color-accent-violet);
    font-weight: 600;
}

.numbered-box::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 45px;
    top: 68px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .2s ease-in;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20fill%3D%22rgb(127%2C28%2C131)%22%20points%3D%2240%2019.4%2020.6%2019.4%2020.6%200%2019.4%200%2019.4%2019.4%200%2019.4%200%2020.6%2019.4%2020.6%2019.4%2040%2020.6%2040%2020.6%2020.6%2040%2020.6%2040%2019.4%22/%3E%3C/svg%3E');
}

.numbered-box:hover::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    transform: rotate(180deg);
    transition: all .2s ease-out;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20fill%3D%22rgb(127%2C28%2C131)%22%20points%3D%2240%2019.4%2020.6%2019.4%2020.6%200%2019.4%200%2019.4%2019.4%200%2019.4%200%2020.6%2019.4%2020.6%2019.4%2040%2020.6%2040%2020.6%2020.6%2040%2020.6%2040%2019.4%22/%3E%3C/svg%3E');
}

.numbered-box::before {
    counter-increment: num;
    content: counter(num, decimal-leading-zero);
    color: #f2f2f2;
    font-family: var(--font-primary);
    font-size: 10rem;
    font-weight: 800;
    z-index: -1;
    position: absolute;
    left: 0;
    top: -3.15rem
}

.numbered-box p {
    font-family: var(--font-secondary);
    font-size: 0.82rem;
    padding-top: 20px;
    padding-bottom: 20px;
}




.ludzie-metody h2 {
    width: 70%;
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 400;
    text-transform: uppercase;
}

.terapia-cel h2 {
    width: 70%;
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 400;
    text-transform: uppercase;
}


.box__link {
    font-family: var(--font-primary);
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    width: fit-content;
    font-weight: 500;
    text-decoration: none;
    display: block;
    transition: all 1s ease-in-out;
    transform-origin: left center;
    transform: scale(1);
    padding: 5px 0;
    will-change: transform;
}

.box__link:hover {
    color: var(--color-brand-green);
    transform: scale(1.5);
    transform-origin: left center;
    transition: all .2s ease-in-out;
}

.hero.banner27 .box__link:hover {
    color: var(--color-accent-violet);
    transform: scale(1.5);
    transform-origin: left center;
    transition: all .2s ease-in-out;
}

.slider__menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.slider__menu li {
    padding: 3px 0;
}

.slider__link {
    font-family: var(--font-primary);
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s ease;
    --link-hover-color: #eab1ec
}

.slider__link:hover,
.slider__link.clicked {
    color: var(--link-hover-color);
    transition: color .2s ease;
}

.slider__link.clicked {
    cursor: default;
}

@media (max-width: 991px) {
    .slider__content-wrapper {
        min-height: 400px;
    }

    .slider__menu {
        display: flex;
        flex-wrap: wrap;
        margin-top: 50px;
    }

    .slider__menu li {
        margin-right: 15px;
    }

    .slider h2 {
        width: 100%;
        font-family: var(--font-primary);
        font-size: 2rem;
    }

}

@media (max-width: 767px) {
    .slider__menu {
        display: flex;
        flex-direction: column;
        margin-top: 50px;
    }
}


.wpgmp_map {
    aspect-ratio: 1;
}

.wpgmp_map_parent {
    margin: 0 !important;
    padding: 0;
}

.wpgmp_map_container {
    line-height: 0;
}

.contact {
    --footer-spacing: 100px;
    background-color: #fafafa;
    padding: var(--footer-spacing) 0;
}

.contact h3 {
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-lightblue);
    width: 100%;
    padding-bottom: calc(var(--footer-spacing) / 3);
}

.contact h4 {
    font-family: var(--font-primary);
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--color-lightblue);
    width: 100%;
    padding-bottom: calc(var(--footer-spacing) / 4);
}

.contact-address {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 1rem;
}

.contact-address p {
    font-family: var(--font-secondary);
    color: var(--color-mutedblue);
    font-size: 16px;
    font-weight: 400;
}



.contact-address em {
    font-family: var(--font-secondary);
    color: #ae8769 !important;
    font-size: 0.8rem;
    font-weight: 600;
}

.contact-address p strong {
    display: block;
    font-family: var(--font-primary);
    color: var(--color-mutedblue);
    padding-bottom: 7px;
    text-transform: uppercase;
}

.contact-address p:not(:first-of-type) strong {
    padding-top: 12px;
}

.contact-address a {
    width: fit-content;
    color: var(--color-warmblack);
    position: relative;
}

.contact-address i:not(.btn-arrow i) {
    margin-right: 5px;
    width: 20px;
    text-align: center;
}

.contact .contact-address.color-pei i:not(.btn-arrow i) {
    color: var(--color-accent-violet);
}

.contact .contact-address.color-pein i:not(.btn-arrow i) {
    color: #ae8769 !important;
}

.contact .sociale {
    padding: 20px 0;
}



.contact .sociale a {
    width: fit-content !important;
    display: inline-block !important;
    margin-right: 7px;
}

.contact .sociale i {
    font-size: 30px;
    color: var(--color-accent-violet) !important;
    width: fit-content !important;
}

.contact-menu p {
    margin-bottom: 5px;
}

.contact-address p,
.contact-menu p,
.contact-links p {
    margin: 0 0 5px 0;
}

.contact-links h3 {
    margin-top: 20px;
}

.contact-links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


.footer-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}

.horizontal-line {
    width: 100%;
    height: 1px;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: #eaeaea;
}

.footer-bottom__logo {
    height: 30px;
    width: auto;
}

.footer-bottom__logo .changable-color {
    fill: #4f4f4f;
}


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

.footer-bottom__right p,
.footer-bottom__left p {
    margin: 0;
    padding: 0;
    height: fit-content;
    font-weight: 400;
    font-size: 0.8rem;
    color: var(--color-warmblack);
    font-family: var(--font-secondary);
}

.contact-form {

    width: 100%;
}

.contact-form h4 {
    padding-bottom: 1rem;
}

.input-wrapper {
    border: none;
    position: relative;
    margin-bottom: 20px;
}

.textarea-wrapper {
    border: none;
    position: relative;
    margin-bottom: 20px;
}

.input-wrapper input:not([type="submit"]),
.input-wrapper select {
    outline: none;
    box-shadow: none;
    height: 35px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d0d0d0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    border-radius: 0;
}

.textarea-wrapper textarea {
    outline: none;
    box-shadow: none;
    height: 150px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d0d0d0;
    padding: 10px;
    font-size: 14px;
    border-radius: 0;
}

.textarea-wrapper textarea:active,
.textarea-wrapper textarea:focus {
    background-color: transparent;
}

.contact input:active,
.contact input:focus,
.contact textarea:active,
.contact textarea:focus,
.contact select:active,
.contact select:focus {
    border-color: #aaa9a9;
}

[disabled="disabled"] {
    display: none;
    visibility: hidden;
}

.contact select,
.contact select:active,
.contact select:focus {
    color: #3d3d3d;
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: 11px;
    outline: none;
    box-shadow: none;
}

.contact .form-control::-webkit-input-placeholder {
    color: #3d3d3d;
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: 11px;
}

.contact .form-control:-moz-placeholder {
    /* FF 4-18 */
    color: #3d3d3d;
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: 11px;
}

.contact .form-control::-moz-placeholder {
    /* FF 19+ */
    color: #3d3d3d;
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: 11px;
}

.contact .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #3d3d3d;
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: 11px;
}

.contact .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #3d3d3d;
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: 11px;
}

.contact .form-control::placeholder {
    /* modern browser */
    color: #3d3d3d;
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-size: 11px;
}


.input-wrapper input:active,
.input-wrapper input:focus,
.textarea-wrapper textarea:active,
.textarea-wrapper textarea:focus {
    outline: none;
    box-shadow: none;
}

.input-wrapper label,
.textarea-wrapper label {
    position: absolute;
    font-size: 0.7rem;
    top: -8px;
    left: 10px;
    padding: 0 5px;
    background-color: var(--footer-color);
    display: none;
}

.submit-wrapper {
    border: 0;
    display: flex;
    justify-content: flex-end;
    margin: 25px 0;
}

input[type="file"] {
    font-family: var(--font-primary);
    color: #3d3d3d;
    text-transform: uppercase;
    font-size: 11px !important;
}

input[type="file"]::file-selector-button {
    text-transform: uppercase;
    color: #3d3d3d;
    border-radius: 0;
    border-color: #d0d0d0;
    border: none;
    background-color: #d0d0d0;

}

.sssf7-not-valid-tip {
    font-size: 0.8rem;
    padding-left: 10px;
}

@media (max-width: 1199px) {

    .contact h3,
    .contact h4 {
        text-align: center;
    }

    .contact-form {
        padding-right: 0;
        padding-left: 0;
    }

    .contact-address-add-margin {
        margin-bottom: 50px;
    }

    .wpgmp_map {
        aspect-ratio: 1.5;
    }
}

.galeria .photo__container {
    display: flex;
    width: 100%;
    aspect-ratio: 1 !important;
    overflow: clip;
    justify-content: center;
    align-items: center;
    justify-items: center;
    position: relative;
    z-index: 1;
}

.galeria .photo__container::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    margin: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    background-color: var(--color-lightblue);
    z-index: 2;
    mix-blend-mode: multiply;
    transition: opacity 1s ease;
}

.galeria .photo__container img {
    transform: scale(1.05);
    transition: transform 1s ease;
}

.galeria .photo__container:hover img {
    transform: scale(1.3);
    transition: transform .3s ease;
}

.galeria .photo__container:hover::after {
    opacity: 1;
    transition: opacity .3s ease;
}

.galeria .photo__container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.counter__text p {
    font-family: var(--font-primary);
    font-size: 1.1rem;
    line-height: 150%;
    margin: 0 0 15px 0 !important;
    font-weight: 300;
    line-height: 145%;
}

.counter__text--bold p {
    font-weight: 500;
}

.digits label {
    font-family: var(--font-primary);
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--color-darkgray);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    line-height: 120%;
}

.digits {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: var(--dyna-padding);
    padding-right: var(--dyna-padding);
}

.digits_wrapper {
    width: 100%;
    text-align: center;
    position: relative;
}

.digits_wrapper span {
    font-family: var(--font-primary);
    color: var(--color-brand-green);
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    position: relative;
}

.digits_wrapper::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 30px;
    top: -13px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20fill%3D%22rgb(127%2C28%2C131)%22%20points%3D%2240%2019.4%2020.6%2019.4%2020.6%200%2019.4%200%2019.4%2019.4%200%2019.4%200%2020.6%2019.4%2020.6%2019.4%2040%2020.6%2040%2020.6%2020.6%2040%2020.6%2040%2019.4%22/%3E%3C/svg%3E');
}

.digits__image {
    display: block;
    width: 100%;
    aspect-ratio: 5/7;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.digits__specialists {
    background-image: url(./img/liczby__specialists.jpg);
}

.digits__cms {
    background-image: url(./img/liczby__cms.jpg);
}

.digits__surgeries {
    background-image: url(./img/liczby__surgeries.jpg);
}

.digits__therapies {
    background-image: url(./img/liczby__therapies.jpg);
}

@media (max-width: 575.98px) {
    .digits_container {
        width: 80%;
        margin: 40px 10% 20px 10%;
    }

    .digits_wrapper label {
        padding: 0 20%;
    }

    .digits {
        padding-left: var(--dyna-padding);
        padding-right: var(--dyna-padding);
    }


}

@media (min-width: 576px) {
    .digits_container {
        width: 40%;
        margin: 40px 5% 20px 5%;
    }

    .digits_wrapper label {
        padding: 0 8%;
    }

    .digits {
        padding-left: var(--dyna-padding);
        padding-right: var(--dyna-padding);
    }

}

@media (min-width: 768px) {
    .digits_container {
        width: 40%;
        margin: 40px 5% 20px 5%;
    }

    .digits_wrapper label {
        padding: 0 8%;
    }

    .digits {
        padding-left: var(--dyna-padding);
        padding-right: var(--dyna-padding);
    }

}

@media (min-width: 992px) {
    .digits_container {
        width: 40%;
        margin: 40px 5% 20px 5%;
    }

    .digits_wrapper label {
        padding: 0 20%;
    }

    .digits {
        padding-left: var(--dyna-padding);
        padding-right: var(--dyna-padding);
    }

}

@media (min-width: 1200px) {
    .digits_container {
        width: 20%;
        margin: 40px 2.5% 20px 2.5%;
    }

    .digits_wrapper label {
        padding: 0 8%;
    }

    .digits {
        padding-left: var(--dyna-padding);
        padding-right: var(--dyna-padding);
    }

}

@media (min-width: 1400px) {
    .digits_container {
        width: 20%;
        margin: 40px 2.5% 20px 2.5%;
    }

    .digits_wrapper label {
        padding: 0 2%;
    }

    .digits {
        padding-left: var(--dyna-padding);
        padding-right: var(--dyna-padding);
    }

}

.page-template-page-cennik .liczby {
    padding-top: 80px;
}

.cennik__header {
    font-size: 2.5rem;
    width: 100%;
    text-align: center;
    font-weight: 600;
    margin-bottom: 70px;
    margin-top: 70px;
    color: var(--color-brand-green);
}

.numbers__digits span::before {
    content: attr(data-leading-zeros);
    color: var(--color-mutedblue);
    opacity: 0.2;
}

.numbers {
    row-gap: 10px;
    font-family: var(--font-primary);
    color: var(--color-warmblack);
    font-weight: 600;
    text-transform: uppercase;
}

.numbers>div {
    column-gap: 20px;

}

.numbers__digits {
    min-width: 100px;
    font-size: 2.3rem;
    color: var(--color-mutedblue);
}

.rare-is-impossible {
    display: flex;
    position: relative;
    width: 100%;
    aspect-ratio: 2.8;
    align-items: center;
    justify-content: center;
    justify-items: center;
}

.rare-is-impossible--text {
    width: 50%;
    aspect-ratio: 2.2969;
    display: block;
    background-image: url(./img/banner08--text.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.indywidualne-potrzeby [name="Telefon"],
.indywidualne-potrzeby [name="E-mail"] {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--color-accent-violet);
}

.indywidualne-potrzeby [name="Telefon"]:focus,
.indywidualne-potrzeby [name="Telefon"]:active,
.indywidualne-potrzeby [name="E-mail"]:focus,
.indywidualne-potrzeby [name="E-mail"]:active {
    outline: none;
    box-shadow: none;
}


#sssf7-f40-o1 {
    width: 80%;
}

.indywidualne-potrzeby .sssf7-form-control::placeholder {
    font-size: 13px;
    color: var(--color-darkgray);
    opacity: 1;
}

.indywidualne-potrzeby .btn-arrow {
    padding-left: 0;
}

.indywidualne-potrzeby [name="E-mail"] {
    margin-bottom: 20px !important;
}

.team__member {
    display: flex;
    width: 33%;
    justify-content: center;
    justify-items: center;
    align-items: flex-end;
    flex-wrap: wrap;
    align-content: flex-end;
}

.team__member label {
    font-family: var(--font-primary);
    color: var(--color-darkgray);
    font-size: 15px;
    font-weight: 600;
}

.team__img {
    width: 100%;
    margin-bottom: 10px;
}

@media (max-width: 575.98px) {
    .team__member {
        width: 50%;
        padding: 0 10px;
    }

    .kompleksowa-opieka {
        --space-ratio: 5;
    }
}

@media (min-width: 576px) {
    .team__member {
        width: 50%;
        padding: 0 15px;
    }

    .kompleksowa-opieka {
        --space-ratio: 5;
    }
}

@media (min-width: 768px) {
    .team__member {
        width: 33%;
        padding: 0 20px;
    }

    .kompleksowa-opieka {
        --space-ratio: 5;
    }
}

@media (min-width: 992px) {
    .team__member {
        width: 25%;
        padding: 0 20px;
    }
}

@media (min-width: 1200px) {
    .team__member {
        width: 25%;
        padding: 0 20px;
    }
}

@media (min-width: 1400px) {
    .team__member {
        width: 20%;
        padding: 0 20px;
    }
}

.dlaczego-warto {
    padding-top: 50px;
    padding-bottom: 50px;
}

.dlaczego-warto p {
    font-family: var(--font-secondary);
    color: var(--color-warmblack);
    font-size: 15px;
    padding-right: 50px;
    line-height: 1.45;
}

.boxy__mieszkania .text-set-wrapper p {
    font-family: var(--font-secondary);
    font-size: 0.93rem;
    margin: 10px 0 0 0;
    font-weight: 300;
    line-height: 145%;
}

.boxy__turnusy .text-set-wrapper p {
    font-family: var(--font-secondary);
    font-size: 0.93rem;
    margin: 10px 0 0 0;
    font-weight: 300;
    line-height: 145%;
}

.warto-wiedziec {
    padding-top: 30px;
    padding-bottom: 30px;
}

.warto-wiedziec .text-set-wrapper p {
    font-family: var(--font-primary);
    font-size: 1rem;
    margin: 10px 0 0 0;
}

.warto-wiedziec h5 {
    font-size: 1.6rem;
}

.warto-wiedziec h2 {
    font-size: 2.2rem;
}

.dlaczego-warto--content {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    container-type: inline-size;
}

.dlaczego-warto--ico {
    width: 80px;
    height: auto;
}

.boxy__transport,
.boxy__lokalizacja,
.boxy__phone {
    padding-left: clamp(1.5rem, 5%, 50px);
    padding-right: clamp(1.5rem, 25%, 300px);
    position: relative;
}

.boxy__transport *,
.boxy__lokalizacja *,
.boxy__phone * {
    z-index: 2;
}

.boxy__transport::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    background-color: #2443aa;
    mix-blend-mode: multiply;
}


.boxy__lokalizacja::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    background-color: var(--color-accent-violet);
    mix-blend-mode: multiply;
}

.boxy__phone::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    background-color: var(--color-brand-green);
    mix-blend-mode: multiply;
}


.boxy__ico {
    width: 70px;
    margin-bottom: 15px;
}

.boxy__mieszkania h2,
.boxy__turnusy h2 {
    font-size: 25px;
    font-weight: 400;
}

.boxy__mieszkania,
.boxy__turnusy {
    position: relative;
    background: transparent;
}

.cennik-mieszkania__item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.cennik-mieszkania__item p {
    margin: 0;
    font-family: var(--font-primary);
    font-size: 1.3rem;
    color: var(--color-darkgray);
    font-weight: 500;
}

.cennik-mieszkania__item label {
    margin: 0;
    font-family: var(--font-primary);
    font-size: 1.3rem;
    color: var(--color-darkgray);
    font-weight: 500;
}

.cennik-mieszkania .text-set-wrapper {
    width: 100%;
}

.cennik-mieszkania .annotations {
    font-family: var(--font-secondary);
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.9rem;
    font-weight: 400;
}



.podpis-cytatu {
    font-size: 1em;
    font-weight: 200;
}

.jak-to-dziala h2 {
    font-size: 3rem;
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-bottom: 100px;
}

.jak-to-dziala__turnusy {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.jak-to-dziala__turnusy img {
    margin-bottom: 60px;
}

.jak-to-dziala__turnusy p {
    padding: 10px 10px;
    font-family: var(--font-secondary);
    font-size: 1rem;
    font-weight: 300;
    color: var(--color-darkgray);
}

.jak-to-dziala .text-set-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.botox-podanie .text-set-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.botox-podanie .paley-watermark {
    position: relative;
}

.botox-podanie .paley-watermark::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./img/paley.png);
    background-size: cover;
    background-position: right 200px;
    background-repeat: no-repeat;
    mix-blend-mode: soft-light;
    opacity: 0.5;
}

.botox-podanie h2 {
    font-weight: 400;
    font-size: 2rem;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}

.botox-etap {
    width: 50%;
    padding: 20px 10% 0 0;
}

.botox-etap strong {
    display: block;
    margin-bottom: 10px;
}

.ogniwa-rehabilitacji h2 {
    font-size: 3rem;
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-bottom: 100px;
}

.ogniwa-rehabilitacji__ogniwa {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.ogniwa-rehabilitacji__ogniwa img {
    margin-bottom: 0px;
}

.ogniwa-rehabilitacji__ogniwa p {
    padding: 10px 10px;
    font-family: var(--font-secondary);
    font-size: 1rem;
    font-weight: 300;
    color: var(--color-darkgray);
}

.ogniwa-rehabilitacji .text-set-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.ogniwa-rehabilitacji .text-set-wrapper p strong:first-child {
    display: block;
    font-family: var(--font-primary);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 10px 0;
    color: inherit;
    letter-spacing: -.2px;
    text-transform: uppercase;
    max-inline-size: 25ch;
    text-wrap: balance;
}

.leczenie-zachowawcze h2 {
    text-transform: uppercase;
}

.slide p {
    font-family: var(--font-secondary);
    font-weight: 400;
    line-height: 145%;
    font-size: 1.02rem;
}

.leczenie-accordion .accordion,
.leczenie-accordion .accordion * {
    --bs-accordion-active-bg: transparent;
    --bs-accordion-color: var(--color-warmblack);
    --bs-accordion-btn-color: var(--color-warmblack);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    box-shadow: none;
}

.leczenie-accordion.leczenie-inwazyjne .accordion,
.leczenie-accordion.leczenie-inwazyjne .accordion * {
    --bs-accordion-color: var(--color-warmblack) !important;
    --bs-accordion-btn-color: var(--color-warmblack);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.leczenie-accordion .accordion-button {
    padding-right: 0;
    padding-left: 0;
}

.leczenie-accordion .accordion {
    width: 100%;
    border: none;
}

.leczenie-accordion .accordion-body {
    padding-left: 10px;
    padding-right: 0;
    font-family: var(--font-secondary);
    font-weight: 300;
    font-size: 1rem;
}

.leczenie-accordion .accordion-item {
    border: none;
    background-color: transparent;
    width: 100%;
}


.leczenie-accordion button {
    font-family: var(--font-primary);
    padding-left: 1rem;
    font-size: 1.2rem;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    background-color: transparent;

}

.leczenie-accordion button:not(.collapsed) {
    color: var(--color-brand-green);
}

.leczenie-accordion.leczenie-inwazyjne button:not(.collapsed) {
    color: var(--color-accent-violet);
}


@media (max-width: 991px) {
    .leczenie-accordion .faq-header {
        padding-left: var(--dyna-padding);
        padding-right: var(--dyna-padding);
        margin-bottom: 20px;
    }

    .leczenie-accordion button {
        padding-left: 0;
    }
}

.banner08--wrapper {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.leczenie-accordion.leczenie-inwazyjne {
    background-color: #eaf3fc;
}

.leczenie-accordion button.collapsed:hover {
    transition: color .2s ease-in-out;
    color: var(--color-brand-green);
}

.leczenie-accordion.leczenie-inwazyjne button.collapsed:hover {
    transition: color .2s ease-in-out;
    color: var(--color-accent-violet);
}

.leczenie-accordion button.collapsed:active {
    transition: color .2s ease-in-out;
    color: var(--color-brand-green);
}

.leczenie-accordion.leczenie-inwazyjne button.collapsed:active {
    transition: color .2s ease-in-out;
    color: var(--color-accent-violet);
}

.leczenie-accordion em.separator {
    background-color: var(--color-brand-green);
}

.leczenie-accordion.leczenie-inwazyjne em.separator {
    background-color: var(--color-accent-violet);
}

.leczenie-inwazyjne .filling-container {
    flex-wrap: wrap;
}

.planowanie-leczenia h4 {
    font-weight: 400;
    margin-top: 20px;
}

.mpd-przedzialy h2 {
    font-size: 1.3rem;
    letter-spacing: 5px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}

.mpd-przedzialy {
    padding-top: 90px;
    padding-bottom: 90px;
    counter-reset: mpd-przedzialyCounter;
}

.mpd-przedzialy__container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 50px calc(var(--bs-gutter-x) * .5) calc(10%) calc((var(--bs-gutter-x) * .5) + 100px);
    flex-direction: column;
    position: relative;
}

.mpd-przedzialy h3 {
    color: var(--color-accent-violet);
    font-weight: 600;
    font-size: 1.6rem;
}

.mpd-przedzialy__container strong {
    margin: 10px 0;
}

.mpd-przedzialy__container a {
    margin-top: 15px;
}

.mpd-przedzialy__container::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 45px;
    top: 68px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .2s ease-in;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20fill%3D%22rgb(127%2C%2028%2C%20131)%22%20points%3D%2240%2019.4%2020.6%2019.4%2020.6%200%2019.4%200%2019.4%2019.4%200%2019.4%200%2020.6%2019.4%2020.6%2019.4%2040%2020.6%2040%2020.6%2020.6%2040%2020.6%2040%2019.4%22/%3E%3C/svg%3E');
}

.mpd-przedzialy__container:hover::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    transform: rotate(180deg);
    transition: all .2s ease-out;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20fill%3D%22rgb(0%2C%20173%2C%20154)%22%20points%3D%2240%2019.4%2020.6%2019.4%2020.6%200%2019.4%200%2019.4%2019.4%200%2019.4%200%2020.6%2019.4%2020.6%2019.4%2040%2020.6%2040%2020.6%2020.6%2040%2020.6%2040%2019.4%22/%3E%3C/svg%3E');
}

.mpd-przedzialy__container::before {
    counter-increment: mpd-przedzialyCounter;
    content: counter(mpd-przedzialyCounter, decimal-leading-zero);
    color: #f2f2f2;
    font-family: var(--font-primary);
    font-size: 10rem;
    font-weight: 800;
    z-index: -1;
    position: absolute;
    left: 0;
    top: -3.15rem
}

.obszary-icon__wrapper {
    width: 60px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid var(--color-accent-violet);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-right: 20px;
}

.obszary-icon__wrapper img {
    width: 80%;
    aspect-ratio: 1;
}

.mpd-obszary .accordion h2 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.mpd-obszary .accordion,
.mpd-obszary .accordion * {
    --bs-accordion-active-bg: transparent;
    --bs-accordion-color: var(--color-warmblack);
    --bs-accordion-btn-color: var(--color-warmblack);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    box-shadow: none;
}

.mpd-obszary.leczenie-inwazyjne .accordion,
.mpd-obszary.leczenie-inwazyjne .accordion * {
    --bs-accordion-color: #fff !important;
    --bs-accordion-btn-color: #fff;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.mpd-obszary .accordion-button {
    padding-right: 0;
    padding-left: 0;
}

.mpd-obszary .accordion {
    width: 100%;
    border: none;
}

.mpd-obszary .accordion-item {
    border: none;
    background-color: transparent;
    width: 100%;
}


.mpd-obszary button {
    font-family: var(--font-primary);
    padding-left: 1rem;
    font-size: 1.2rem;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    background-color: transparent;

}

.mpd-obszary button:not(.collapsed) {
    color: var(--color-brand-green);
}

.mpd-obszary.leczenie-inwazyjne button:not(.collapsed) {
    color: var(--color-accent-violet);
}


@media (max-width: 991px) {

    .mpd-obszary button {
        padding-left: 0;
    }
}

.mpd-obszary em.separator {
    background-color: var(--color-accent-violet);
}



.mpd-obszary-hero {
    position: relative;
    background-color: #f0f0f0;
    margin-bottom: 30px;
}

.mpd-obszary-hero .filling-container {
    flex-wrap: wrap;
    align-content: center;
}

.mpd-obszary h3 {
    font-size: 1.3rem;
    letter-spacing: 5px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
    margin-top: 50px;
}

.mpd-obszary__container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0 0 0 70px;
    flex-direction: column;
    position: relative;
    margin-left: -10px;
}

.mpd-obszary h3 {
    color: var(--color-accent-violet);
    font-weight: 600;
    font-size: 1.6rem;
}

.mpd-obszary__content {
    margin-top: 50px;
    z-index: 2;
}

.mpd-obszary__parallax-wrapper {
    z-index: 0 !important;
    opacity: 0.7;
}

.mpd-obszary-hero .filling-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.mpd-obszary__content strong {
    display: block;
    padding-bottom: 10px;
}

.mpd-obszary__container h1 {
    color: var(--color-accent-violet);
    font-size: 1.75rem;
}

.mpd-obszary__container strong {
    margin: 10px 0;
}

.mpd-obszary__container a {
    margin-top: 15px;
}

.mpd-obszary__container * {
    z-index: 1;
}

.mpd-obszary__container::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 25px;
    top: -20px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .2s ease-in;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20fill%3D%22rgb(127%2C%2028%2C%20131)%22%20points%3D%2240%2019.4%2020.6%2019.4%2020.6%200%2019.4%200%2019.4%2019.4%200%2019.4%200%2020.6%2019.4%2020.6%2019.4%2040%2020.6%2040%2020.6%2020.6%2040%2020.6%2040%2019.4%22/%3E%3C/svg%3E');
}

.mpd-obszary__container::before {
    content: '01';
    color: #fff;
    font-family: var(--font-primary);
    font-size: 10rem;
    font-weight: 800;
    z-index: 0;
    position: absolute;
    left: 0;
}

.mpd-obszay__zdjecie-wrapper {
    z-index: 1 !important;
}


.mpd-obszary .accordion-body {
    color: var(--color-warmblack);
    font-size: 16px;
    padding-left: 78px;
    padding-right: 15%;
    font-family: var(--font-secondary);
    font-weight: 300;
}

@media (width < 767px) {
    .mpd-obszary .accordion-body {
        padding-right: 30px;
    }
}

.mpd-obszary {
    padding-bottom: 50px;
}

.mpd-obszary .accordion-body p {
    font-family: inherit;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    padding: 0 0 10px 0;
}

.mpd-obszary .accordion-body p.p-plus {
    font-family: inherit;
    color: inherit;
    font-weight: 400;
    font-size: 1.2rem;
    padding: 0 0 15px 0;
}

.mpd-obszary .accordion-body p.p-plus-plus {
    font-family: inherit;
    color: inherit;
    font-weight: inherit;
    font-size: 1.5rem;
    padding: 0 0 10px 0;
}

.mpd-obszary .accordion-body p strong {
    font-weight: 500;
}

.mpd-obszary .accordion-body p.p-plus strong {
    font-weight: 600;
}

.mpd-obszary .accordion-body ul {
    list-style-type: none;
    padding-left: 0;
}

.mpd-obszary .accordion-body ul li {
    list-style-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBvbHlnb24gcG9pbnRzPSIxNCA1IDkgNSA5IDAgNSAwIDUgNSAwIDUgMCA5IDUgOSA1IDE0IDkgMTQgOSA5IDE0IDkgMTQgNSIgZmlsbD0icmdiKDQsMTg4LDE3MSkiIC8+PC9zdmc+");
    margin-left: 20px;
    font-weight: 400;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-1 .parallax-layer {
    background-position: center left !important;
}

.opieka-przed-i-po p,
.leczenie-operacyjne p {
    padding-bottom: 10px;
}

.opieka-przed-i-po p strong,
.leczenie-operacyjne p strong {
    font-weight: 500;
}

.opieka-przed-i-po .slider__content-wrapper {
    min-height: unset;
}

.opieka-przed-i-po .slider__content-inner {
    position: relative;
    height: auto;
}

.opieka-przed-i-po .slide {
    padding-top: 60px;
    padding-bottom: 60px;
}

.opieka-przed-i-po .active {
    position: relative;
}


.taxonomies-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.taxonomies-menu--tags {
    font-size: 0.9rem;
    letter-spacing: -0.05rem;
}

.taxonomies-menu a.dynamic-hover-underline {
    font-family: var(--font-primary);
    color: var(--color-warmblack);
    font-weight: 500;
}

#taxonomies-header {
    margin: 0;
    padding: 15px 0;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.pagination-wrapper {
    display: flex;
    justify-content: center;
    padding: 15px 0;
}

.pagination-wrapper .page-numbers {
    padding-left: 5px;
    text-decoration: none;
    font-size: 1rem;
    font-family: var(--font-secondary);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}

.pagination-wrapper .page-numbers.current {
    font-weight: 600;
    color: var(--color-darkgray);
}

.pagination-wrapper .prev-text {
    font-size: 0.9em;
    margin-right: 10px;
}

.pagination-wrapper .next-text {
    font-size: 0.9em;
    margin-left: 10px;
}

.category-description {
    text-transform: none !important;
    font-weight: 400 !important;
}

.sticky-container {
    position: sticky;
    top: 100px;
}

@media (width > 767px) {
    .sticky-container {
        margin-bottom: 70px;
    }
}

.aktualnosci-grid .grid-item {
    padding-bottom: 40px;
}

.aktualnosci-grid img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1;
}

ul.blog-grid {
    list-style: none;
    padding: 0;
}

.aktualnosci {
    padding-top: 80px;
}

.aktualnosci h1 {
    width: 75%;
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--color-warmblack);
}

.aktualnosci .blog-header h1 {
    width: 100%;
    text-wrap: balance;
}

.aktualnosci .blog-header h2 {
    width: 100%;
    text-wrap: balance;
}

.aktualnosci .blog-subheader {
    width: 100%;
    text-wrap: balance;
}

.aktualnosci figure {
    position: relative;
    margin: 0;
}

.aktualnosci figcaption {
    position: absolute;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background-color: rgba(102, 102, 134, 0.55);
    bottom: 0;
    min-height: 95px;
}




.aktualnosci figcaption span>span {
    font-family: var(--font-secondary);
    font-size: 12px;
    color: #939393;
}







@media (max-width: 991px) {
    .aktualnosci-content {
        column-count: 1;
        text-align: justify;
    }
}


#artykul p {
    font-family: var(--font-secondary);
    color: var(--color-lightblue);
    line-height: 150%;
}


@media (min-width: 576px) {
    #artykul p {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    #artykul p {
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    #artykul p {
        font-size: 13px;
    }
}

@media (min-width: 1200px) {
    #artykul p {
        font-size: 14px;
    }
}

@media (min-width: 1400px) {
    #artykul p {
        font-size: 15px;
    }
}



.aktualnosci-title {
    font-family: var(--font-primary);
    color: var(--color-warmblack);
    font-size: 1.2rem;
    font-weight: 600;
    padding: 20px 0 5px 0;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
}

.aktualnosci-title a {
    color: inherit;
    text-decoration: inherit;
    color: inherit;
}

.aktualnosci-date {
    font-family: var(--font-primary);
    color: var(--color-warmblack);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 5px 0;
    margin: 0;
}

.aktualnosci-excerpt {
    font-family: var(--font-secondary);
    color: var(--color-warmblack);
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0;
}


.aktualnosci-link {
    margin-top: 20px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.aktualnosci p {
    font-family: var(--font-primary);
    color: var(--color-accent-red);
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;

}


.featured-image-background {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    aspect-ratio: 3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (1200px > width) {
    .featured-image-background {
        aspect-ratio: 2;
    }
}

.blog-subheader {
    padding-top: 20px;
}

#artykul .aktualnosci-content * {
    color: var(--color-mutedblue) !important;
}

#artykul .aktualnosci-content p,
#artykul .aktualnosci-content h1,
#artykul .aktualnosci-content h2,
#artykul .aktualnosci-content h3,
#artykul .aktualnosci-content h4,
#artykul .aktualnosci-content h5,
#artykul .aktualnosci-content h6,
#artykul .aktualnosci-content ul {
    padding-top: 10px;
    padding-bottom: 10px;
}


#artykul .aktualnosci-content h1 strong,
#artykul .aktualnosci-content h2 strong,
#artykul .aktualnosci-content h3 strong,
#artykul .aktualnosci-content h4 strong,
#artykul .aktualnosci-content h5 strong,
#artykul .aktualnosci-content h6 strong {
    font-weight: inherit;
}


/*
#artykul h3 {
    margin: 0;
    padding: 50px 0;
    font-size: 2.3rem;
    font-weight: 500;
    font-family: var(--font-primary);
    color: var(--color-accent-violet);
    line-height: 45px;
    text-align: left;
}

#artykul h3 strong {
    font-weight: 700;
}

.aktualnosci h3 {
    font-family: var(--font-primary);
    letter-spacing: 0.5rem;
    font-size: 2rem;
    font-weight: 600;
    color: #152240;
    margin-bottom: 35px;
    line-height: 160%;
    text-align: left;
    padding-bottom: 50px;
    text-transform: uppercase;
}

.aktualnosci h3 strong {
    font-weight: 600;
}


.aktualnosci h4 {
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 300;
    color: var(--gray-basic);
    margin-bottom: 35px;
    line-height: 45px;
    width: 80%;
    text-align: center;
    background-image: url(./img/bg-h4.png);
    background-position: center;
    background-repeat: repeat-x;
}

.aktualnosci h4 strong {
    font-weight: 600;
}

.aktualnosci h4 span {
    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
}

*/

.artykul__title {
    margin: 0;
    padding: 50px 0;
    font-size: 2.3rem;
    font-weight: 500;
    font-family: var(--font-primary);
    color: var(--color-mutedblue);
    line-height: 45px;
    text-align: center;
}

.blog__others {
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 300;
    color: var(--color-mutedblue);
    margin-bottom: 35px;
    line-height: 45px;
    width: 80%;
    text-align: center;
}

section.aktualnosci {
    background-image: url(./img/blog-spot.png);
    background-repeat: no-repeat;
    background-position-y: 100px;
    background-position-x: clamp(-20px, -10vw, -100px);
    background-size: clamp(200px, 30vw, 400px);
}



.nasz-zespol__container {
    position: relative;
    overflow: hidden;
}

.nasz-zespol {
    padding-top: 30px;
    padding-bottom: 80px;
}

.member-box {
    position: relative;
    cursor: pointer
}

.member-box__image {
    position: relative;
    width: 100%
}

.member-box__graphic {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

.member-box__layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 184, 167, 0.8);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.member-box__layer picture {
    display: flex;
    justify-content: center;
    align-items: center;
}

.member-box__layer img {
    width: 40%
}

@media (min-width: 1200px) {
    .member-box__layer img {
        width: auto
    }
}

.member-box__layer span {
    font-family: 'Montserrat';
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 20px;
}

.member-box__info {
    position: relative;
    text-transform: uppercase;
    padding: 20px 20px 20px 20px
}

.member-box__info:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 20px;
    height: 44px;
    width: 44px;
    background-image: url(../images/accent1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.member-box__info h2 {
    color: var(--color-warmblack);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none;
    padding-bottom: 10px;
}

@media (768px > width) {
    .member-box__info h2 {
        font-size: 18px;
        letter-spacing: -0.5px;
    }
}

.member-box__info p {
    color: var(--color-brand-green);
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
}

.member-box:hover .member-box__layer {
    opacity: 1
}

.member-link {
    text-decoration: none;
}


.specjalista {
    padding-top: 80px;
    padding-bottom: 30px;
}

.specjalista__photo {
    height: unset;
    padding-bottom: 30px;
}

.specjalista__photo img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}

.specjalista__name {
    color: var(--color-warmblack);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

.specjalista__label {
    color: var(--color-brand-green);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    padding-top: 5px;
}

.specjalista__quote {
    font-family: 'Times New Roman', Times, serif;
    color: var(--color-accent-violet);
    font-size: 30px;
    font-weight: 400;
    font-style: italic;
    padding: 15px 0;
    line-height: 100%;
}

.specjalista__header {
    font-family: var(--font-secondary);
    font-size: 15px;
    font-weight: 600;
    color: var(--color-warmblack);
    padding: 10px 0;
}

.specjalista__content {
    font-family: var(--font-secondary);
    font-size: 15px;
    font-weight: 400;
    color: var(--color-warmblack);
}

.specjalista .watermark {
    position: relative;
}

.specjalista .watermark::after {
    content: '';
    width: clamp(400px, 70%, 1000px);
    position: absolute;
    aspect-ratio: 1.4742;
    bottom: 0;
    right: 0;
    transform: translateY(40%);
    background-image: url(./img/bg_watermark.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    z-index: -1;
}

.nasz-zespol__container [data-slide-index] {
    position: absolute;
    transition: transform 0.5s ease;
    top: 0;
    left: 0;
    background-color: #fff;
}

.nasz-zespol__container [data-slide-index].active {
    position: relative;
}


.cennik .accordion,
.cennik .accordion * {
    --bs-accordion-active-bg: transparent;
    box-shadow: none;
}


.cennik .accordion-button {
    font-family: var(--font-primary);
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

.cennik .accordion-button:hover {
    color: var(--color-accent-violet);
    transition: color 0.5s ease;
}

em.separator {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    width: unset;
    flex-grow: 1;
    height: 1px !important;
    background-color: #d7d6d6;
    opacity: 0.3;
}

.cennik .accordion {
    padding: 40px 0;
    border: none;
}

.cennik .accordion-item {
    border: none;
}

.cennik .accordion-body {
    padding: 10px;
}

.cennik button:not(.collapsed) {
    color: var(--color-accent-red);
    transition: color 0.5s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0);

}

.cennik .accordion-button::after {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237e2081'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: cover;
}

.cennik .lekki-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px 0 5px;
    align-items: center;
    font-size: 1.05rem;
}

.lekki-border span {
    text-align: right;
    min-width: fit-content;
    height: fit-content;
}

.cennik ul li {
    display: flex;
    justify-content: space-between;
    padding: 5px 0 5px 0;
}

.cennik ul {
    padding: 0;
}

#mouse {
    position: absolute;
    display: block;
    width: 30px;
    height: 50px;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
}

#mouse span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
    backdrop-filter: blur(30px);
}

#mouse span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: mouseAnime 2s infinite;
    animation: mouseAnime 2s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes mouseAnime {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes mouseAnime {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.lista-specjalistow {
    margin: 0;
    padding: 20px 0 0 0;
    list-style: none;
}

.lista-specjalistow li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 7px 0;
}

.lista-specjalistow span {
    font-family: var(--font-primary);
    text-transform: uppercase;
    color: var(--color-accent-violet);
    font-weight: 600;
}

.nasza-misja {
    display: block;
    position: relative;
    width: 100%;
    height: 700px;
    /*background-color: #f2c64c;*/
}

.nasza-misja__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nasza-misja__header {
    width: 80%;
    aspect-ratio: 1.5;
    display: flex;
    align-items: flex-end;
    position: relative
}

.nasza-misja__header::before {
    content: '';
    opacity: 0.3;
    width: 100%;
    height: 100%;
    inset: 0;
    display: block;
    position: absolute;
    background-image: url(./img/paley.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.nasza-misja__header h2 {
    font-family: var(--font-primary);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin-bottom: 45px;
}

.nasza-misja__header h2 strong {
    font-weight: 800;
}

.nasza-misja__txt {
    padding-top: 20px;
    font-family: var(--font-primary);
    color: #fff;
    font-weight: 400;
    text-align: center;
}

.wiecej-o-terapii {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.zwiekszanie p {
    font-family: var(--font-primary);
    font-weight: 400;
    text-align: center;
}

.section__title {
    font-family: var(--font-primary);
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 10%;
    width: 100%;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5rem;
}

.gallery__title {
    font-family: var(--font-primary);
    font-size: 1.7rem;
    text-transform: uppercase;
    letter-spacing: 10%;
    width: 100%;
    text-align: center;
    font-weight: 600;
    margin-bottom: 3rem;
}

.wiecej-o-terapii h2 {
    font-size: 35px;
    font-weight: 400;
    font-family: var(--font-primary);
    color: var(--color-accent-violet);
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
}

.wiecej-o-terapii h2 strong {
    font-weight: 700;
}

.page-template-page-gipsowanie .hide-me,
.page-template-page-cennik .hide-me,
.page-template-page-terapia-psychologiczna .hide-me,
.page-template-page-botox .hide-me,
.page-template-page-chirurgia .hide-me,
.page-template-page-onas .hide-me,
.hide-me {
    display: none;
}

.zwiekszanie__slide-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 5%;
}

.zwiekszanie__slide-wrapper img {
    margin-bottom: 0px;
}

.zwiekszanie__slide-wrapper p {
    padding: 10px 10px;
    font-family: var(--font-secondary);
    font-size: .9rem;
    font-weight: 300;
    color: var(--color-darkgray);
    margin: 0;
}

.zwiekszanie__slide-wrapper p a {
    color: inherit;
    text-decoration: none;
}

.zwiekszanie .text-set-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.zwiekszanie__header {
    display: inline-block;
    font-family: var(--font-primary);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin: 2rem 0 calc(2rem - 10px) 0;
    padding: 0;
    letter-spacing: -.2px;
    text-transform: uppercase;
    max-inline-size: 25ch;
    text-wrap: balance;
}

.rodzaje-gipsowania .slide h6 {
    margin: 10px 0;
}

.rodzaje-gipsowania .slide h6:first-of-type {
    margin-top: 0;
}

ul.plus-decorated-list {
    list-style-type: none;
    padding-left: 0;
    font-size: 0.91rem;
    font-weight: 300;
    line-height: 145%;
}

ul.plus-decorated-list li {
    list-style-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBvbHlnb24gcG9pbnRzPSIxNCA1IDkgNSA5IDAgNSAwIDUgNSAwIDUgMCA5IDUgOSA1IDE0IDkgMTQgOSA5IDE0IDkgMTQgNSIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=");
    margin-left: 20px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    padding-bottom: 5px;
}

.bold-points {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.bold-points:first-of-type {
    margin-top: 10px;
}

.bold-points strong {
    display: block;
    font-weight: 500;
}

.bold-points label::after {
    counter-increment: bold-points-counter;
    content: counter(bold-points-counter, decimal-leading-zero);
    font-family: inherit;
    color: inherit;
    font-size: 3.2rem;
    font-weight: 600;
    padding-right: 15px;
}

.bold-points p {
    padding: 0;
    margin: 10px 0;
}

.rodzaje-gipsowania h2 {
    font-weight: 400;
    font-size: 2rem;
    text-transform: uppercase;
}

.skutecznosc .logo-background {
    background-color: #e2e7ef;
    background-image: url(img/bg_watermark.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.ortotyka-rodzaje .slide strong {
    display: block;
    padding: 10px 0;
}

.terapia-neurologopedyczna .text-set-wrapper strong {
    display: block;
    margin-bottom: 10px;
}

.home .member-box {
    padding-left: 10px;
    padding-right: 10px;
}

.neurologopedia-icon__wrapper {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid var(--color-accent-violet);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-right: 20px;
    box-sizing: border-box;
    flex-shrink: 0
}

.neurologopedia-icon__wrapper img {
    width: 80%;
    aspect-ratio: 1;
}

.text-set-wrapper p.text-with-icons {
    margin: 0;
}

.text-set-wrapper p.text-with-icons strong {
    font-family: var(--font-primary);
    text-transform: uppercase;
    font-weight: 500;
}

[class*="__slide-wrapper"] .text-set-wrapper p strong {
    font-family: var(--font-primary);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    color: inherit;
    letter-spacing: -.2px;
    text-transform: uppercase;
    max-inline-size: 25ch;
    text-wrap: balance;
}






/* -- balancing typography -- */



.hero-header {
    font-family: var(--font-primary);
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: inherit;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .4)
}

.hero-subheader {
    font-family: var(--font-secondary);
    font-size: 1.1rem !important;
    font-weight: 300;
    line-height: 1.45;
    margin: 0;
    padding: 30px 0;
    color: inherit;
}

div.hero-subheader p {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0 0 15px 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .4)
}

.box-header,
h2.box-header {
    font-family: var(--font-primary);
    font-size: 37px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    color: inherit;
}

p.box-text {
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.45;
    margin: 0;
    padding: 0;
    color: inherit;
}


h5.box-header {
    font-family: var(--font-primary);
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 30px 0;
    color: inherit;
    letter-spacing: -.2px;
}

h5.ico-header {
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 30px 0;
    color: inherit;
    letter-spacing: -.2px;
    text-transform: uppercase;
    max-inline-size: 25ch;
    text-wrap: balance;
}

p.ico-text {
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.45;
    margin: 0;
    padding: 0;
    color: inherit;
}

.specjalizacje {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
    overflow: hidden;
}

.specjalizacje::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(./img/paley.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 50%;
    filter: grayscale(1) brightness(0.95);
    pointer-events: none;
    z-index: 0;
}

.specjalizacje>* {
    position: relative;
    z-index: 1;
}

.specjalizacje h2 {
    padding: 20px 0;
}

.specjalizacje__container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px 15px;
}

.specjalizacje__circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    position: relative;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 130 130'%3E%3Cdefs%3E%3ClinearGradient id='uuid-3289e478-6e21-4d22-a8e3-13d15a6515e8' x1='65' y1='130' x2='65' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.25' stop-color='%23a760ae'/%3E%3Cstop offset='.75' stop-color='%2350b3c9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle fill='url(%23uuid-3289e478-6e21-4d22-a8e3-13d15a6515e8)' cx='65' cy='65' r='65'/%3E%3C/svg%3E");
    background-position: center;
    z-index: 0;
    --border-width: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.specjalizacje__circle::before {
    content: "";
    position: absolute;
    width: calc(100% - (2 * var(--border-width)));
    height: calc(100% - (2 * var(--border-width)));
    border-radius: 50%;
    inset: var(--border-width);
    background-color: #fff;
    z-index: 1
}

.specjalizacje__circle::after {
    content: "";
    right: 20%;
    top: 20%;
    position: absolute;
    width: 18%;
    height: 18%;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolygon fill='%2350b3c9' points='20 9 11 9 11 0 9 0 9 9 0 9 0 11 9 11 9 20 11 20 11 11 20 11 20 9'/%3E%3C/svg%3E");
}

.specjalizacje__icon {
    z-index: 2;
    background: #fff;
    width: 55%;
    aspect-ratio: 1;
    overflow: clip;
    display: flex;
    justify-content: center;
    align-items: center;
}

.specjalizacje__icon img {
    max-width: 100%;
}

.specjalizacje__label {
    font-size: 18px;
    font-family: var(--font-primary);
    color: var(--color-warmblack);
    font-weight: 600;
    text-align: left;
    line-height: 120%;
    text-wrap: balance;
    margin: 20px 0;
}

.specjalizacje__button {
    justify-self: flex-end;
    margin-top: auto;
}

.autorskie-programy {
    background-image: url(./img/banner61.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 50px;
    display: flex;
    min-height: 1200px;
}

.autorskie-programy h2 {
    font-size: 72px;
    color: #fff;
    font-weight: 600;
    text-wrap: balance;
}

.autorskie-programy p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-wrap: balance;
}


.autorskie-programy p:first-of-type {
    padding-top: 20px;
}

.autorskie-programy p:last-of-type {
    padding-bottom: 30px;
}

.modal {
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: rgba(127, 28, 131, 0.7);
    position: fixed;
    inset: 0;
    backdrop-filter: blur(10px);
}


.modal__window {
    width: 50%;
    aspect-ratio: 1;
    max-height: 80%;
    background-color: #f5f5f5;
    display: flex;
    position: relative;
    background-image: url(./img/paley.png);
    background-position: calc(100% + 10vw) calc(100% + 10vw);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: flex-end;
    padding: 50px 27px 50px 0;
}

.modal p {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-warmblack);
}

.modal__description p {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-warmblack);
    padding: 5px 0;
}

.modal h3 {
    font-size: 25px;
    color: var(--color-warmblack);
    font-weight: 500;
    margin: 0 0 30px 0;
}

.modal__inner {
    width: 100%;
    height: fit-content;
    max-height: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 max(10px, calc(5vw - 25px)) 0 5vw;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: gray transparent;
}

.modal__close {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.8 19.8'%3E%3Cpolygon fill='%23000' points='19.8 2.12 17.68 0 9.9 7.78 2.12 0 0 2.12 7.78 9.9 0 17.68 2.12 19.8 9.9 12.02 17.68 19.8 19.8 17.68 12.02 9.9 19.8 2.12'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: 0;
    background-size: contain;
    padding: 0;
    right: 20px;
    top: 20px;
}

.modal__close,
.modal__close:focus,
.modal__close:active {
    outline: none;
    box-shadow: none;
    border: none;
}

.modal-open {
    overflow: clip;
}



.akordeon .accordion h2 {
    display: flex;
    align-items: center;
    margin: 0;
}

.akordeon .accordion,
.akordeon .accordion * {
    --bs-accordion-active-bg: transparent;
    --bs-accordion-color: var(--color-warmblack);
    --bs-accordion-btn-color: var(--color-warmblack);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    box-shadow: none;
}

.akordeon .accordion-button {
    padding-right: 0;
    padding-left: 0;
}

.akordeon .accordion {
    width: 100%;
    border: none;
}

.akordeon .accordion-item {
    border: none;
    background-color: transparent;
    width: 100%;
    margin: 10px 0;
}


.akordeon button:not(.show-more-btn) {
    font-family: var(--font-primary);
    padding-left: 1rem;
    font-size: 1.2rem;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    background-color: transparent;

}

.akordeon button:not(.collapsed, .show-more-btn) {
    color: var(--color-accent-violet);
}


@media (max-width: 991px) {

    .akordeon button:not(.show-more-btn) {
        padding-left: 0;
    }
}

.akordeon em.separator {
    background-color: var(--color-accent-violet);
}


.akordeon h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    position: relative;
    margin: 0 0 50px 50px;
}

.akordeon h3:before {
    content: attr(data-h3-number);
    font-family: var(--font-primary);
    font-size: 70px;
    color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0.1;
    transform: translate(-50px, -50%);
}

.akordeon .accordion-body {
    color: var(--color-warmblack);
    font-size: 16px;
    padding-left: 78px;
    padding-right: 15%;
    font-family: var(--font-secondary);
    font-weight: 300;
}

.opisy-chorob.akordeon .accordion-body {
    padding-left: 28px;
}

@media (width < 767px) {
    .akordeon .accordion-body {
        padding-right: 30px;
    }
}

.acco-p {
    font-family: inherit;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    padding: 0 0 10px 0;
}

.acco-p--plus {
    font-family: inherit;
    color: inherit;
    font-weight: 500;
    font-size: 1.1rem;
    padding: 0 0 13px 0;
}

.acco-p--plus-plus {
    font-family: inherit;
    color: inherit;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 0 0 15px 0;
}

.acco-p--plus-plus-plus {
    font-family: inherit;
    color: inherit;
    font-weight: 500;
    font-size: 1.5rem;
    padding: 0 0 17px 0;
}

.acco-p strong {
    font-weight: 700;
}

.acco-p--plus strong {
    font-weight: 700;
}

.acco-p--plus-plus strong {
    font-weight: 700;
}

.acco-p--plus-plus-plus strong {
    font-weight: 700;
}

h3.acco-naglowek--z-tlem {
    width: 100%;
    display: inline-block;
    color: #fff;
    background-color: #7f1c83;
    font-size: 1.4rem;
    padding: 4px 5px 5px 15px;
    font-weight: 600;
    margin: 15px 0 25px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.acco-lista--z-numerem:not(ul.acco-lista--z-numerem) {
    all: unset;
    display: revert;
}

.acco-lista--z-plusem:not(ul.acco-lista--z-plusem) {
    all: unset;
    display: revert;
}

i.plus::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBvbHlnb24gcG9pbnRzPSIxNCA1IDkgNSA5IDAgNSAwIDUgNSAwIDUgMCA5IDUgOSA1IDE0IDkgMTQgOSA5IDE0IDkgMTQgNSIgZmlsbD0icmdiKDQsMTg4LDE3MSkiIC8+PC9zdmc+");
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 5px;
}

ul.acco-lista--z-plusem {
    list-style-type: none;
    padding-left: 5em;
    padding-right: 5%;
    margin: 15px 0;
}

ul.acco-lista--z-plusem li {
    list-style-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBvbHlnb24gcG9pbnRzPSIxNCA1IDkgNSA5IDAgNSAwIDUgNSAwIDUgMCA5IDUgOSA1IDE0IDkgMTQgOSA5IDE0IDkgMTQgNSIgZmlsbD0icmdiKDQsMTg4LDE3MSkiIC8+PC9zdmc+");
    font-weight: 400;
    margin: 15px 0;
}

ul.acco-lista--z-plusem li::first-line {
    font-weight: 600;
}

ul.acco-lista--z-numerem {
    list-style-type: none;
    padding-left: 5em;
    padding-right: 5%;
    counter-reset: numer;
    margin: 15px 0;
}

ul.acco-lista--z-numerem li {
    list-style-image: none !important;
    margin-left: 20px;
    font-weight: 400;
    counter-increment: numer;
    position: relative;
    margin: 15px 0;
}

ul.acco-lista--z-numerem li::after {
    content: "";
    position: absolute;
    left: -2.4rem;
    top: -0.1rem;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Cpolygon fill='%2337a5a2' points='45 21.5 23.5 21.5 23.5 0 21.5 0 21.5 21.5 0 21.5 0 23.5 21.5 23.5 21.5 45 23.5 45 23.5 23.5 45 23.5 45 21.5'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

ul.acco-lista--z-numerem li::before {
    content: counter(numer, decimal-leading-zero);
    position: absolute;
    left: -1.5em;
    top: -0.4em;
    color: #f3f3f3;
    font-weight: bold;
    font-size: 4em;
    letter-spacing: -0.04em;
}

ul.acco-lista--z-numerem li::first-line {
    font-weight: 600;
}

ul.acco-lista--z-numerem li ul,
ul.acco-lista--z-plusem li ul {
    padding-left: 2em;
}

ul.acco-lista--z-numerem li ul li,
ul.acco-lista--z-plusem li ul li {
    list-style-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 9 9'%3E%3Cpolygon fill='%23000' points='5.6 3.4 5.6 0 3.4 0 3.4 3.4 0 3.4 0 5.6 3.4 5.6 3.4 9 5.6 9 5.6 5.6 9 5.6 9 3.4 5.6 3.4'/%3E%3C/svg%3E") !important;
}

ul.acco-lista--z-numerem li ul li::before,
ul.acco-lista--z-numerem li ul li::after,
ul.acco-lista--z-plusem li ul li::before,
ul.acco-lista--z-plusem li ul li::after {
    display: none;
}

.akordeon-icon__wrapper {
    width: 60px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid var(--color-accent-violet);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-right: 20px;
}

.akordeon-icon__wrapper img {
    width: 80%;
    height: 80%;
    aspect-ratio: 1;
    object-fit: contain;
}

.hidden-item {
    display: none;
}

.show-more-container {
    text-align: center;
    margin-top: 10px;
}

.banner-btn {
    background-color: var(--color-mutedblue);
    font-family: var(--font-primary);
    font-weight: 500;
    letter-spacing: 1px;
    color: white;
    text-transform: uppercase;
    border: 1px solid var(--color-mutedblue);
    padding: 8px 35px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.3s;
    margin-top: 10px;
    text-decoration: none;
}

.banner-btn--gold {
    background-color: #ae8769;
    color: white;
    border: 1px solid #ae8769;
}

.banner-btn:hover {
    background-color: transparent;
    color: var(--color-mutedblue);
    border-color: var(--color-mutedblue)
}

.banner-btn--gold:hover {
    background-color: transparent;
    color: #ae8769;
    border-color: #ae8769;
}

.whatsapp-qr {
    display: flex;
    max-width: 200px;
    margin-top: 10px;
}

.opisy-chorob .show-more-btn {
    background-color: transparent;
    color: #7f1c83;
}

.opisy-chorob .show-more-btn:hover {
    background-color: #7f1c83;
    color: white;
}


.banner .filling-container {
    overflow: clip;
}

.banner .text-set-wrapper h2 {
    font-size: 2.1rem;
    font-weight: 500;
    position: relative;
}

.banner .text-set-wrapper h2:before {
    position: absolute;
    content: attr(data-h2-number);
    font-size: 12rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.2);
    mix-blend-mode: multiply;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.banner .text-set-wrapper h2::first-line {
    font-size: 2.1rem;
    font-weight: 700;
}

.banner .filling-container {
    min-height: calc(50vw * 0.8);
}

.banner .filling-container .text-set-wrapper {
    justify-content: center;
}

.banner .filling-container .groupper {
    margin-top: 25px;
}

.hero .filling-container {
    padding-top: calc(55px + var(--hero-padding));
    padding-bottom: var(--hero-padding);
}

/* Opisy chorób */

.opisy-chorob .filling-container {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    justify-content: initial;
    align-items: initial;
}

.opisy-chorob .filling-container .text-set-wrapper {
    display: flex;
    margin: 9;
    padding: 0;
    position: relative;
    flex-direction: column;
}

.opisy-chorob .filling-container .text-set-wrapper h2 {
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    font-family: var(--font-primary);
    font-size: 2.1rem;
    font-weight: 600;
    width: 100%;
}

.opisy-chorob .filling-container .text-set-wrapper>span:first-of-type {
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    font-family: var(--font-primary);
    font-size: 1.1rem;
    font-weight: 500;
    width: 100%;
}

.opisy-chorob .filling-container .text-set-wrapper p {
    margin: 0;
    padding: 15px 0;
    font-family: var(--font-secondary);
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 145%;
    width: 100%;
}

.opisy-chorob .filling-container .text-set-wrapper p:first-of-type {
    padding-top: 10px !important;
}

.opisy-chorob .filling-container.justify-content-center .text-set-wrapper.align-items-center .box-p--pro::before {
    position: relative;
    left: unset;
    padding-right: 10px;

}

.opisy-chorob .filling-container.justify-content-center .text-set-wrapper p,
.opisy-chorob .filling-container.justify-content-center .text-set-wrapper h2,
.opisy-chorob .filling-container.justify-content-center .text-set-wrapper span {
    text-align: center;
}

.opisy-chorob .filling-container.justify-content-end .text-set-wrapper p,
.opisy-chorob .filling-container.justify-content-end .text-set-wrapper h2,
.opisy-chorob .filling-container.justify-content-end .text-set-wrapper span {
    text-align: right;
}


.title-counter-reset {
    counter-reset: title-counter;
}

.title-counter-increment {
    counter-increment: title-counter;
}


.filling-container--box {
    border-radius: 5px;
    background-color: #ededed;
    padding: 20px;
    flex-wrap: wrap;
    align-content: flex-start;
}

.filling-container--box h3 {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.1em;
    padding-right: 20%;
    text-wrap: balance;
}

.filling-container--box h3::after {
    content: counter(title-counter, decimal-leading-zero);
    position: absolute;
    right: 0;
    top: 5px;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 3rem;
    color: #fff;
}

.filling-container--box-proces {
    background-color: transparent;
}



.filling-container--box-proces h3 {
    text-align: center;
    padding: 0;
}

.filling-container--box-proces h3::after {
    display: none !important;
}

.filling-container--box-proces h3::before {
    content: counter(title-counter, decimal-leading-zero);
    position: relative;
    right: unset;
    top: unset;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 3rem;
    display: flex;
    margin-bottom: 30px;
    padding: 20px;
    color: #fff;
    border-radius: 50%;
    background: var(--color-accent-violet);
    aspect-ratio: 1;
    width: fit-content;
    justify-content: center;
    align-items: center;
    justify-self: center;
}


.filling-container--box .title-wrapper {
    margin-bottom: 15px;
    width: 100%;
    min-height: 40px;
}

.filling-container--box .text-set-wrapper p {
    font-size: 1rem !important;
    border-top: 1px solid #fff;
}

.filling-container--box .text-set-wrapper.strzalki p {
    font-size: 1rem !important;
    border-top: none;
    padding: 5px 0 5px 28px !important;
    position: relative;
}

.filling-container--box .text-set-wrapper.strzalki p:before {
    content: '\f061';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--color-accent-violet);
    left: 3px;
    position: absolute;
}

.filling-container--box-partnerzy {
    background-color: transparent !important;
}

.filling-container--box-partnerzy .text-set-wrapper p {
    font-size: 0.9rem !important;
    line-height: 165% !important;
}

.filling-container--box-partnerzy .title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-wrapper img {
    width: 100%;
    max-width: 65vw;
}


.galeria-columns {
    column-count: var(--galeria-columns-count);
    column-gap: var(--galeria-columns-gap);
}

body {
    --galeria-columns-gap: 15px;
    --galeria-columns-count: 4;
}

.galeria-image__wrapper {
    margin-bottom: var(--galeria-columns-gap);
    break-inside: avoid;
}

.galeria-image__wrapper img {
    border-radius: calc(var(--galeria-columns-gap) * .65);
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

[class^="box-p"] {
    border: none !important;
}

.opisy-chorob .box-p {
    font-family: inherit;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    padding: 0 0 10px 0 !important;
}

.opisy-chorob .box-p--plus {
    font-family: inherit;
    color: inherit;
    font-weight: 500;
    font-size: 1.1rem;
    padding: 0 0 13px 0 !important;
}

.opisy-chorob .box-p--plus-plus {
    font-family: inherit;
    color: inherit;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 0 0 15px 0 !important;
}

.opisy-chorob .box-p--plus-plus-plus {
    font-family: inherit;
    color: inherit;
    font-weight: 500;
    font-size: 1.5rem;
    padding: 0 0 17px 0 !important;
}

.opisy-chorob .box-p--positive::before {
    content: '\f058';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: green;
    left: 3px;
    position: absolute;
}

.opisy-chorob .box-p--negative::before {
    content: '\f057';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: red;
    left: 3px;
    position: absolute;
}

.opisy-chorob .box-p--pro::before {
    content: '\2b';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--color-accent-violet);
    left: 3px;
    position: absolute;
}

.opisy-chorob .box-p--negative,
.opisy-chorob .box-p--positive,
.opisy-chorob .box-p--pro {
    margin: 0 !important;
    padding: 5px 0 5px 28px !important;
}

.opisy-chorob .box-p--negative.last-of-type,
.opisy-chorob .box-p--positive.last-of-type,
.opisy-chorob .box-p--pro.last-of-type {
    padding-bottom: 20px !important;
}

.opisy-chorob .box-p strong {
    font-weight: 700;
}

.opisy-chorob .box-p--plus strong {
    font-weight: 700;
}

.opisy-chorob .box-p--plus-plus strong {
    font-weight: 700;
}

.opisy-chorob .box-p--plus-plus-plus strong {
    font-weight: 700;
}

.opisy-chorob h3.box-naglowek {
    width: 100%;
    display: inline-block;
    color: var(--color-warmblack);
    font-size: 1.4rem;
    padding: 0;
    font-weight: 600;
    margin: 10px 0 20px 0;
    letter-spacing: 0;
    text-transform: none;
    border-bottom: #fff;
    font-family: var(--font-primary);
}

.opisy-chorob h3.box-naglowek::before,
.opisy-chorob h3.box-naglowek::after {
    display: none;
}

.force-padding--30 {
    padding: 30px !important;
}



.text-balance {
    text-wrap: balance;
}

.opisy-chorob .text-set-wrapper .box-p--negative:last-of-type,
.opisy-chorob .text-set-wrapper .box-p--positive:last-of-type,
.opisy-chorob .text-set-wrapper .box-p--pro:last-of-type {
    padding-bottom: 15px !important;
}








/* SLIDING BANNER */

.sliding-banner {
    --sliding-banner-extra-margin: 0px;
    --sliding-banner-extra-padding: 0px;
}

.sliding-banner {
    margin-top: calc(0px + var(--sliding-banner-extra-margin));
    margin-bottom: calc(0px + var(--sliding-banner-extra-margin));
}

.slide {
    padding-right: calc(var(--dyna-padding) / 2);
    padding-left: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    transition: transform 0.5s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f0f3f8;
    background-image: url('img/bg__paley.png');
    background-repeat: no-repeat;
    background-position: center;
    padding-top: calc(50px + var(--sliding-banner-extra-padding));
    padding-bottom: calc(50px + var(--sliding-banner-extra-padding));
}

.slide.active {
    position: relative;
}

.slide.slide--nobg {
    background-image: none !important;
    background-color: #fff;
}

.slide label {
    margin: 0 0 50px;
}

.slider__content-wrapper {
    counter-reset: sliderCounter;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.slider__content-wrapper h4 {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0 0 20px;
}


/* STYLI DZIAŁAJĄ TYLKO WEWNĄTRZ sliding-banner */
.sliding-banner .sliding-style-h5 {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0;
}

.sliding-banner .sliding-style-h6 {
    text-transform: none;
    font-size: 1.15rem;
    font-weight: 600;
    margin: 10px 0;
}


/* POZA sliding-banner: ukryj element i pokaż komunikat */
.sliding-style-h5:not(.sliding-banner .sliding-style-h5) {
    display: block;
    position: relative;
    color: red;
    font-weight: bold;
}

.sliding-style-h6:not(.sliding-banner .sliding-style-h6) {
    display: block;
    position: relative;
    color: red;
    font-weight: bold;
}

.sliding-style-h5:not(.sliding-banner .sliding-style-h5)::before {
    content: "❌ BŁĘDNE UŻYCIE STYLU";
    display: block;
    background: #ffd5d5;
    padding: 4px 8px;
    margin-bottom: 4px;
    border-left: 4px solid red;
}

.sliding-style-h6:not(.sliding-banner .sliding-style-h6)::before {
    content: "❌ BŁĘDNE UŻYCIE STYLU";
    display: block;
    background: #ffd5d5;
    padding: 4px 8px;
    margin-bottom: 4px;
    border-left: 4px solid red;
}

.slider__content-wrapper .slide label {
    font-family: var(--font-primary);
    color: var(--color-warmblack);
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    padding-bottom: 50px;
}

.slider__content-wrapper .slide label::after {
    counter-increment: sliderCounter;
    content: counter(sliderCounter, decimal-leading-zero);
    font-family: inherit;
    color: inherit;
    font-size: 2.5rem;
    font-weight: 500;
    position: absolute;
    top: 1px;
}

.slider__menu-wrapper {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    padding: calc(50px + var(--sliding-banner-extra-padding)) 3rem calc(75px + var(--sliding-banner-extra-padding)) calc(var(--dyna-padding) / 2);
    position: relative;
    background-position: center;
    background-size: cover;
}

.sliding-banner .slider__menu-container h2 {
    font-weight: 400;
    font-size: 2rem;
    text-transform: uppercase;
}



/* Dokumenty do pobrania */

.do-pobrania {
    margin-top: 90px;
}

.do-pobrania .title-container h3 {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-accent-violet);
    margin-bottom: 20px;
}

.do-pobrania .title-container p {
    font-size: 1.1rem;
    line-height: 150%;
    font-weight: 400;
    font-family: var(--font-secondary);
    margin: 0;
}

.do-pobrania .row:first-of-type {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.do-pobrania .row:last-of-type {
    padding-bottom: 4rem;
}

@media (max-width: 575px) {
    .row.dokumenty-table {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media (max-width: 991px) {
    .container.do-pobrania {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .do-pobrania .opis {
        padding-left: 10px;
    }

    .do-pobrania .ikona img {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .ikona,
    .opis,
    .rozmiar,
    .typ {
        margin-bottom: 2rem;
    }

}

.do-pobrania .ikona {
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    padding: 10px 0 10px 0;
    min-height: 20px;
}

.do-pobrania .opis {
    display: flex;
    align-items: center;
    justify-content: left;
    justify-items: left;
    min-height: 20px;
}

.do-pobrania .opis a {
    font-family: var(--font-body);
    font-size: 1.3rem;
    color: #595959;
    text-decoration: none;
}

.do-pobrania .opis a:hover {
    text-decoration: underline;
}

.do-pobrania .rozmiar {
    font-family: var(--font-body);
    display: flex;
    align-items: center;
    justify-content: right;
    justify-items: right;
    min-height: 20px;
}

.do-pobrania .typ {
    font-family: var(--font-body);
    display: flex;
    align-items: center;
    justify-content: right;
    justify-items: right;
    min-height: 20px;
}

.galeria--post {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 70px;
    background-color: #f5f5f5;
}


.filling-container--box {
    border-radius: 5px;
    background-color: #ededed;
    padding: 20px;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
    z-index: 0;
}

.PORT .filling-container--box::after,
.PORT .filling-container--box::after,
.PORT .filling-container--box::after,
.PORT .filling-container--box::after {
    content: "";
    position: absolute;
    inset: 5%;
    width: 90%;
    height: 90%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.07;
    z-index: 1;
    pointer-events: none;
}

.filling-container--box>* {
    position: relative;
    z-index: 2;
}

.PORT:nth-of-type(1) .filling-container--box::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 228.83 222.68'><path fill='%23000' d='M201.15,111.65c-4.51,9.43-10.72,17.33-18.61,23.68-7.9,6.36-17.12,11.13-27.68,14.3-10.56,3.18-21.89,4.77-33.99,4.77h-35.99v64.59h-47.37V3.69h87.97c12.92,0,24.45,1.8,34.6,5.38,10.15,3.59,18.76,8.66,25.84,15.22,7.07,6.56,12.5,14.41,16.3,23.53,3.79,9.13,5.69,19.22,5.69,30.3v.61c0,12.51-2.26,23.48-6.77,32.91ZM159.94,79.05c0-10.66-3.44-18.76-10.3-24.3-6.87-5.54-16.25-8.3-28.14-8.3h-36.6v65.82h37.52c11.89,0,21.12-3.12,27.68-9.38,6.56-6.25,9.84-13.99,9.84-23.22v-.62Z'/></svg>");
}

.PORT:nth-of-type(2) .filling-container--box::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 228.83 222.68'><path fill='%23000' d='M220.22,154.56c-5.74,13.43-13.69,25.22-23.84,35.37s-22.25,18.15-36.29,23.99c-14.05,5.84-29.37,8.77-45.98,8.77s-31.89-2.92-45.83-8.77c-13.95-5.84-25.99-13.74-36.14-23.68-10.15-9.94-18.05-21.63-23.68-35.06C2.82,141.74,0,127.34,0,111.96v-.62c0-15.38,2.87-29.78,8.61-43.21,5.74-13.43,13.69-25.22,23.84-35.37s22.25-18.15,36.29-23.99C82.79,2.92,98.12,0,114.73,0s31.88,2.92,45.83,8.77c13.94,5.84,25.99,13.74,36.14,23.68,10.15,9.95,18.04,21.64,23.68,35.06,5.64,13.43,8.46,27.84,8.46,43.21v.62c0,15.38-2.87,29.79-8.61,43.21ZM179.32,111.34c0-9.23-1.59-17.94-4.77-26.14-3.18-8.2-7.69-15.38-13.53-21.53s-12.76-11.02-20.76-14.61c-8-3.58-16.72-5.38-26.14-5.38s-18.41,1.74-26.3,5.23c-7.9,3.49-14.66,8.3-20.3,14.46-5.64,6.15-10.05,13.28-13.23,21.38-3.18,8.1-4.77,16.76-4.77,25.99v.62c0,9.23,1.59,17.94,4.77,26.14,3.18,8.2,7.69,15.38,13.53,21.53,5.84,6.15,12.71,11.02,20.61,14.61,7.89,3.59,16.66,5.38,26.3,5.38s18.15-1.74,26.14-5.23c8-3.48,14.81-8.3,20.45-14.46,5.64-6.15,10.04-13.27,13.23-21.38,3.18-8.1,4.77-16.76,4.77-25.99v-.62Z'/></svg>");
}

.PORT:nth-of-type(3) .filling-container--box::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 228.83 222.68'><path fill='%23000' d='M159.78,218.99l-46.14-68.9h-37.22v68.9H29.07V3.69h98.42c25.63,0,45.57,6.26,59.82,18.76,14.25,12.51,21.38,29.94,21.38,52.29v.61c0,17.43-4.26,31.63-12.76,42.6-8.51,10.97-19.64,19.02-33.37,24.14l52.59,76.89h-55.36ZM160.71,77.2c0-10.25-3.28-17.94-9.84-23.07-6.57-5.12-15.69-7.69-27.37-7.69h-47.06v61.82h47.98c11.69,0,20.66-2.77,26.91-8.3,6.25-5.54,9.38-12.92,9.38-22.15v-.62Z'/></svg>");
}

.PORT:nth-of-type(4) .filling-container--box::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 228.83 222.68'><path fill='%23000' d='M138.1,47.37v171.63h-47.37V47.37H25.22V3.69h178.39v43.68h-65.51Z'/></svg>");
}



.faq {
    overflow: hidden;
    position: relative;
    padding-top: var(--first-section-padding);
    padding-bottom: var(--first-section-padding)
}

.faq .accordion-body {
    padding-left: 3rem;
}

.faq .accordion-body p {
    padding: 0 0 10px 0;
}

.faq .accordion-header {
    display: flex;
}

.faq .accordion-button {
    font-weight: 500;
    font-size: 1.2rem;
    padding: 5px 0;
    color: var(--color-mutedblue);
}

.faq .accordion-button:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.faq .accordion-button:not(.collapsed) {
    color: var(--color-warmblack);
    background-color: transparent;
    box-shadow: none;
}

.faq .accordion-button::after {
    margin-left: 0;
}

.faq .accordion-button em.separator {
    display: flex;
    height: 1px;
    background-color: #9eb0c5;
    flex-grow: 1;
    margin: 0 1rem;
}

.faq .accordion-cross {
    width: 2rem;
    height: 2rem;
    margin: .8rem 1rem .8rem 0;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Cpolygon fill='%23859ebe' points='45 22 23 22 23 0 22 0 22 22 0 22 0 23 22 23 22 45 23 45 23 23 45 23 45 22'/%3E%3C/svg%3E");
}



.axis {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right,
            transparent calc(50% - 0.5px),
            var(--color-lightblue) calc(50% - 0.5px),
            var(--color-lightblue) calc(50% + 0.5px),
            transparent calc(50% + 0.5px));
}

.row:first-of-type .axis {
    background-size: 100% 50%;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.row:last-of-type .axis {
    background-size: 100% 50%;
    background-position: top center;
    background-repeat: no-repeat;
}

.axis__circle {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background-color: var(--color-lightblue);
    padding: 10px;
}

.axis__circle figure {
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--axis-icon);
}

.dopisek {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
}



/* SWIPER GALERIA */
.swiper_gallery .swiper-slide {
    aspect-ratio: 1;
}

.swiper_gallery .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    overflow: hidden;
    position: relative;
}

.swiper_gallery .swiper-slide a::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpolygon fill='%23ae8769' points='80 39 41 39 41 0 39 0 39 39 0 39 0 41 39 41 39 80 41 80 41 41 80 41 80 39'/%3E%3C/svg%3E");
    background-size: 20%;
    background-position: center;
    background-repeat: no-repeat;
    font-weight: 100;
    color: #fff;
    font-size: 200px;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    transition: opacity .3s ease;
    opacity: 0;
    pointer-events: none;
}

.swiper_gallery .swiper-slide a:hover::after {
    transition: opacity .3s ease;
    opacity: 1;
}

.swiper_gallery .swiper-slide a:focus,
.swiper_gallery .swiper-slide a:active,
.swiper_gallery .swiper-slide a:hover {
    border: none;
    outline: none;
}

.swiper_gallery .swiper-slide a img {
    display: block;
    width: 102%;
    height: 102%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
}



/* Xtra Small */
@media (max-width: 575.98px) {
    .hero {
        --hero-padding: 50px;
    }

    .hero .filling-container {
        min-height: 100svh;
    }

    .hero-header {
        text-wrap: balance;
    }

    .specjalizacje::before {
        background-size: 80%;
    }

    .autorskie-programy h2 {
        font-size: 40px;
        text-wrap: normal;
    }

    .autorskie-programy {
        background-size: 120%;
        min-height: 900px;
    }

    .btn-arrow .condishow {
        display: none;
    }

    .modal__window {
        width: 100%;
        height: 100%;
        aspect-ratio: unset;
    }

    .sidemenu {
        width: 100%;
        min-width: none;
    }

    .galeria-columns {
        --galeria-columns-gap: 8px;
        --galeria-columns-count: 2;
    }

    h2.box-header {
        font-size: 30px;
        text-align: center;
    }

    .indywidualne-potrzeby .groupper {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .indywidualne-potrzeby .groupper form {
        display: flex;
        flex-direction: column;
    }

    .indywidualne-potrzeby .groupper form button {
        align-self: center;
    }
}



.min-height-01 {
    min-height: 80vw;
}

/* Small */
@media (min-width: 576px) and (max-width: 767.98px) {
    .hero {
        --hero-padding: 50px;
    }

    .hero .filling-container {
        min-height: 100svh;
    }

    .hero-header {
        text-wrap: balance;
    }

    .specjalizacje::before {
        background-size: 80%;
    }

    .autorskie-programy h2 {
        font-size: 50px;
    }

    .autorskie-programy {
        background-size: 120%;
        min-height: 940px;
    }

    .btn-arrow .condishow {
        display: none;
    }

    .modal__window {
        width: 100%;
        height: 100%;
        aspect-ratio: unset;
    }

    .sidemenu {
        width: 100%;
        min-width: none;
    }

    .galeria-columns {
        --galeria-columns-gap: 11px;
        --galeria-columns-count: 2;
    }

    h2.box-header {
        font-size: 32px;
        text-align: center;
    }

    .indywidualne-potrzeby .groupper {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .indywidualne-potrzeby .groupper form {
        display: flex;
        flex-direction: column;
    }

    .indywidualne-potrzeby .groupper form button {
        align-self: center;
    }

    .min-height-xs-01 {
        min-height: 40vw;
    }
}

/* Medium */
@media (min-width: 768px) and (max-width: 991.98px) {
    .hero {
        --hero-padding: 50px;
    }

    .hero .filling-container {
        min-height: 100svh;
    }

    .hero-header {
        text-wrap: balance;
        max-inline-size: 20ch;
    }

    .hero-subheader {
        text-wrap: balance;
        max-inline-size: 85ch;
    }

    .specjalizacje::before {
        background-size: 70%;
    }

    .autorskie-programy h2 {
        font-size: 60px;
    }

    .autorskie-programy {
        background-size: 120%;
        min-height: 990px;
    }

    .modal__window {
        width: 80%;
    }

    .sidemenu {
        width: 100%;
        min-width: none;
    }

    .galeria-columns {
        --galeria-columns-gap: 15px;
        --galeria-columns-count: 3;
    }

    .add-padding-left {
        padding-left: 8%;
    }

    .add-padding-right {
        padding-right: 8%;
    }

    h2.box-header {
        font-size: 34px;
        text-align: center;
    }

    .indywidualne-potrzeby .groupper {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .indywidualne-potrzeby .groupper form {
        display: flex;
        flex-direction: column;
    }

    .indywidualne-potrzeby .groupper form button {
        align-self: center;
    }
}

/* Large */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hero {

        --hero-padding: 60px;
    }

    .hero .filling-container {
        min-height: 40vw;
    }

    .hero-header {
        text-wrap: balance;
    }

    .specjalizacje::before {
        background-size: 70%;
    }

    .autorskie-programy h2 {
        font-size: 60px;
    }

    .autorskie-programy {
        background-size: 110%;
        min-height: 990px;
    }

    .modal__window {
        width: 70%;
    }

    .sidemenu {
        min-width: 350px;
    }

    .galeria-columns {
        --galeria-columns-gap: 15px;
        --galeria-columns-count: 3;
    }

    .add-padding-left {
        padding-left: 8%;
    }

    .add-padding-right {
        padding-right: 8%;
    }

    h2.box-header {
        font-size: 34px;
        text-align: center;
    }

    .indywidualne-potrzeby .groupper {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .indywidualne-potrzeby .groupper form {
        display: flex;
        flex-direction: column;
    }

    .indywidualne-potrzeby .groupper form button {
        align-self: center;
    }
}

/* Xtra Large */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .hero {

        --hero-padding: 80px;
    }

    .hero .filling-container {
        min-height: 40vw;
    }

    .hero-header {
        text-wrap: balance;
    }

    .autorskie-programy {
        background-size: 105%;
        min-height: 1030px;
    }

    .sidemenu {
        min-width: 350px;
    }

    .add-padding-left {
        padding-left: 8%;
    }

    .add-padding-right {
        padding-right: 8%;
    }

    h2.box-header {
        font-size: 30px;
        text-align: left;
    }

    .indywidualne-potrzeby .groupper {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .indywidualne-potrzeby .groupper form {
        display: flex;
        flex-direction: column;
    }

    .indywidualne-potrzeby .groupper form button {
        align-self: center;
    }
}

/* Xtra Xtra Large */
@media (min-width: 1400px) {
    .hero {
        --hero-padding: 130px;
    }

    .hero .filling-container {
        min-height: 40vw;
    }

    .hero-header {
        text-wrap: balance;
    }

    .specjalizacje::before {
        background-size: 50%;
    }

    .autorskie-programy {
        background-size: 100%;
        min-height: 1055px;
    }

    .add-padding-left {
        padding-left: 8%;
    }

    .add-padding-right {
        padding-right: 8%;
    }

    h2.box-header {
        font-size: 33px;
        text-align: left;
    }

    .indywidualne-potrzeby .groupper {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .indywidualne-potrzeby .groupper form {
        display: flex;
        flex-direction: column;
    }

    .indywidualne-potrzeby .groupper form button {
        align-self: center;
    }
}

/* Super-duper Large */
@media (min-width: 1600px) {
    .autorskie-programy {
        background-size: 100%;
        min-height: 1140px;
    }
}


/* Small */
@media (min-width: 576px) {
    .min-height-xs-01 {
        min-height: 40vw;
    }
}

/* Medium */
@media (min-width: 768px) {
    .min-height-md-01 {
        min-height: 40vw;
    }
}

/* Large */
@media (min-width: 992px) {
    .min-height-lg-01 {
        min-height: 40vw;
    }
}

/* Xtra Large */
@media (min-width: 1200px) {
    .min-height-xl-01 {
        min-height: 40vw;
    }
}

/* Xtra Xtra Large */
@media (min-width: 1400px) {
    .min-height-xxl-01 {
        min-height: 40vw;
    }
}


iframe[title="reCAPTCHA"],
iframe[src^="https://assets.mailerlite"],
iframe[src*="mailerlite"] {
    pointer-events: all !important;
}

.hidden-captcha .sssf7-form-control-wrap.recaptcha .sssf7-not-valid-tip {
    display: none;
}

.hidden-captcha {
    position: relative;
}

.hidden-captcha .sssf7-form-control-wrap.recaptcha {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .96);
    opacity: 0;
    pointer-events: none !important;
    transition: opacity .25s ease;
    z-index: 10;
}

.hidden-captcha .sssf7-form-control-wrap.recaptcha iframe {
    pointer-events: none !important;
}

.hidden-captcha .sssf7-form-control-wrap.recaptcha.is-visible {
    opacity: 1;
    pointer-events: auto !important;
}

.hidden-captcha .sssf7-form-control-wrap.recaptcha.is-visible iframe {
    pointer-events: auto !important;
}



.warianty__container {
    background-color: var(--bg-color);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 3rem 3rem calc(1rem + 70px);
}

.warianty__header {
    font-family: var(--font-primary);
    color: var(--color-warmblack);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
    width: 100%;
    text-align: center;
    text-wrap: balance;
}

.warianty__subheader {
    font-family: var(--font-primary);
    color: var(--color-warmblack);
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    text-wrap: balance;
}

.warianty__cena {
    font-family: var(--font-primary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
    width: 100%;
    text-align: center;
    text-wrap: balance;
}

.warianty__container img {
    isolation: isolate;
    mix-blend-mode: multiply;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.warianty-image__wrapper {
    width: 100%;
}

.warianty__lista {
    padding: 0;
    margin: 0 0 2rem 0;
    width: 100%;
}

.warianty__lista li {
    padding: 5px 0;
    margin: 0;
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
    width: 100%;
    text-align: left;
    text-wrap: balance;
    border-bottom: 1px solid gray;
    list-style: none;
}

.warianty .btn-arrow.btn-cennik {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 70px;
    backdrop-filter: brightness(0.9);
    justify-content: center;
}

.two-cols-list {
    column-count: 2;
    column-gap: 3rem;
}

.two-cols-list p {
    break-inside: avoid;
    font-size: 1.2rem;
    font-weight: 400;
    padding-bottom: .5rem;
    padding-left: 28px;
    margin: 0 0 1rem 0;
    position: relative;
    color: var(--color-mutedblue);
}

.two-cols-list p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.22em;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23859ebe' d='M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

@media (width < 768px) {
    .two-cols-list {
        column-count: 1;
    }
}

@media (576px < width < 1200px) {
    .two-cols-list p {
        margin: 0 5%
    }
}


.nasi-specjalisci__pozostali .text-set-wrapper h3 {
    font-size: 1.45rem;
    display: inline-block;
    width: 100%;
}

.nasi-specjalisci__pozostali .text-set-wrapper p {
    font-size: 1.1rem;
    display: inline-block;
    margin-top: 10px;
}

.nasi-specjalisci__lekarze .text-set-wrapper h3 {
    font-size: 1.6rem;
}

.nasi-specjalisci__lekarze img,
.nasi-specjalisci__pozostali img {
    max-width: 100%;
}

.ceny__row-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ae8769;
    padding: 10px 0
}

.ceny__row-wrapper .ceny__item {
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--color-mutedblue);
    font-weight: 400;
}

.ceny__row-wrapper .ceny__price {
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--color-mutedblue);
    font-weight: 500;
    display: block;
    text-align: right;
    flex-shrink: 0;
    padding-left: 2rem;
}

.cennik__title {
    font-family: var(--font-primary);
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1%;
    width: 100%;
    font-weight: 500;
    margin-bottom: 1rem;
}

.cennik__title i {
    font-weight: 300;
    text-transform: lowercase;
    font-style: normal !important;
}

.cennik__section:not(:last-of-type) {
    padding-bottom: 3rem
}

.proces__numer {
    font-family: var(--font-primary);
    font-size: 4rem;
    color: #fff;
    font-weight: 600;
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

.proces__title {
    font-family: var(--font-primary);
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

.proces__tresc {
    font-family: var(--font-secondary);
    font-size: .9rem;
    font-weight: 300;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

.proces__slide-wrapper {
    align-items: start;
    padding: 3rem 1rem;
}

.co-wyroznia__title {
    font-family: var(--font-primary);
    font-size: 1.25rem;
    color: var(--color-warmblack);
    font-weight: 600;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    min-height: 55px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.co-wyroznia__tresc {
    font-family: var(--font-secondary);
    font-size: .9rem;
    font-weight: 300;
    color: var(--color-mutedblue);
    text-align: center
}

.sekcje-dodatkowe__content p {
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 145%;
    font-family: var(--font-primary);
    margin: 0 0 10px 0 !important
}

.sekcje-dodatkowe__content ul {
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 145%;
    font-family: var(--font-primary);
    margin: 20px 0 20px 0 !important;
    padding-left: 20px;
}

.sekcje-dodatkowe__content li {
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 145%;
    font-family: var(--font-primary);
    margin: 0 0 10px 0 !important
}

.sekcje-dodatkowe__content a {
    font-weight: 500;
    text-decoration: underline;
    color: inherit
}

.sekcje-dodatkowe__content a:hover {
    text-decoration: none;
}

#google-map {
    width: 100%;
    height: clamp(420px, 48vw, 620px);
    filter: saturate(0.85) contrast(0.96);
}

#google-map .map-popup {
    padding-bottom: 20px;
}

#google-map .map-popup .map-popup__header {
    font-size: 1.2rem;
    font-family: var(--font-primary);
    color: var(--color-mutedblue);
    margin: 0 0 1rem 0;
}

#google-map .map-popup .map-popup__address p {
    font-size: 1rem;
    font-family: var(--font-primary);
    color: var(--color-mutedblue);
    font-weight: 400;
    margin: 0 0 1rem 0;
}

#google-map .map-popup .map-popup__link {
    font-size: 1rem;
    font-family: var(--font-primary);
    color: #365dad;
    margin: 0 0 1rem 0;
    font-weight: 500;
    text-decoration: none;
}

#google-map .map-popup .map-popup__link:hover {
    text-decoration: underline;
}