@charset "UTF-8";
@keyframes lightboxLoader {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes gfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes gfadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes gslideInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-60%, 0, 0)
    }
    to {
        visibility: visible;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideOutLeft {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes gslideInRight {
    0% {
        opacity: 0;
        visibility: visible;
        transform: translate3d(60%, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideOutRight {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@keyframes gzoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 1
    }
}

@keyframes gzoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999 !important;
    overflow: hidden;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    backface-visibility: hidden;
    outline: 0
}

.glightbox-container.inactive, .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster, .gslide-video.playing::before {
    display: none
}

.glightbox-container .gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden
}

.glightbox-container .gslider {
    transition: transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transform: translate3d(0, 0, 0)
}

.glightbox-container .gslide {
    width: 100%;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0
}

.glightbox-container .gslide.current {
    opacity: 1;
    z-index: 99999;
    position: relative
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999
}

.glightbox-container .ginner-container.gvideo-container, .glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 100%;
    margin: auto;
    height: 100vh
}

.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
    max-width: 100% !important
}

.gslide iframe, .gslide video {
    outline: 0 !important;
    border: 0;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    touch-action: auto
}

.gslide:not(.current) {
    pointer-events: none
}

.gslide-image {
    align-items: center
}

.gslide-image img {
    max-height: 100vh;
    display: block;
    padding: 0;
    float: none;
    outline: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    max-width: 100vw;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    touch-action: none;
    margin: auto;
    min-width: 200px
}

.desc-bottom .gslide-image img, .desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img, .desc-right .gslide-image img {
    width: auto;
    max-width: 100%
}

.gslide-image img.zoomable, .gslide-video {
    position: relative
}

.gslide-image img.dragging {
    cursor: grabbing !important;
    transition: none
}

.gslide-video {
    max-width: 100vh;
    width: 100% !important
}

.gslide-video .gvideo-wrapper {
    width: 100%;
    margin: auto
}

.gslide-video::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 0, .34);
    display: none
}

.gslide-video.fullscreen {
    max-width: 100% !important;
    min-width: 100%;
    height: 75vh
}

.gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important
}

.gslide-inline {
    background: #fff;
    text-align: left;
    max-height: calc(100vh - 40px);
    overflow: auto;
    max-width: 100%;
    margin: auto
}

.gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%
}

.gslide-inline .dragging {
    cursor: grabbing !important;
    transition: none
}

.ginlined-content {
    overflow: auto;
    display: block !important;
    opacity: 1
}

.gslide-external {
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 75vh;
    height: 100%
}

.gslide-media {
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    box-shadow: none !important
}

.desc-bottom .gslide-media, .desc-top .gslide-media {
    margin: 0 auto;
    flex-direction: column
}

.gslide-description {
    position: relative;
    flex: 1 0 100%
}

.gslide-description.description-left, .gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom, .gslide-description.description-top {
    margin: 0 auto;
    width: 100%
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p:last-child {
    margin-bottom: 0
}

.glightbox-button-hidden, .zoomed .gslide-description {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    height: auto !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    max-width: 100vw !important;
    order: 2 !important;
    max-height: 78vh;
    overflow: auto !important;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .75) 100%);
    transition: opacity .3s linear;
    padding: 19px 11px 50px
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: 700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    transition: opacity .5s ease;
    opacity: .4
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    transition: opacity .5s ease;
    opacity: 1
}

.greset {
    transition: all .3s ease
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none !important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    height: 25px;
    width: 25px;
    animation: lightboxLoader .8s infinite linear;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%
}

.goverlay {
    width: 100%;
    height: calc(100vh + 1px);
    position: fixed;
    top: -1px;
    left: 0;
    will-change: opacity
}

.glightbox-mobile .goverlay, .goverlay {
    background: #000
}

.gclose, .gnext, .gprev {
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.gclose svg, .gnext svg, .gprev svg {
    display: block;
    width: 25px;
    height: auto;
    margin: 0;
    padding: 0
}

.gclose.disabled, .gnext.disabled, .gprev.disabled {
    opacity: .1
}

.gclose .garrow, .gnext .garrow, .gprev .garrow {
    stroke: #fff
}

.gbtn.focused {
    outline: 2px solid #0f3d81
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
    opacity: 0 !important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: 400;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em
}

.glightbox-clean .gslide-desc {
    font-size: .86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: rgba(0, 0, 0, .75);
    border-radius: 4px
}

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
    fill: #fff
}

.glightbox-clean .gnext, .glightbox-clean .gprev {
    position: absolute;
    top: -100%;
    width: 40px;
    height: 50px
}

.glightbox-clean .gprev {
    left: 30px
}

.glightbox-clean .gnext {
    right: 30px
}

.glightbox-clean .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute
}

.glightbox-clean .gclose svg {
    width: 18px;
    height: auto
}

.air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after, .glightbox-clean .gclose:hover {
    opacity: 1
}

.gfadeIn {
    animation: gfadeIn .5s ease
}

.gfadeOut {
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    animation: gslideInRight .3s ease
}

.gzoomIn {
    animation: gzoomIn .5s ease
}

.gzoomOut {
    animation: gzoomOut .5s ease
}

.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-, .-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month-, .air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month)
}

.air-datepicker-cell.-day-.-other-month-:hover, .air-datepicker-cell.-year-.-other-decade-:hover {
    color: var(--adp-color-other-month-hover)
}

.-selected-.air-datepicker-cell.-day-.-other-month-, .-selected-.air-datepicker-cell.-year-.-other-decade- {
    color: #fff;
    background: var(--adp-background-color-selected-other-month)
}

.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-, .-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background: var(--adp-background-color-selected-other-month-focused)
}

.-in-range-.air-datepicker-cell.-day-.-other-month-, .-in-range-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range);
    color: var(--adp-color)
}

.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-, .-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range-focused)
}

.air-datepicker-cell.-day-.-other-month-:empty, .air-datepicker-cell.-year-.-other-decade-:empty {
    background: 0 0;
    border: 0
}

.air-datepicker-cell {
    border-radius: var(--adp-cell-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.air-datepicker-cell.-focus- {
    background: var(--adp-cell-background-color-hover)
}

.air-datepicker-cell.-current-.-focus- {
    color: var(--adp-color)
}

.air-datepicker-cell.-disabled- {
    cursor: default;
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-current-.-focus-, .air-datepicker-cell.-disabled-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-in-range- {
    color: var(--adp-color-disabled-in-range)
}

.air-datepicker-cell.-in-range- {
    background: var(--adp-cell-background-color-in-range);
    border-radius: 0
}

.air-datepicker-cell.-in-range-:hover {
    background: var(--adp-cell-background-color-in-range-hover)
}

.air-datepicker-cell.-range-from-, .air-datepicker-cell.-range-to- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)
}

.air-datepicker-cell.-range-to- {
    border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0
}

.air-datepicker-cell.-range-to-.-range-from- {
    border-radius: var(--adp-cell-border-radius)
}

.air-datepicker-cell.-selected- {
    border: 0
}

.air-datepicker-cell.-selected-, .air-datepicker-cell.-selected-.-current- {
    color: #fff;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-focus- {
    background: var(--adp-cell-background-color-selected-hover)
}

.air-datepicker-body {
    transition: all var(--adp-transition-duration) var(--adp-transition-ease)
}

.air-datepicker-body.-hidden- {
    display: none
}

.air-datepicker-body--day-names {
    display: grid;
    grid-template-columns:repeat(7, var(--adp-day-cell-width));
    margin: 8px 0 3px
}

.air-datepicker-body--day-name {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.air-datepicker-body--day-name.-clickable- {
    cursor: pointer
}

.air-datepicker-body--day-name.-clickable-:hover {
    color: var(--adp-day-name-color-hover)
}

.air-datepicker-body--cells {
    display: grid
}

.air-datepicker-body--cells.-days- {
    grid-template-columns:repeat(7, var(--adp-day-cell-width));
    grid-auto-rows: var(--adp-day-cell-height)
}

.air-datepicker-body--cells.-months- {
    grid-template-columns:repeat(3, 1fr);
    grid-auto-rows: var(--adp-month-cell-height)
}

.air-datepicker-body--cells.-years- {
    grid-template-columns:repeat(4, 1fr);
    grid-auto-rows: var(--adp-year-cell-height)
}

.air-datepicker-nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--adp-border-color-inner);
    min-height: var(--adp-nav-height);
    padding: var(--adp-padding);
    box-sizing: content-box
}

.-only-timepicker- .air-datepicker-nav {
    display: none
}

.air-datepicker-nav--action, .air-datepicker-nav--title {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.air-datepicker-nav--action {
    width: var(--adp-nav-action-size);
    border-radius: var(--adp-border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.air-datepicker-nav--action:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--action:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--action.-disabled- {
    visibility: hidden
}

.air-datepicker-nav--action svg {
    width: 32px;
    height: 32px
}

.air-datepicker-nav--action path {
    fill: none;
    stroke: var(--adp-nav-arrow-color);
    stroke-width: 2px
}

.air-datepicker-nav--title {
    border-radius: var(--adp-border-radius);
    padding: 0 8px
}

.air-datepicker-nav--title i {
    font-style: normal;
    color: var(--adp-nav-color-secondary);
    margin-left: .3em
}

.air-datepicker-nav--title:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--title:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--title.-disabled- {
    cursor: default;
    background: 0 0
}

.air-datepicker-buttons {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

.air-datepicker-button {
    display: inline-flex;
    color: var(--adp-btn-color);
    border-radius: var(--adp-btn-border-radius);
    cursor: pointer;
    height: var(--adp-btn-height);
    border: 0;
    background: 0 0
}

.air-datepicker-button:hover {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover)
}

.air-datepicker-button:focus {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover);
    outline: 0
}

.air-datepicker-button:active {
    background: var(--adp-btn-background-color-active)
}

.air-datepicker-button span {
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.air-datepicker-time {
    display: grid;
    grid-template-columns:max-content 1fr;
    grid-column-gap: 12px;
    align-items: center;
    position: relative;
    padding: 0 var(--adp-time-padding-inner)
}

.-only-timepicker- .air-datepicker-time {
    border-top: none
}

.air-datepicker-time--current {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: .875rem;
    text-align: center
}

.air-datepicker-time--current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes {
    line-height: 1;
    font-size: 1.1875rem;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
    content: "";
    background: var(--adp-background-color-hover);
    border-radius: var(--adp-border-radius);
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.air-datepicker-time--current-ampm {
    text-transform: uppercase;
    align-self: flex-end;
    color: var(--adp-time-day-period-color);
    margin-left: 6px;
    font-size: .6875rem;
    margin-bottom: 1px
}

.air-datepicker-time--row {
    display: flex;
    align-items: center;
    font-size: .6875rem;
    height: 17px;
    background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat
}

.air-datepicker-time--row:first-child {
    margin-bottom: 4px
}

.air-datepicker-time--row input[type=range] {
    background: 0 0;
    cursor: pointer;
    flex: 1;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
    display: none
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:focus {
    outline: 0
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -moz-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -ms-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    margin-top: calc(var(--adp-time-thumb-size) / 2 * -1)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
    border: 0;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
    border: 0;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-ms-track {
    border: 0;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.air-datepicker {
    --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --adp-font-size: 14px;
    --adp-width: 246px;
    --adp-z-index: 100;
    --adp-padding: 4px;
    --adp-grid-areas: "nav" "body" "timepicker" "buttons";
    --adp-transition-duration: .3s;
    --adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;
    --adp-background-color: #fff;
    --adp-background-color-hover: #f0f0f0;
    --adp-background-color-active: #eaeaea;
    --adp-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
    --adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: #4eb5e6;
    --adp-color-current-date: var(--adp-accent-color);
    --adp-color-other-month: #dedede;
    --adp-color-disabled: #aeaeae;
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: #c5c5c5;
    --adp-border-color: #dbdbdb;
    --adp-border-color-inner: #efefef;
    --adp-border-radius: 4px;
    --adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: var(--adp-color-secondary);
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: var(--adp-color-secondary);
    --adp-day-name-color: #ff9a19;
    --adp-day-name-color-hover: #8ad5f4;
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 32px;
    --adp-month-cell-height: 42px;
    --adp-year-cell-height: 56px;
    --adp-pointer-size: 10px;
    --adp-poiner-border-radius: 2px;
    --adp-pointer-offset: 14px;
    --adp-cell-border-radius: 4px;
    --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: #5cc4ef;
    --adp-cell-background-color-selected-hover: #45bced;
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);
    --adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);
    --adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);
    --adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;
    --adp-time-track-color-hover: #b1b1b1;
    --adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;
    --adp-time-day-period-color: var(--adp-color-secondary);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px
}

.air-datepicker-overlay {
    --adp-overlay-background-color: rgba(0, 0, 0, .3);
    --adp-overlay-transition-duration: .3s;
    --adp-overlay-transition-ease: ease-out;
    --adp-overlay-z-index: 99
}

.air-datepicker {
    background: var(--adp-background-color);
    border: 1px solid var(--adp-border-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: var(--adp-border-radius);
    box-sizing: content-box;
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(4, max-content);
    grid-template-areas:var(--adp-grid-areas);
    font-family: var(--adp-font-family), sans-serif;
    font-size: var(--adp-font-size);
    color: var(--adp-color);
    width: var(--adp-width);
    position: absolute;
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
    z-index: var(--adp-z-index)
}

.air-datepicker:not(.-custom-position-) {
    opacity: 0
}

.air-datepicker.-from-top- {
    transform: translateY(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-from-right- {
    transform: translateX(var(--adp-transition-offset))
}

.air-datepicker.-from-bottom- {
    transform: translateY(var(--adp-transition-offset))
}

.air-datepicker.-from-left- {
    transform: translateX(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-active-:not(.-custom-position-) {
    transform: translate(0, 0);
    opacity: 1
}

.air-datepicker.-active-.-custom-position- {
    transition: none
}

.air-datepicker.-inline- {
    border-color: var(--adp-border-color-inline);
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    transform: none
}

.air-datepicker.-inline- .air-datepicker--pointer, .air-datepicker.-is-mobile- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile- {
    --adp-font-size: var(--adp-mobile-font-size);
    --adp-day-cell-height: var(--adp-mobile-day-cell-height);
    --adp-month-cell-height: var(--adp-mobile-month-cell-height);
    --adp-year-cell-height: var(--adp-mobile-year-cell-height);
    --adp-nav-height: var(--adp-mobile-nav-height);
    --adp-nav-action-size: var(--adp-mobile-nav-height);
    position: fixed;
    width: var(--adp-mobile-width);
    border: 0
}

.air-datepicker.-is-mobile- * {
    -webkit-tap-highlight-color: transparent
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
    transform: translate(-50%, calc(-50% + var(--adp-transition-offset)))
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
    transform: translate(-50%, -50%)
}

.air-datepicker.-custom-position- {
    transition: none
}

.air-datepicker-global-container {
    position: absolute;
    left: 0;
    top: 0
}

.air-datepicker--pointer, .air-datepicker--pointer:after {
    position: absolute;
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size)
}

.air-datepicker--pointer {
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);
    z-index: -1
}

.air-datepicker--pointer:after {
    content: "";
    background: #fff;
    border-top: 1px solid var(--adp-border-color-inline);
    border-right: 1px solid var(--adp-border-color-inline);
    border-top-right-radius: var(--adp-poiner-border-radius);
    box-sizing: border-box
}

.-top-center- .air-datepicker--pointer, .-top-left- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer {
    top: calc(100% - var(--pointer-half-size) + 1px)
}

.-top-center- .air-datepicker--pointer:after, .-top-left- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after {
    transform: rotate(135deg)
}

.-right-bottom- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer {
    right: calc(100% - var(--pointer-half-size) + 1px)
}

.-right-bottom- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-top- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after {
    transform: rotate(225deg)
}

.-bottom-center- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer {
    bottom: calc(100% - var(--pointer-half-size) + 1px)
}

.-bottom-center- .air-datepicker--pointer:after, .-bottom-left- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after {
    transform: rotate(315deg)
}

.-left-bottom- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-top- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer {
    left: calc(100% - var(--pointer-half-size) + 1px)
}

.-left-bottom- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-top- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after {
    transform: rotate(45deg)
}

.-bottom-left- .air-datepicker--pointer, .-top-left- .air-datepicker--pointer {
    left: var(--adp-pointer-offset)
}

.-bottom-right- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer {
    right: var(--adp-pointer-offset)
}

.-bottom-center- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer {
    left: calc(50% - var(--adp-pointer-size) / 2)
}

.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
    top: var(--adp-pointer-offset)
}

.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
    bottom: var(--adp-pointer-offset)
}

.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
    top: calc(50% - var(--adp-pointer-size) / 2)
}

.air-datepicker--navigation {
    grid-area: nav
}

.air-datepicker--content {
    box-sizing: content-box;
    padding: var(--adp-padding);
    grid-area: body
}

.-only-timepicker- .air-datepicker--content {
    display: none
}

.air-datepicker--time {
    grid-area: timepicker
}

.air-datepicker--buttons {
    grid-area: buttons
}

.air-datepicker--buttons, .air-datepicker--time {
    padding: var(--adp-padding);
    border-top: 1px solid var(--adp-border-color-inner)
}

.air-datepicker-overlay {
    position: fixed;
    background: var(--adp-overlay-background-color);
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    z-index: var(--adp-overlay-z-index)
}

.air-datepicker-overlay.-active- {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s
}

*, ::after, ::before {
    box-sizing: border-box;
    background-repeat: no-repeat
}

::after, ::before {
    text-decoration: inherit;
    vertical-align: inherit
}

:where(:root) {
    cursor: default;
    line-height: 1.5;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%
}

:where(body), :where(dl, ol, ul) :where(dl, ol, ul) {
    margin: 0
}

:where(h1) {
    font-size: 2em;
    margin: .67em 0
}

:where(hr) {
    color: inherit;
    height: 0
}

:where(nav) :where(ol, ul) {
    list-style-type: none;
    padding: 0
}

:where(nav li)::before {
    content: "​";
    float: left
}

:where(pre) {
    font-family: monospace, monospace;
    font-size: 1em;
    overflow: auto
}

:where(abbr[title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(b, strong) {
    font-weight: bolder
}

:where(code, kbd, samp) {
    font-family: monospace, monospace;
    font-size: 1em
}

:where(small) {
    font-size: 80%
}

:where(audio, canvas, iframe, img, svg, video) {
    vertical-align: middle
}

:where(iframe) {
    border-style: none
}

:where(svg:not([fill])) {
    fill: currentColor
}

:where(table) {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

:where(button, input, select) {
    margin: 0
}

:where(button, [type=button i], [type=reset i], [type=submit i]) {
    -webkit-appearance: button
}

:where(fieldset) {
    border: 1px solid #a0a0a0
}

:where(progress) {
    vertical-align: baseline
}

:where(textarea) {
    margin: 0;
    resize: vertical
}

:where([type=search i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

:where(dialog:not([open])) {
    display: none
}

:where(details > summary:first-of-type) {
    display: list-item
}

:where([aria-busy=true i]) {
    cursor: progress
}

:where([aria-controls]) {
    cursor: pointer
}

:where([aria-disabled=true i], [disabled]) {
    cursor: not-allowed
}

:where([aria-hidden=false i][hidden]) {
    display: initial
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

:where(button, input, select, textarea) {
    background-color: transparent;
    border: 1px solid WindowFrame;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    padding: .25em .375em
}

:where(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center/1em;
    border-radius: 0;
    padding-right: 1em
}

:where(select[multiple]) {
    background-image: none
}

:where([type=color i], [type=range i]) {
    border-width: 0;
    padding: 0
}

:where(iframe, img, input, video, select, textarea) {
    height: auto;
    max-width: 100%
}

html {
    font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

code, kbd, pre, samp {
    font-family: ui-monospace, "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

:root {
    --color-black: #000;
    --color-white: #fff;
    --body-color: var(--front-primary);
    --body-bg: var(--back-secondary);
    --font-base: var(--font-sans);
    --font-sans: "Wix Madefor Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu",
    "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
    --font-serif: Georgia, "Times New Roman", Times, serif;
    --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, "Courier New", monospace;
    --font-size-root: 100%;
    --font-size-base: 1rem;
    --font-weight-base: 400;
    --line-height-base: 1.25;
    --neutral-100: #fff;
    --neutral-200: #eef3f9;
    --neutral-300: #b9bec9;
    --neutral-500: #696e82;
    --neutral-500-64p: rgba(105 100 130 / 64%);
    --neutral-700: #494a52;
    --neutral-800: #2f3038;
    --neutral-800-32p: rgba(47 48 56 / 32%);
    --neutral-800-64p: rgba(47 48 56 / 64%);
    --blue-100: #d9e0f2;
    --blue-300: #8d9dd7;
    --blue-500: #4159bd;
    --blue-700: #2c4198;
    --green-100: #f5fcfc;
    --green-200: #b1edea;
    --green-300: #3cd1cb;
    --green-400: #13c7bf;
    --red-100: #fff2f2;
    --red-300: #fc8181;
    --red-500: #fc1234;
    --red-500-64p: rgba(252 18 52 / 64%);
    --violet-500: #9747ff;
    --front-primary: var(--neutral-700);
    --front-secondary: var(--neutral-500);
    --front-tertiary: var(--neutral-300);
    --front-quaternary: var(--blue-300);
    --front-fifthly: var(--blue-100);
    --front-invert: var(--neutral-100);
    --front-brand: var(--blue-500);
    --front-brand-hover: var(--blue-700);
    --front-error: var(--red-500);
    --front-alarm: var(--red-300);
    --front-dark: var(--neutral-800);
    --back-primary: var(--neutral-100);
    --back-primary-60p: rgba(255 255 255 / 60%);
    --back-primary-80p: rgba(255 255 255 / 80%);
    --back-secondary: var(--neutral-200);
    --back-tertiary: var(--blue-100);
    --back-quternary: var(--neutral-500);
    --back-important: var(--blue-300);
    --back-error: var(--red-500);
    --back-alarm: var(--red-300);
    --back-alarm-light: var(--red-100);
    --back-section-form-gradient: linear-gradient(180deg, #fefefd 0%, #eef3f9 52%, #eef3f9 100%);
    --back-panel-gradient: linear-gradient(180deg, #f3f7fe 0%, #f2f5fc 52%, #dee3fa 100%);
    --back-call-gradient: linear-gradient(180deg, #fefefd 0%, #f8f8f8 52%, #f3f3f3 100%);
    --back-panel-after: #dee3fa;
    --border-primary: var(--neutral-200);
    --button-color-default: var(--blue-500);
    --button-color-hover: var(--blue-700);
    --button-color-focus: var(--blue-300);
    --divider-color-default: var(--neutral-300);
    --footer-bg-color: var(--back-tertiary);
    --footer-bottom-bg-color: var(--neutral-500);
    --input-border-color: var(--neutral-800-32p);
    --input-border-color-focus: var(--neutral-800-64p);
    --input-placeholder-color: var(--neutral-500-64p);
    --input-placeholder-color-focus: var(--neutral-200);
    --input-bg-header-search: var(--neutral-200);
    --input-border-header-search: var(--neutral-100);
    --telegram-color-brand: #4a97d1;
    --telegram-color-hover: #2470a9;
    --whatsapp-color-brand: #37c62b;
    --whatsapp-color-hover: #2FA725;
    --darker-bg-color: rgba(0 0 0 / 25%);
    --box-shadow-default: -5px 61px 17px #000, -3px 39px 16px #000, -2px 22px 13px #000, -1px 10px 10px #000, 0 2px 5px #000;
    --box-shadow-license: 0 2px 5px 0 rgba(0 0 0 / 6%),
    -1px 10px 10px 0 rgba(0 0 0 / 5%),
    -2px 22px 13px 0 rgba(0 0 0 / 3%),
    -3px 39px 16px 0 rgba(0 0 0 / 1%);
    --z-index-nav-desktop: 7;
    --z-index-darker: 6;
    --z-index-nav: 5;
    --z-index-socials: 4;
    --z-index-header: 3;
    --z-index-section-header: 2;
    --z-index-base: 1;
    --transition-default: .25s ease-in-out;
    --transition-more: .3s ease-in-out;
    --page-padding: 16px;
    --header-heigth: 74px;
    font-size: var(--font-size-root)
}

.popup__window--video #video-modal-inner, body, html {
    height: 100%
}

html {
    min-width: 320px;
    min-height: 100%;
    font-size: var(--font-size-root);
    font-family: sans-serif;
    line-height: normal;
    -webkit-tap-highlight-color: rgb(var(--color-black) 0);
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

html.glightbox-open {
    overflow: inherit
}

body {
    margin: 0;
    color: var(--body-color);
    font-weight: var(--font-weight-base);
    font-size: var(--font-size-base);
    font-family: var(--font-base);
    line-height: var(--line-height-base);
    background-color: var(--body-bg)
}

body[data-state=nav-open] {
    overflow: hidden;
    padding-right: var(--css-scroll-size)
}

.grecaptcha-badge {
    visibility: hidden !important
}

svg {
    display: block
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0
}

[hidden] {
    display: none
}

.hystmodal {
    position: fixed;
    inset: 0;
    z-index: 99;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    overflow: hidden;
    overflow-y: auto;
    visibility: hidden;
    opacity: 1;
    pointer-events: none;
    -webkit-overflow-scrolling: touch
}

.hystmodal--active {
    opacity: 1
}

.hystmodal--active, .hystmodal--moved {
    visibility: visible;
    pointer-events: auto
}

.hystmodal__wrap {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    margin: auto;
    background-color: rgba(0, 0, 0, .25)
}

.hystmodal__window {
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%;
    overflow: visible;
    transform: scale(.9);
    opacity: 0;
    transition: transform .2s ease 0s, opacity .2s ease 0s
}

.hystmodal--active .hystmodal__window {
    transform: scale(1);
    opacity: 1
}

.hystmodal__shadow {
    position: fixed;
    inset: 0;
    z-index: 98;
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    border: 0;
    opacity: 0;
    transition: opacity .15s ease;
    pointer-events: none
}

.hystmodal__shadow--show {
    opacity: .6;
    pointer-events: auto
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper, .swiper-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

@font-face {
    font-weight: 400;
    font-family: "Wix Madefor Display";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/WixMadeforDisplay-Regular.woff2) format("woff2")
}

@font-face {
    font-weight: 600;
    font-family: "Wix Madefor Display";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/WixMadeforDisplay-SemiBold.woff2) format("woff2")
}

@font-face {
    font-weight: 700;
    font-family: "Wix Madefor Display";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/WixMadeforDisplay-Bold.woff2) format("woff2")
}

.about-levels {
    max-width: 1392px;
    margin: 0 auto
}

.about-levels__grid {
    display: grid;
    gap: 32px
}

.about-levels__footer {
    margin-top: 48px
}

.about-levels__subtitle {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0 0 32px
}

.about-levels__row {
    display: grid;
    gap: 32px
}

.about-tile__info, .about-tile__inner {
    display: grid;
    gap: 16px
}

.about-tile__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0
}

.about-tile__descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.about-tile__button {
    justify-self: start
}

.about-tile__image {
    border-radius: 32px
}

.about-video {
    max-width: 1392px;
    margin: 0 auto
}

.about-video__info, .about-video__inner {
    display: grid;
    gap: 16px
}

.about-video__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0
}

.about-video__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.about-video__frame {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 32px;
    aspect-ratio: 16/9
}

.about-video__frame iframe {
    width: 100%;
    height: 100%
}

.action-block__banner {
    position: relative;
    margin-bottom: 48px;
    overflow: hidden;
    border-radius: 32px
}

.action-block__banner-label {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    position: absolute;
    top: 32px;
    left: 32px;
    z-index: var(--z-index-base);
    display: none;
    padding: 10px 20px;
    color: var(--front-invert);
    background-color: var(--back-alarm);
    border-radius: 32px
}

.action-block__banner-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/.6
}

.action-block__form {
    margin-top: 64px
}

.action-block__footer {
    padding-top: 16px
}

.action-block__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em
}

.action-block__grid {
    display: grid;
    gap: 16px
}

.action-minitile {
    padding: 16px
}

.action-minitile__image {
    border-radius: 32px
}

.action-minitile__inner {
    display: grid;
    gap: 16px;
    padding: 16px 0
}

.action-minitile__descr, .action-minitile__title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    margin: 0
}

.action-minitile__descr {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    color: var(--front-secondary)
}

.action-minitile__button {
    justify-self: start
}

.action-tile {
    position: relative;
    height: 100%;
    overflow: hidden;
    background-color: var(--tile-bg-color);
    border-radius: 32px
}

.action-tile__inner {
    padding: 16px 16px 0
}

.action-tile__inner::after {
    display: block;
    content: "";
    aspect-ratio: 1/1.1836
}

.action-tile--short .action-tile__inner::after {
    aspect-ratio: 1/.8425
}

.action-tile__info {
    position: relative;
    z-index: var(--z-index-base);
    display: grid;
    gap: 16px;
    padding: 16px;
    background-color: var(--back-primary-60p);
    border: 2px solid var(var(--border-primary));
    border-radius: 32px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.action-tile__block {
    display: grid;
    gap: 8px
}

.action-tile__label {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

.action-tile__header {
    display: grid;
    gap: 16px
}

.action-tile__row {
    display: flex;
    gap: 16px;
    align-items: start;
    justify-content: space-between
}

.action-tile__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0
}

:is(.action-tile) .action-tile__icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px
}

.action-tile__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

:is(.action-tile) .action-tile__button {
    justify-self: start;
    padding: 16px 32px
}

.action-tile__image {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-mask-image: linear-gradient(180deg, transparent, var(--front-primary) 60px);
    mask-image: linear-gradient(180deg, transparent, var(--front-primary) 60px);
    aspect-ratio: 1/1.2427
}

.action-tile--short .action-tile__image {
    -o-object-position: 75% center;
    object-position: 75% center;
    aspect-ratio: 1/.9146
}

.actions-block__grid {
    display: grid;
    gap: 32px
}

.actions-block__footer {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    padding: 32px 0 64px
}

.actions-section__inner {
    position: relative;
    margin: 0 -16px;
    padding-top: 16px
}

.actions-section__slide {
    height: auto
}

.actions-section__button-next {
    width: 188px
}

.actions-section__button-next.swiper-button-disabled, .actions-section__button-next.swiper-button-lock {
    display: none
}

.actions-tile {
    padding: 16px;
    background-color: var(--back-secondary);
    border-radius: 32px
}

.actions-tile__image {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 32px;
    aspect-ratio: 1.5/1
}

.actions-tile__inner {
    display: grid;
    gap: 16px;
    padding: 16px 0 0
}

.actions-tile__descr, .actions-tile__title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    margin: 0
}

.actions-tile__descr {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429
}

:is(.actions-tile) .actions-tile__button {
    justify-self: start;
    background-color: var(--back-primary)
}

.article-author {
    display: grid;
    gap: 16px;
    padding: 16px;
    background: var(--back-secondary);
    border-radius: 32px
}

.article-author--service {
    max-width: 1392px;
    margin: -16px auto 24px
}

.article-author__image {
    width: 88px;
    height: 88px;
    border-radius: 50%
}

.article-author__inner {
    display: grid;
    gap: 4px
}

.article-author__label {
    font-weight: 600;
    color: var(--front-brand)
}

.article-author__label, .article-author__title, .article-block__body ul li {
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em
}

.article-author__title {
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    color: var(--front-dark)
}

.article-author__descr {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

.article-block {
    max-width: 800px;
    margin: 0 auto
}

.article-block__head, .article-block__inner {
    display: grid;
    gap: 32px
}

.article-block__head {
    margin-top: -16px
}

.article-block__body ul {
    max-width: 1188px;
    margin: 16px 0 0;
    padding-left: 24px
}

.article-block__body ul li {
    font-weight: 400
}

.article-block__body h2 {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0 0 16px
}

.article-block__body h2:not(:first-child) {
    margin-top: 32px
}

.article-block__body .article-block__alt, .article-block__body p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0
}

.article-block__body p + p {
    margin-top: 24px
}

.article-block__body .article-block__alt {
    font-weight: 600
}

.article-block__body p + .article-block__alt, .article-block__body ul + .article-block__alt {
    margin-top: 32px
}

.article-block__date, .audio-reviews__play.active .audio-reviews__icon--play {
    display: none
}

.article-block__back {
    display: inline-block;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 24px 0 0
}

.article-block__icon {
    width: 30px;
    height: 16px
}

.audio-reviews {
    padding-top: 32px
}

.audio-reviews__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0 0 24px
}

.audio-reviews__carousel {
    margin: 0 -16px;
    padding: 0 16px
}

.audio-reviews__pill {
    display: grid;
    grid-template-columns:55px auto;
    gap: 18px;
    padding: 9px 16px 9px 9px;
    background-color: var(--back-secondary);
    border-radius: 40px
}

.audio-reviews__play {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.audio-reviews__icon {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1
}

.audio-reviews__button.swiper-button-disabled, .audio-reviews__button.swiper-button-lock, .audio-reviews__icon--pause {
    display: none
}

.audio-reviews__play.active .audio-reviews__icon--pause {
    display: block
}

.audio-reviews__wave {
    align-self: center
}

.audio-reviews__button {
    width: 188px
}

.blog-block__inner {
    display: grid;
    gap: 32px
}

.blog-block__head {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    margin-top: -16px
}

.blog-block__scroll {
    display: flex;
    width: calc(100% + 32px);
    margin: 0 -16px;
    overflow: auto hidden;
    scrollbar-width: none
}

.blog-block__scroll::after, .blog-block__scroll::before {
    display: block;
    flex-shrink: 0;
    width: 16px;
    content: ""
}

.blog-block__row {
    display: flex;
    gap: 16px
}

.blog-block__filter {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    width: 51px;
    white-space: nowrap;
    text-align: left
}

.blog-block__filter:first-child {
    width: 141px
}

.blog-block__filter--active {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: var(--front-brand)
}

.blog-block__grid {
    display: grid;
    gap: 64px
}

.blog-block__footer {
    display: flex;
    justify-content: center
}

.blog-section__list {
    display: grid;
    gap: 32px
}

.blog-section__footer {
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.blog-tile {
    display: grid;
    gap: 32px;
    max-width: 920px
}

.blog-tile__image {
    border-radius: 32px
}

.blog-tile__inner {
    display: grid;
    gap: 16px;
    align-self: start
}

.blog-tile__title {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.1819;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-brand)
}

.blog-tile__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

:is(.blog-tile) .blog-tile__more {
    justify-self: start;
    color: var(--front-secondary)
}

.breadcrumbs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 24px
}

.breadcrumbs__item {
    display: flex
}

.breadcrumbs__link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    color: var(--front-tertiary)
}

.breadcrumbs__link, .breadcrumbs__span, .button {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em
}

.button {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.3334;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    padding: 16px;
    color: var(--front-invert);
    background-color: var(--button-color-default);
    border-radius: 64px;
    transition: all var(--transition-default)
}

.button:focus-visible {
    outline-width: 4px
}

.button--px {
    padding: 16px 32px
}

.button--disabled, .button[disabled] {
    opacity: .3;
    pointer-events: none
}

.button--secondary, .button--tertiary {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    padding: 14px 32px
}

.button--tertiary {
    padding: 12px 32px;
    color: var(--front-brand);
    background-color: transparent;
    border: 2px solid var(--front-brand)
}

.button--call {
    width: 100%;
    text-align: center;
    background-color: var(--back-error)
}

.button-arrow {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    padding: 18px 24px;
    background-color: #fff;
    border-radius: 32px;
    transition: all var(--transition-default)
}

.button-arrow:focus-visible, .button-burger:focus-visible {
    outline-width: 4px
}

.button-arrow__arrow {
    position: relative;
    min-width: 16px;
    height: 16px;
    transition: scale var(--transition-default)
}

.button-arrow__arrow::before {
    position: absolute;
    width: 11px;
    height: 11px;
    border-top: 2px solid var(--front-brand);
    border-left: 2px solid var(--front-brand);
    content: ""
}

.button-arrow--prev .button-arrow__arrow::before {
    left: 0;
    transform: translateY(2.5px) rotate(-45deg)
}

.button-arrow--next .button-arrow__arrow::before {
    right: 0;
    transform: translateY(2.5px) rotate(135deg)
}

.button-arrow__arrow::after {
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--front-brand);
    transform: translateY(-1px);
    content: ""
}

.button-burger {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 4px;
    background-color: var(--button-color-default);
    border-radius: 50%
}

.button-burger__line-bl, .button-burger__line-br, .button-burger__line-cl, .button-burger__line-cr, .button-burger__line-tl, .button-burger__line-tr {
    position: absolute;
    display: block;
    width: 12px;
    height: 2px;
    background-color: var(--front-invert);
    transform: rotate(0deg);
    opacity: 1;
    transition: var(--transition-default)
}

.button-burger__line-bl, .button-burger__line-cl, .button-burger__line-tl {
    border-radius: 1px 0 0 1px
}

.button-burger__line-br, .button-burger__line-cr, .button-burger__line-tr {
    border-radius: 0 1px 1px 0
}

.button-burger__line-tl {
    transform: translate(-50%, -6px);
    transform-origin: right center
}

.button-burger__line-tr {
    transform: translate(50%, -6px);
    transform-origin: left center
}

.button-burger__line-cl {
    transform: translate(-50%, 0)
}

.button-burger__line-cr {
    transform: translate(50%, 0)
}

.button-burger__line-bl {
    transform: translate(-50%, 6px);
    transform-origin: right center
}

.button-burger__line-br {
    transform: translate(50%, 6px);
    transform-origin: left center
}

[data-state=nav-open] .button-burger__line-tl {
    transform: translate(-50%, 0) rotate(45deg)
}

[data-state=nav-open] .button-burger__line-tr {
    transform: translate(50%, 0) rotate(-45deg)
}

[data-state=nav-open] .button-burger__line-cl {
    transform: translate(-100%, 0);
    opacity: 0
}

[data-state=nav-open] .button-burger__line-cr {
    transform: translate(100%, 0);
    opacity: 0
}

[data-state=nav-open] .button-burger__line-bl {
    transform: translate(-50%, 0) rotate(-45deg)
}

[data-state=nav-open] .button-burger__line-br {
    transform: translate(50%, 0) rotate(45deg)
}

.button-iconed {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    padding: 4px;
    color: var(--front-invert);
    background-color: var(--button-color-default);
    border-radius: 50%
}

.button-iconed:focus-visible, .button-more:focus-visible {
    outline-width: 4px
}

.button-iconed__icon {
    width: 32px;
    height: 32px;
    color: inherit
}

.button-more, .button-more--plus {
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.button-more {
    margin: 0;
    background-color: transparent;
    text-decoration: none;
    outline: 0;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    position: relative;
    display: inline-block;
    height: 56px;
    padding: 16px 16px 16px 20px;
    color: inherit;
    background-color: var(--back-secondary);
    border-radius: 32px;
    transition: all var(--transition-default)
}

.button-more--plus {
    padding: 16px
}

.button-more::after {
    position: absolute;
    inset: 4px 4px 4px calc(100% - 52px);
    background-color: var(--front-brand);
    border-radius: 32px;
    transition: left var(--transition-more);
    content: "";
    will-change: left
}

.button-more--gray::after {
    background-color: var(--front-secondary)
}

.button-more__inner {
    position: relative;
    z-index: 2;
    display: inline-flex;
    gap: 23px;
    align-items: center;
    pointer-events: none
}

.button-more__title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    white-space: nowrap
}

.button-more--plus .button-more__title {
    display: none
}

.button-more__icon {
    width: 24px;
    height: 24px;
    color: var(--front-invert);
    stroke-width: 2px
}

.button-more--plus .button-more__icon, .call-section {
    position: relative
}

.button-more--plus .button-more__icon::after, .button-more--plus .button-more__icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 2px;
    background-color: var(--front-invert);
    transform: translate(-50%, -50%);
    transition: transform var(--transition-default);
    content: ""
}

.button-more--plus .button-more__icon::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.button-more--active .button-more__icon::before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.button-more--active .button-more__icon::after {
    transform: translate(-50%, -50%) rotate(0)
}

.call-section {
    z-index: var(--z-index-base);
    margin-bottom: -32px
}

.call-section__bg {
    background: var(--back-panel-gradient);
    border-radius: 32px 32px 0 0
}

.call-section--light .call-section__bg {
    background: var(--back-call-gradient)
}

.call-section__inner {
    position: relative
}

.call-section__info {
    position: relative;
    z-index: var(--z-index-base);
    display: grid;
    gap: 16px;
    padding: 16px 0
}

.call-section__descr, .call-section__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em;
    margin: 0
}

.call-section__descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    color: var(--front-secondary)
}

.call-section__row {
    display: grid;
    gap: 32px
}

.call-section__image {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

:is(.call-section) .call-section__factoid {
    position: absolute;
    z-index: var(--z-index-base);
    display: none;
    width: 180px
}

.call-slider {
    position: relative;
    margin-bottom: -32px
}

.call-slider .swiper-button-lock {
    display: none
}

.call-slider__bg {
    background: var(--back-call-gradient);
    border-radius: 32px 32px 0 0
}

.call-slider__slide {
    height: auto
}

.call-slider__footer {
    position: absolute;
    bottom: 0;
    z-index: var(--z-index-base);
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 32px 0 64px
}

.call-slider__button-next {
    width: 188px
}

.call-slider__inner {
    position: relative;
    padding: 0 0 56px
}

.call-slider__info {
    position: relative;
    z-index: var(--z-index-base);
    display: grid;
    gap: 16px;
    padding: 16px 0 40px
}

.call-slider__mark, .call-slider__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em;
    margin: 0
}

.call-slider__mark {
    font-size: 1.5rem;
    line-height: 1.125;
    color: var(--front-alarm)
}

.call-slider__mark span {
    color: var(--front-brand);
    white-space: nowrap
}

.call-slider__list {
    margin: 0;
    padding-left: 24px
}

.call-slider__item {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

.call-slider__row {
    display: grid;
    gap: 32px;
    margin-top: 16px
}

.call-slider__image {
    z-index: var(--z-index-base);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

.care--gray .section__inner {
    background-color: var(--back-secondary)
}

.care__info {
    display: grid;
    gap: 16px;
    align-content: start;
    padding: 16px 0
}

.care__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em;
    margin: 0
}

.care__text {
    display: grid;
    gap: 16px
}

.care__lead, .care__p {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.care__p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25
}

.care__tiles {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 8px
}

.care__tile {
    display: grid;
    gap: 16px;
    align-content: start;
    padding: 16px;
    background-color: var(--back-secondary);
    border-radius: 16px
}

.care--gray .care__tile {
    background-color: var(--back-primary)
}

.care__tile-inner {
    display: grid;
    gap: 8px
}

.care__tile-title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    margin: 0;
    word-break: break-word
}

.care__tile-descr {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.care__more {
    justify-self: start
}

.care--gray .care__more {
    color: var(--front-secondary)
}

.care__illustration {
    position: relative;
    padding: 22px 0 0
}

.care__image {
    width: 100%;
    height: auto
}

.care__action {
    display: grid;
    gap: 16px;
    justify-content: center;
    margin-top: -17px;
    padding: 30px;
    background-color: var(--back-primary-80p);
    border: 2px solid var(--border-primary);
    border-radius: 16px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.care__action-icon {
    margin: 0 auto
}

.care__action-descr, .care__action-title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.125;
    letter-spacing: .01em;
    text-align: center
}

.care__action-descr {
    font-size: 1rem;
    line-height: 1.25;
    color: var(--front-secondary)
}

.circle-block {
    position: relative
}

.circle-block__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    max-width: 1392px;
    margin: 0 0 32px
}

.circle-block__inner {
    position: relative
}

.circle-block__image {
    display: block
}

.circle-block__list {
    padding: 0;
    list-style: none;
    position: relative;
    display: grid;
    gap: 12px;
    margin: 32px 0 0
}

.circle-block__item {
    display: grid;
    gap: 8px;
    align-content: start;
    padding: 24px;
    background-color: var(--color-white);
    border-radius: 16px
}

.circle-block__subtitle {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    color: var(--front-brand)
}

.circle-block__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em
}

.clinics__inner {
    display: grid;
    gap: 32px;
    padding-top: 16px
}

.clinics__scroll {
    display: flex;
    margin: 0 calc(var(--page-padding) * -1);
    overflow: auto hidden;
    scrollbar-width: none
}

.clinics__scroll::after, .clinics__scroll::before {
    display: block;
    flex-shrink: 0;
    width: var(--page-padding);
    height: 100%;
    content: ""
}

.clinics__tabs {
    display: flex;
    gap: 24px
}

.clinics__tab {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    display: flex;
    align-items: center;
    padding: 14px 22px;
    white-space: nowrap;
    border: 2px solid var(--back-primary);
    border-radius: 32px;
    cursor: pointer;
    transition: background-color var(--transition-default)
}

.clinics__tab--active {
    background-color: var(--back-primary);
    pointer-events: none
}

.clinics__content {
    position: relative;
    display: grid
}

.clinics__pane {
    display: flex;
    flex-direction: column;
    grid-area: pane;
    overflow: hidden;
    background-color: var(--back-primary);
    border-radius: 32px;
    transform: translateY(24px);
    visibility: hidden;
    opacity: 0;
    transition: all var(--transition-default)
}

.clinics__pane--active {
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.clinics__info {
    display: grid;
    flex-grow: 1;
    gap: 16px;
    padding: 16px 16px 24px
}

.clinics__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em
}

.clinics__more {
    justify-self: start;
    margin-top: auto
}

.clinics__image {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 32px;
    aspect-ratio: 1/1
}

.clinics__button {
    width: 188px
}

.clinics__button-next {
    position: absolute;
    right: 32px;
    bottom: 32px;
    z-index: var(--z-index-base);
    display: none;
    width: 188px
}

.closer {
    padding: 10px;
    cursor: pointer
}

.closer__icon {
    stroke-width: 2px;
    width: 20px;
    height: 20px;
    transition: scale var(--transition-default)
}

.closer:hover .closer__icon {
    scale: 1.2
}

.connection {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.connection__address {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    display: flex;
    gap: 8px;
    color: var(--front-secondary)
}

.connection__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: var(--front-brand)
}

.container {
    max-width: 1664px;
    height: 100%;
    margin: 0 auto;
    padding: 0 16px
}

.cure-tile {
    display: grid;
    gap: 16px;
    align-content: start;
    height: 100%;
    padding: 16px;
    background-color: var(--back-secondary);
    border-radius: 32px
}

.cure-tile__icon {
    flex-shrink: 0;
    align-self: start
}

.cure-tile__inner {
    display: grid;
    gap: 16px
}

.cure-tile__descr, .cure-tile__title {
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.1819;
    letter-spacing: .01em;
    margin: 0
}

.cure-tile__descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    color: var(--front-secondary)
}

.details {
    background-color: var(--back-secondary);
    border-radius: 32px
}

.care--gray .care__more, .section--gray .details {
    background-color: var(--back-primary)
}

.details__header {
    display: flex;
    gap: 16px;
    padding: 16px
}

.details__row {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px
}

.details__wrap {
    display: grid;
    gap: 4px;
    margin: 0 auto 0 0
}

.details__title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0;
    margin: 0 auto
}

.details--alt .details__subtitle, .details__subtitle {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    margin: 0 0 8px
}

.details--alt .details__subtitle {
    font-size: 1rem;
    line-height: 1.25;
    margin: 0 0 20px;
    color: var(--front-brand)
}

.details__label {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--front-brand)
}

.details__button {
    align-self: start;
    background-color: transparent
}

.details__spoiler {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: var(--back-primary);
    border-radius: 50%;
    transition: transform var(--transition-default)
}

.details__spoiler:focus-visible {
    outline-width: 4px
}

.section--gray .details__spoiler {
    background-color: var(--back-secondary)
}

.details--open .details__spoiler {
    transform: rotate(180deg)
}

.details__icon {
    width: 100%;
    height: 100%;
    stroke-width: 2px
}

.details__body {
    height: 0;
    overflow: hidden
}

.details--open .details__body {
    height: auto
}

.details__inner {
    padding: 16px 16px 32px
}

.details__p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.details--alt .details__p {
    color: var(--front-primary)
}

.details__p + .details__p, .service-description p + p {
    margin-top: 20px
}

.doctor-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    justify-items: center;
    max-width: 336px;
    height: 100%
}

.doctor-tile__inner {
    position: relative
}

.doctor-tile__link {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 32px;
    background-color: var(--back-secondary);
    border-radius: 50%
}

.doctor-tile__link::after {
    position: absolute;
    inset: 16px;
    display: block;
    background-color: var(--front-secondary);
    border-radius: 50%;
    transition: scale var(--transition-default);
    scale: .9286;
    content: ""
}

.doctor-tile__link:hover::after {
    scale: 1
}

.doctor-tile__icon {
    position: relative;
    z-index: 2;
    width: 24px;
    height: 24px;
    color: var(--front-invert);
    stroke-width: 2px
}

.doctor-tile__image {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.doctor-tile__info {
    display: grid;
    gap: 8px
}

.doctor-tile__descr, .doctor-tile__title {
    font-weight: 600;
    font-size: 1.375rem;
    line-height: 1.1819;
    letter-spacing: .01em;
    margin: 0;
    text-align: center
}

.doctor-tile__descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    color: var(--front-secondary)
}

.doctor-tile__button {
    margin-top: auto;
    padding: 14px 32px
}

.doctors .section__inner {
    overflow: hidden
}

.doctors__inner {
    padding: 32px 0 14px
}

.doctors__carousel {
    max-width: 1440px;
    margin: -40px -16px;
    padding: 0 16px
}

.doctors__carousel .swiper-wrapper {
    padding: 40px 0
}

.doctors__slide {
    display: flex;
    justify-content: center;
    height: auto
}

.doctors__button {
    width: 188px
}

.doctors__button.swiper-button-disabled, .doctors__button.swiper-button-lock {
    display: none
}

.error-404__head {
    display: flex;
    flex-direction: column;
    align-items: center
}

.error-404__icon {
    width: 272px;
    height: 96px
}

.error-404__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 32px 0 16px;
    text-align: center
}

.error-404__descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary);
    text-align: center
}

.error-404__button {
    align-self: center;
    margin-top: 32px
}

.error-404__form {
    margin-top: 64px
}

.factoid {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    padding: 3px 7px 3px 3px;
    background-color: var(--back-primary-60p);
    border: 1px solid var(--back-secondary);
    border-radius: 32px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

:is(.factoid) .factoid__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px
}

.factoid__label {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em
}

.faq-list {
    display: grid;
    gap: 16px;
    padding: 16px 0 32px
}

.faq-list--section {
    max-width: 1056px;
    padding: 0
}

.footer {
    position: relative
}

.footer__top {
    padding: 32px 0 16px;
    background-color: var(--footer-bg-color);
    border-radius: 32px 32px 0 0
}

.footer__inner {
    display: grid;
    gap: 32px
}

.footer__info {
    display: grid;
    gap: 24px;
    align-self: start
}

.footer__logo {
    width: 262px;
    height: 64px;
    padding: 4px 0
}

:is(.footer) .footer__phone {
    gap: 4px
}

.footer .phone__descr, .footer__block {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em
}

.footer__block {
    display: grid;
    gap: 4px;
    justify-items: start
}

.footer__mail {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    position: relative;
    display: flex;
    flex-direction: column;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px;
    color: var(--front-brand)
}

.footer__mail::after, .footer__nav-link::after {
    align-self: start;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: var(--front-brand-hover);
    opacity: 0;
    transition: all var(--transition-default);
    content: ""
}

.footer__mail:focus-visible, .footer__nav-link:focus-visible, .form__small a:focus-visible {
    outline-width: 1px
}

.footer__address {
    color: var(--front-secondary);
    font-style: normal
}

.footer__socials {
    display: flex;
    gap: 16px
}

.footer__social {
    width: 32px;
    height: 32px;
    transition: scale var(--transition-default)
}

.footer__social-icon {
    width: 100%;
    height: 100%
}

.footer__nav {
    display: grid;
    gap: 32px
}

.footer__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 16px
}

.footer__item {
    display: flex
}

.footer__nav-link, .footer__nav-title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em
}

.footer__nav-link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-size: 1rem;
    line-height: 1.25;
    position: relative;
    display: flex;
    flex-direction: column;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px
}

.footer__side {
    display: grid;
    gap: 32px
}

.footer__form {
    display: flex;
    flex-direction: column;
    align-items: start
}

.footer__title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    margin-bottom: 16px
}

.footer__form-row {
    position: relative;
    width: 100%
}

.footer__form-input {
    width: 100%
}

:is(.footer) .footer__form-input {
    padding-right: 104px;
    border: 1px solid transparent
}

:is(.footer) .footer__form-input.input--has-value {
    border: 1px solid var(--input-border-color-focus)
}

:is(.footer) .footer__form-input.input--invalid {
    border: 1px solid var(--red-500-64p)
}

.footer__form-button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    width: 88px
}

.footer__form-icon {
    width: 24px;
    height: 24px;
    stroke-width: 2px
}

.footer__docs-list {
    display: grid;
    gap: 13px;
    justify-items: start
}

.footer__doc-link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    color: var(--front-brand)
}

.footer__doc-link::after {
    align-self: start;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: currentcolor;
    opacity: 0;
    transition: all var(--transition-default);
    content: ""
}

.footer__doc-link:focus-visible {
    outline: 1px solid currentcolor;
    outline-offset: 4px
}

:is(.footer) .footer__error {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin-top: 8px;
    color: var(--front-error);
    white-space: normal
}

.footer__bottom {
    padding: 24px 0;
    color: var(--front-invert);
    background-color: var(--footer-bottom-bg-color)
}

.footer__row {
    display: grid;
    gap: 32px;
    justify-items: start
}

.footer__copy, .footer__small {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em
}

.footer__links {
    display: grid;
    gap: 32px;
    justify-items: start;
    width: 100%
}

.footer__link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    position: relative;
    display: flex;
    flex-direction: column
}

.footer__link::after, .form__small a::after {
    align-self: center;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: currentcolor;
    opacity: 0;
    transition: all var(--transition-default);
    content: ""
}

.footer__link:focus-visible {
    outline: 1px solid currentcolor;
    outline-offset: 4px
}

.footer__grc {
    position: absolute;
    scale: 0
}

.form {
    display: grid;
    gap: 16px;
    width: 100%
}

.form__inner {
    display: grid;
    gap: 24px
}

.form__body, .form__footer, .form__header {
    display: grid;
    gap: 16px
}

.form__footer {
    justify-items: start
}

.form__label, .form__label--alt {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

.form__label--alt {
    font-weight: 700;
    color: var(--front-brand)
}

.form__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0
}

.form__descr, .form__descr--alt {
    font-weight: 400;
    letter-spacing: .01em
}

.form__descr {
    font-size: 1.125rem;
    line-height: 1.2223;
    margin: 0
}

.form__descr--alt {
    font-size: 1.25rem;
    line-height: 1.2
}

.form__row {
    display: grid;
    gap: 16px;
    align-items: start
}

.form__row--footer {
    align-items: center;
    margin-top: 8px
}

.form__field {
    display: grid;
    gap: 8px
}

:is(.form) .form__error {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: var(--front-error);
    white-space: normal
}

.form__small, .form__small--popup {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em
}

.form__small--popup {
    font-size: .75rem;
    line-height: 1.1667
}

.form__phone-link, .form__small a {
    color: inherit;
    text-decoration: none;
    transition: color var(--transition-default);
    outline: 0 solid currentcolor;
    outline-offset: 4px;
    color: var(--front-brand)
}

.form__small a {
    position: relative;
    display: inline-flex;
    flex-direction: column
}

.form__phone-link {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072
}

.form__phone-link:focus-visible {
    outline-width: 1px
}

.air-datepicker-body--day-name {
    color: var(--front-brand)
}

.air-datepicker-cell.-current-, .air-datepicker-cell.-current-.-in-range- {
    font-weight: 700;
    color: var(--front-brand)
}

.air-datepicker-cell.-selected-, .air-datepicker-cell.-selected-.-current-, .guarantees__item::before {
    background-color: var(--front-brand)
}

.air-datepicker-cell.-selected-.-focus- {
    background-color: var(--front-brand-hover)
}

.only-timepicker .datepicker--content, .only-timepicker .datepicker--nav {
    display: none
}

.only-timepicker .datepicker--time {
    border-top: none
}

.gallery .section__inner {
    overflow: hidden
}

.gallery__inner {
    padding-top: 16px
}

.gallery__slide.swiper-slide-prev {
    transform: scale(.8334) translateX(56px)
}

.gallery__slide.swiper-slide-next {
    transform: scale(.8334) translateX(-56px)
}

.gallery__image {
    border-radius: 16px
}

.gallery__footer {
    display: flex;
    justify-content: center;
    padding: 32px 0 0
}

.gallery__button {
    width: 188px
}

.gallery__buttons {
    display: none;
    gap: 16px;
    width: 188px
}

.gallery__next, .gallery__prev {
    flex-grow: 1
}

.gallery__next.swiper-button-disabled, .gallery__prev.swiper-button-disabled {
    display: none
}

.guarantees {
    position: relative;
    z-index: var(--z-index-base);
    margin-bottom: -32px
}

.guarantees__bg {
    background: url(../img/guarantees__bg--mobile.webp) center no-repeat, var(--back-important);
    background-size: cover;
    border-radius: 32px 32px 0 0
}

.guarantees__info {
    display: grid;
    gap: 16px;
    padding: 16px 0
}

.guarantees__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em;
    margin: 0
}

.guarantees__descr, .partner-levels__info p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0
}

.guarantees__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
    max-width: 732px;
    counter-reset: list
}

.guarantees__item {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 16px;
    background: var(--back-primary);
    border-radius: 32px;
    counter-increment: list
}

.guarantees__item::before {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0;
    width: 30px;
    height: 30px;
    margin: 1px;
    color: var(--front-invert);
    text-align: center;
    border: 2px solid var(--back-tertiary);
    border-radius: 50%;
    content: counter(list)
}

.guarantees__image {
    display: block
}

.header {
    background-color: var(--back-secondary)
}

.header__top {
    padding: 16px var(--page-padding)
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header__logo {
    display: block;
    flex-shrink: 0;
    width: 182px;
    height: 40px
}

.header__label {
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.2308;
    letter-spacing: .01em;
    display: none;
    white-space: nowrap
}

.header__medals {
    display: none;
    gap: 8px;
    margin-right: 24px
}

.header__medal {
    font-weight: 400;
    font-size: .6875rem;
    line-height: 1.1823;
    letter-spacing: .01em;
    display: grid;
    grid-template-columns:32px auto;
    gap: 0 8px;
    width: 200px;
    padding: 5px 16px;
    color: var(--front-brand-hover);
    background-color: var(--back-primary);
    border-radius: 32px
}

.header__medal-img {
    grid-row: 1/3;
    grid-column: 1/1;
    align-self: center;
    width: 32px;
    height: 44px
}

.header__medal-title {
    grid-row: 1;
    grid-column: 2/3;
    font-weight: 600
}

.header__medal-descr {
    grid-row: 2;
    grid-column: 2/3
}

:is(.header) .header__phone {
    display: none;
    gap: 0;
    margin-right: auto
}

:is(.header) .header__phone .phone__link {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em
}

:is(.header) .header__phone .phone__descr {
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.2308;
    letter-spacing: .01em
}

.header__connection {
    display: none;
    flex-grow: 1;
    margin-left: 32px
}

.header__button {
    display: none;
    width: 186px;
    margin-left: 18px
}

.header__actions {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 115px;
    margin-left: 8px
}

.header__bottom {
    display: none;
    padding: 8px var(--page-padding)
}

.header__row {
    display: grid;
    grid-template-columns:56px minmax(auto, 1116px) 204px;
    gap: 8px
}

.header__nav {
    display: flex;
    padding: 0 clamp(1rem, -7rem + 10vw, 2rem);
    background-color: var(--back-primary);
    border-radius: 64px
}

.header__form {
    position: relative
}

:is(.header) .header__form-search {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    width: 100%;
    padding: 0 47px 0 15px;
    background-color: var(--input-bg-header-search);
    border: 1px solid var(--input-border-header-search);
    border-radius: 64px
}

:is(.header) .header__form-search.input--has-value, :is(.header) .header__form-search:focus {
    background-color: var(--back-primary);
    border: 1px solid var(--input-border-header-search)
}

:is(.header) .header__form-search::-moz-placeholder {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: var(--front-primary)
}

:is(.header) .header__form-search::placeholder {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: var(--front-primary)
}

.header__form-button {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    color: inherit;
    transition: color var(--transition-default)
}

.header__form-button:hover {
    color: var(--front-brand)
}

.header__icon {
    width: 40px;
    height: 40px;
    color: inherit;
    stroke-width: 2px
}

:is(.header) .header__error[data-tooltip=true] {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    position: absolute;
    max-width: 100%;
    padding: 8px 16px;
    color: var(--front-error);
    white-space: normal;
    text-align: center;
    background-color: var(--back-primary);
    border-radius: 24px
}

:is(.header) .header__error[data-tooltip=true][data-direction=bottom] {
    top: 100% !important;
    left: 50% !important;
    transform: translate(-50%, 8px)
}

:is(.header) .header__error[data-tooltip=true]::before {
    position: absolute;
    z-index: 3;
    display: block;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--back-primary);
    border-left: 6px solid transparent;
    content: ""
}

:is(.header) .header__error[data-tooltip=true][data-direction=bottom]::before {
    bottom: -50px;
    left: calc(50% - 6px)
}

.header-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.header-nav__item {
    position: relative;
    display: flex
}

.header-nav__link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.header-nav__link:focus-visible {
    outline-width: 1px
}

.header-nav__title {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 18px 0
}

.header-nav__title::after {
    align-self: center;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: currentcolor;
    content: ""
}

.header-nav__icon {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    color: var(--front-tertiary)
}

.header-nav__drop, .header-nav__title::after {
    opacity: 0;
    transition: all var(--transition-default)
}

.header-nav__drop {
    position: absolute;
    top: 100%;
    visibility: hidden;
    pointer-events: none
}

.header-nav__item:focus-within .header-nav__drop, .header-nav__item:hover .header-nav__drop {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.header-nav__drop--shift {
    transform: translateX(clamp(-12.125rem, -50.925rem + 48.5vw, 0rem))
}

.header-nav__panel {
    display: flex;
    gap: 32px;
    align-items: start;
    min-width: 280px;
    padding: 32px;
    background-color: var(--back-primary);
    border-radius: 28px;
    transform: translate(-32px, 8px);
    overflow-y: auto;
    max-height: calc(100vh - 180px);
}

.header-nav__panel::-webkit-scrollbar {
    width: 4px;               /* ширина scrollbar */
}
.header-nav__panel::-webkit-scrollbar-track {
    background: lightgray;        /* цвет дорожки */
}
.header-nav__panel::-webkit-scrollbar-thumb {
    background-color: var(--button-color-default);    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
}

.header-nav__col {
    display: grid;
    gap: 16px 32px;
    align-items: start
}

.header-nav__col--sub-cols {
    grid-template-columns:auto auto
}

.header-nav__subtitle {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    padding-bottom: 15px;
    color: var(--front-secondary);
    border-bottom: 1px solid var(--divider-color-default)
}

.header-nav__col--sub-cols .header-nav__subtitle {
    grid-column: 1/3
}

.header-nav__sublist {
    display: grid;
    gap: 16px
}

.header-nav__sublist--cols {
    grid-template-columns:auto auto;
    gap: 16px 32px
}

.header-nav__subitem {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 240px
}

.header-nav__subitem::before {
    content: none
}

.header-nav__sublink {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    position: relative;
    display: flex;
    flex-direction: column;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px
}

.header-nav__sublink::after, .header-nav__subsublink::after {
    align-self: center;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: currentcolor;
    opacity: 0;
    transition: all var(--transition-default);
    content: ""
}

.header-nav__sublink:focus-visible, .header-nav__subsublink:focus-visible {
    outline-width: 1px
}

.header-nav__subsublist {
    padding: 0;
    list-style: none;
    display: grid;
    gap: 16px;
    margin: 16px 0 0
}

.header-nav__subsubitem {
    display: flex;
    padding-left: 16px
}

.header-nav__subsublink {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    position: relative;
    display: flex;
    flex-direction: column;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px
}

.how__inner {
    padding: 32px 0
}

.how__carousel {
    padding-bottom: 52px
}

.how__carousel .swiper-pagination, .how__slide {
    display: flex;
    align-items: center;
    justify-content: center
}

.how__carousel .swiper-pagination {
    bottom: 0;
    padding: 8px 0
}

.how__carousel .swiper-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 10px;
    background-color: var(--front-secondary);
    opacity: 1;
    transition: all var(--transition-default)
}

.how__carousel .swiper-pagination .swiper-pagination-bullet-active {
    scale: 1.5
}

.how__slide {
    gap: 32px;
    height: auto;
    padding-right: 15px
}

.how__icon {
    width: 48px;
    height: 48px;
    color: var(--front-quaternary);
    stroke-width: 3px
}

.icon-round {
    width: 88px;
    height: 88px;
    color: var(--front-brand);
    background-color: var(--back-tertiary);
    border-radius: 50%
}

.icon-round--red {
    color: var(--front-invert);
    background-color: var(--back-alarm)
}

.icon-round__icon, .map__map iframe {
    width: 100%;
    height: 100%
}

.icon-tile {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 248px;
    padding: 40px 24px;
    background: var(--back-secondary);
    border-radius: 48px
}

.icon-tile__icon {
    width: 136px;
    height: 136px;
    color: var(--front-brand-hover)
}

.icon-tile__title {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    text-align: center
}

.important {
    display: grid;
    gap: 8px;
    padding: 24px 16px;
    color: var(--front-invert);
    background-color: var(--back-important);
    border-radius: 32px
}

.important__title {
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.1819;
    letter-spacing: .01em;
    margin: 0
}

.important__list, .service-description ul {
    margin: 0;
    padding-left: 24px
}

.important__item, .input {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em
}

.input {
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    height: 56px;
    padding: 15px;
    background-color: var(--back-primary);
    border: 1px solid var(--input-border-color);
    border-radius: 64px;
    outline: 0;
    transition: all var(--transition-default);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input:focus-visible {
    outline-width: 4px
}

.input::-moz-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1
}

.input::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1
}

.input:focus::-moz-placeholder {
    color: var(--input-placeholder-color-focus)
}

.input:focus::placeholder {
    color: var(--input-placeholder-color-focus)
}

.input--has-value, .input:focus {
    border: 1px solid var(--input-border-color-focus)
}

.input--invalid, .input--invalid:focus {
    border: 1px solid var(--red-500-64p)
}

.input[disabled] {
    cursor: not-allowed;
    opacity: .4
}

.input:is(:-webkit-autofill, :-webkit-autofill), .input:is(:-webkit-autofill, :-webkit-autofill):focus, .input:is(:-webkit-autofill, :-webkit-autofill):hover, .input:is(:-webkit-autofill, :autofill), .input:is(:-webkit-autofill, :autofill):focus, .input:is(:-webkit-autofill, :autofill):hover {
    -webkit-text-fill-color: var(--front-primary);
    -webkit-box-shadow: none
}

.input[type=number], .input[type=number]::-webkit-inner-spin-button, .input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: textfield
}

.input[type=search]::-webkit-search-cancel-button, .input[type=search]::-webkit-search-decoration, .input[type=search]::-webkit-search-results-button, .input[type=search]::-webkit-search-results-decoration {
    display: none
}

.input[data-input-date], .input[data-input-time] {
    background: url(../img/svgSprite.svg#icon__calendar-view) right 16px center no-repeat, var(--back-primary);
    background-size: 20px 20px
}

.license-tile {
    position: relative
}

.license-tile::before {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: var(--z-index-base);
    display: block;
    width: 72px;
    height: 72px;
    background: url(../img/svgSprite.svg#icon__search-view) center center no-repeat, var(--back-primary);
    background-size: 40px 40px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity var(--transition-default);
    content: "";
    pointer-events: none
}

.license-tile__image {
    display: block;
    aspect-ratio: 336/466;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 24px;
    transition: all var(--transition-default);
    scale: .988
}

.licenses-section .license-tile__image {
    width: 336px
}

.licenses-block__head {
    max-width: 1054px;
    margin-bottom: 32px
}

.licenses-block__descr, .list-tile__item::before {
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em
}

.licenses-block__descr {
    font-weight: 600;
    margin: 0
}

.licenses-block__grid {
    display: grid;
    gap: 16px
}

.licenses-block__form {
    margin-top: 64px
}

.licenses-section .section__inner {
    overflow: hidden
}

.licenses-section__inner {
    padding: 32px 0 0
}

.licenses-section__carousel {
    width: 100vw;
    max-width: 1456px;
    margin: -40px -16px
}

.licenses-section__carousel .swiper-wrapper {
    padding: 40px 0
}

.licenses-section__slide {
    display: flex;
    justify-content: center
}

.licenses-section__button {
    width: 188px
}

.licenses-section__button.swiper-button-disabled, .licenses-section__button.swiper-button-lock {
    display: none
}

.list-tile {
    display: grid;
    gap: 32px;
    margin: 0;
    padding: 16px 0 0;
    color: var(--front-secondary);
    list-style: none;
    counter-reset: list
}

.text-block__title + .list-tile {
    padding-top: 0
}

.list-tile__item {
    position: relative;
    display: grid;
    gap: 8px;
    align-self: start;
    padding-left: 28px;
    counter-increment: list
}

.list-tile__item::before {
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: counter(list) "."
}

.list-tile__descr, .list-tile__title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em
}

.list-tile__descr {
    font-weight: 400
}

.logo {
    width: 100%;
    height: 100%;
    aspect-ratio: 192/42
}

.main-slider {
    position: relative;
    margin-bottom: -32px
}

.main-slider__bg {
    position: relative;
    background: var(--back-call-gradient);
    border-radius: 32px 32px 0 0
}

.main-slider__slide {
    height: auto;
    overflow: hidden;
    border-radius: 32px 32px 0 0
}

.main-slider__footer {
    position: absolute;
    bottom: 0;
    z-index: var(--z-index-base);
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 32px 0 64px
}

.main-slider__buttons {
    display: flex;
    gap: 16px;
    width: 188px
}

.main-slider__next, .main-slider__prev {
    flex-grow: 1
}

.main-slider__next.swiper-button-disabled, .main-slider__next.swiper-button-lock, .main-slider__prev, .main-slider__prev.swiper-button-disabled, .main-slider__prev.swiper-button-lock {
    display: none
}

.main-slider__inner {
    position: relative
}

.main-slider__info {
    position: relative;
    z-index: var(--z-index-base);
    display: grid;
    gap: 16px;
    padding: 16px 0
}

.main-slider__descr, .main-slider__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em;
    margin: 0
}

.main-slider__descr {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.2;
    color: var(--front-secondary)
}

.main-slider__button, .specialist-block p + h2 {
    margin-top: 16px
}

.main-slider__image {
    width: 100vw;
    max-width: none;
    height: 454px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.main-slider__factoid {
    position: absolute;
    z-index: var(--z-index-base);
    display: none;
    width: 318px
}

.main-slider__slide--01 .main-slider__factoid {
    right: 98px;
    bottom: 395px
}

.main-slider__slide--01 .main-slider__factoid--long {
    right: 274px;
    bottom: 229px
}

.main-slider__slide--02 .main-slider__factoid {
    right: 98px;
    bottom: 337px
}

.main-slider__slide--02 .main-slider__factoid--long {
    right: 299px;
    bottom: 149px
}

.main-slider__slide--03 .main-slider__factoid {
    right: 148px;
    bottom: 185px
}

.main-slider__slide--03 .main-slider__factoid--long {
    right: 352px;
    bottom: 337px
}

.map__mobile {
    padding-bottom: 64px
}

.map__list {
    display: grid;
    gap: 16px
}

.map__item {
    background-color: var(--back-primary);
    border-radius: 32px
}

.map__header {
    align-items: center;
    justify-content: space-between;
    padding: 16px
}

.map__item--open .map__header {
    align-items: start
}

.map__header, .map__row {
    display: flex;
    gap: 16px
}

.map__pin {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin: 0 -5px;
    color: var(--front-brand)
}

.map__title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em
}

.map__hidden {
    display: none;
    gap: 5px;
    margin-top: 5px
}

.map__button--active .map__hidden, .map__item--open .map__hidden {
    display: grid
}

.map__line {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    display: flex
}

.map__line a, .requisites-block__table a {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    position: relative;
    display: flex;
    flex-direction: column;
    color: var(--front-brand)
}

.map__line a::after, .requisites-block__table a::after {
    align-self: start;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: currentcolor;
    opacity: 0;
    transition: all var(--transition-default);
    content: ""
}

.map__spoiler {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: var(--back-secondary);
    border-radius: 50%;
    transition: transform var(--transition-default)
}

.map__spoiler:focus-visible {
    outline-width: 4px
}

.map__item--open .map__spoiler {
    transform: rotate(180deg)
}

.map__icon {
    width: 100%;
    height: 100%;
    stroke-width: 2px
}

.map__desktop, .map__map {
    display: none;
    height: 400px;
    overflow: hidden;
    background-color: var(--back-tertiary);
    border-radius: 24px
}

.map__item--open .map__map {
    display: block
}

.map__desktop {
    position: relative;
    height: 748px;
    border-radius: 48px 48px 0 0
}

.map__overlay {
    position: absolute;
    top: 50%;
    left: 12.7vw;
    z-index: var(--z-index-base);
    display: grid;
    gap: 16px;
    padding: 24px;
    background-color: var(--back-primary);
    border-radius: 32px;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .25);
    transform: translateY(calc(-50% - 24px))
}

.map__button {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    gap: 16px;
    width: 406px;
    padding: 20px 31px;
    text-align: left;
    border: 1px solid var(--border-primary);
    border-radius: 48px
}

.map__button--active, .nav {
    background-color: var(--back-secondary)
}

.nav {
    position: relative;
    height: calc(100dvh - var(--header-heigth))
}

.nav__close {
    position: absolute;
    top: 32px;
    right: 32px;
    display: none
}

.nav__aside {
    display: none;
    flex-shrink: 0;
    width: 244px;
    overflow: hidden;
    background-color: var(--back-secondary);
    border-radius: 0 48px 48px 0
}

.nav__aside-list {
    margin: 0;
    list-style: none;
    display: grid;
    gap: 32px;
    justify-content: start;
    padding: 56px 32px 32px
}

.nav__aside-item {
    display: flex
}

.nav__aside-link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    position: relative;
    display: flex;
    flex-direction: column
}

.nav__aside-link::after {
    align-self: center;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: currentcolor;
    opacity: 0;
    transition: all var(--transition-default);
    content: ""
}

.nav__aside-link--active {
    color: var(--front-brand)
}

.nav__scroll {
    height: 100%;
    overflow: hidden auto
}

.nav__inner {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 32px 16px
}

.nav__search {
    position: relative;
    margin-bottom: 16px
}

.nav__list {
    display: grid;
    gap: 16px;
    margin-bottom: auto
}

.nav__footer {
    display: grid;
    gap: 16px;
    margin-top: 48px
}

:is(.nav) .nav__form-search {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    width: 100%;
    padding: 0 47px 0 15px;
    border: 1px solid var(--input-border-header-search);
    border-radius: 64px
}

:is(.nav) .nav__form-search.input--invalid {
    border: 1px solid var(--red-500-64p)
}

:is(.nav) .nav__form-search.input--has-value, :is(.nav) .nav__form-search:focus {
    background-color: var(--back-primary);
    border: 1px solid var(--input-border-header-search)
}

:is(.nav) .nav__form-search::-moz-placeholder {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: var(--front-primary)
}

:is(.nav) .nav__form-search::placeholder {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: var(--front-primary)
}

.nav__form-button {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    color: inherit;
    transition: color var(--transition-default)
}

.nav__form-button:hover {
    color: var(--front-brand)
}

.nav__icon {
    width: 40px;
    height: 40px;
    color: inherit;
    stroke-width: 2px
}

:is(.nav) .nav__error {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin-top: 8px;
    color: var(--front-error);
    white-space: normal
}

.nav-section {
    display: grid;
    gap: 16px;
    justify-items: stretch
}

.nav-section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.nav-section__title {
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    position: relative;
    display: flex;
    flex-direction: column;
    color: inherit
}

.nav-section__title::after {
    align-self: center;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: var(--front-brand);
    opacity: 0;
    transition: all var(--transition-default);
    content: ""
}

.nav-section__section[data-state=open] .nav-section__title {
    color: var(--front-brand-hover)
}

.nav-section__arrow {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px;
    width: 24px;
    height: 24px;
    background-color: var(--back-primary);
    border-radius: 50%
}

.nav-section__arrow:focus-visible {
    outline-width: 1px
}

.nav-section__icon {
    width: 100%;
    height: 100%;
    stroke-width: 2px;
    color: var(--front-tertiary);
    transition: transform var(--transition-default)
}

[data-state=open] .nav-section__icon {
    transform: rotate(180deg)
}

.nav-section__body {
    height: auto;
    max-height: 0;
    overflow: hidden;
    visibility: hidden
}

[data-state=open] .nav-section__body {
    max-height: 9999px;
    visibility: visible
}

.nav-section__col {
    display: grid;
    gap: 16px;
    padding: 16px 0
}

.nav-section__col + .nav-section__col {
    padding-top: 0
}

.nav-section__subtitle {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    padding-bottom: 15px;
    color: var(--front-secondary);
    border-bottom: 1px solid var(--divider-color-default)
}

.nav-section__list {
    margin: 0
}

.nav-section__list, .nav-section__sublist {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    display: grid;
    gap: 16px
}

.nav-section__item {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 0 16px
}

.nav-section__item::before {
    content: none
}

.nav-section__link {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    position: relative;
    display: flex;
    flex-direction: column;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px;
    color: var(--front-primary)
}

.nav-section__link::after, .nav-section__sublink::after {
    align-self: center;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: var(--front-brand);
    opacity: 0;
    transition: all var(--transition-default);
    content: ""
}

.nav-section__link:focus-visible, .nav-section__sublink:focus-visible {
    outline-width: 1px
}

.nav-section__sublist {
    margin: 16px 0 0
}

.nav-section__subitem {
    display: flex
}

.nav-section__sublink {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    position: relative;
    display: flex;
    flex-direction: column;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px;
    max-width: 416px;
    padding-left: 16px;
    color: var(--front-primary)
}

.opportunities__inner {
    display: grid;
    gap: 16px;
    padding-top: 16px
}

.opportunities__tiles {
    min-width: 0
}

.opportunities__tiles-footer {
    display: flex;
    justify-content: center;
    padding: 32px 0
}

.opportunities__carousel {
    margin: 0 -16px
}

.opportunities__slide {
    height: auto;
    padding: 0 16px
}

.opportunities__banner {
    margin: 0 -16px
}

.opportunities__button {
    width: 188px
}

.opportunities-tile {
    display: grid;
    gap: 16px;
    align-content: start;
    height: 100%;
    padding: 16px;
    background-color: var(--back-secondary);
    border-radius: 32px
}

.opportunities-tile__row {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.opportunities-tile__icon {
    flex-shrink: 0;
    align-self: start
}

.opportunities-tile__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0
}

.opportunities-tile--mini .opportunities-tile__title {
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.1819;
    letter-spacing: .01em
}

.opportunities-tile__descr, .service-description p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.opportunities-tile--mini .opportunities-tile__descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em
}

.page {
    display: flex;
    flex-direction: column;
    min-height: calc(var(--vh) * 100)
}

.page__header {
    z-index: var(--z-index-header);
    flex: 0 0 auto;
    width: 100%
}

.page__main {
    flex: 1 0 auto;
    padding: 8px 0 32px
}

.page__footer {
    position: relative;
    z-index: var(--z-index-base);
    flex: 0 0 auto
}

.page__nav {
    position: fixed;
    top: var(--header-heigth);
    z-index: var(--z-index-nav);
    width: 100%;
    height: calc(100% - var(--header));
    overflow: hidden;
    transform: translate(0, 32px);
    visibility: hidden;
    opacity: 0;
    transition: height var(--transition-default), opacity var(--transition-default), transform var(--transition-default), visibility var(--transition-default);
    pointer-events: none;
    will-change: opacity, transform
}

[data-state=nav-open] .page__nav {
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.page__socials {
    position: fixed;
    right: 16px;
    bottom: 96px;
    z-index: var(--z-index-socials);
    display: grid;
    gap: 16px
}

.hystmodal__opened .page__socials, [data-state=nav-open] .page__socials {
    right: calc(16px + var(--css-scroll-size))
}

.page__socials-link {
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    position: relative;
    padding: 16px;
    color: var(--front-invert);
    border-radius: 50%
}

.page__socials-link:focus-visible {
    outline-width: 4px
}

.page__socials-link::before {
    position: absolute;
    inset: 3px;
    z-index: -1;
    display: block;
    border-radius: 50%;
    transform-origin: center;
    transition: background-color var(--transition-default), scale var(--transition-default);
    content: ""
}

.page__socials-link--tg::before {
    background-color: var(--telegram-color-brand)
}

.page__socials-link--wa::before {
    background-color: var(--whatsapp-color-brand)
}

.page__socials-icon {
    width: 40px;
    height: 40px
}

.page__darker {
    position: fixed;
    inset: 0;
    z-index: var(--z-index-darker);
    background-color: var(--darker-bg-color);
    visibility: hidden;
    opacity: 0;
    transition: all var(--transition-default)
}

.page__button {
    position: sticky;
    bottom: 16px;
    z-index: var(--z-index-base);
    width: 100%
}

.pagination {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    padding-bottom: 24px
}

.pagination__pages {
    display: flex;
    gap: 8px
}

.pagination__arrow, .pagination__current, .pagination__link, .pagination__span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%
}

.pagination__arrow {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.3334;
    letter-spacing: .01em
}

.pagination__current, .pagination__link, .pagination__span {
    width: 25px;
    height: 18px
}

.pagination__link, .pagination__span {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.3334;
    letter-spacing: .01em
}

.pagination__current {
    font-weight: 600;
    font-size: 1.375rem;
    line-height: 1.1819;
    letter-spacing: .01em;
    color: var(--front-brand);
    cursor: default;
    pointer-events: none
}

.pagination__link {
    color: inherit
}

.pagination__span {
    cursor: default
}

.pagination__arrow {
    width: 18px;
    height: 18px;
    opacity: .25
}

.pagination__arrow[href] {
    opacity: 1
}

.pagination__icon {
    width: 30px;
    height: 16px
}

.panel {
    position: relative;
    z-index: var(--z-index-base);
    margin-bottom: -32px;
    overflow: hidden
}

.panel__inner {
    padding-bottom: 32px;
    overflow: hidden;
    background: var(--back-panel-gradient);
    border-radius: 32px 32px 0 0
}

.panel__grid, .panel__info {
    position: relative
}

.panel__grid::after {
    display: block;
    min-height: 314px;
    content: "";
    aspect-ratio: 1/.9155
}

.panel--drug .panel__grid::after {
    min-height: 226px;
    aspect-ratio: 1/.6589
}

.panel--teen .panel__grid::after {
    min-height: 289px;
    aspect-ratio: 1/.8425
}

.panel__info {
    z-index: var(--z-index-base);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 0
}

.panel__descr, .panel__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em;
    margin: 0
}

.panel__descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    color: var(--front-secondary)
}

.panel__image {
    position: absolute;
    bottom: -8vw;
    width: 100vw;
    max-width: none;
    margin: 0 -16px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: calc(50% + 24px) center;
    object-position: calc(50% + 24px) center;
    aspect-ratio: 1/1
}

.panel--drug .panel__image {
    bottom: -31vw;
    aspect-ratio: 1/1.3
}

.panel--teen .panel__image {
    bottom: -12.5vw;
    aspect-ratio: 1/1.075
}

.partner-hero .section__inner {
    position: relative;
    background: var(--back-call-gradient)
}

.partner-hero__info {
    display: grid;
    gap: 16px;
    padding: 16px 0
}

.partner-hero__descr, .partner-hero__title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em;
    margin: 0
}

.partner-hero__descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    color: var(--front-secondary)
}

.partner-hero__image {
    display: block;
    width: calc(100vw - 32px);
    margin: 0 auto;
    border-radius: 24px 24px 0 0
}

.partner-levels {
    margin-top: -16px
}

.partner-levels, .partner-levels__row {
    display: grid;
    gap: 32px
}

.partner-levels__image {
    border-radius: 32px
}

.partner-levels__info {
    display: grid;
    gap: 16px
}

.partner-tile {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background-color: var(--back-secondary)
}

.partner-tile, .partner-tile__image {
    border-radius: 32px
}

.partner-tile__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%
}

.partner-tile__descr, .partner-tile__title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    margin: 0
}

.partner-tile__descr {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    color: var(--front-secondary)
}

.partner-tile__button {
    align-self: start;
    margin-top: auto;
    background-color: var(--back-primary)
}

.partners-block__grid {
    display: grid;
    gap: 32px
}

.partners-block__footer {
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.partners-block__form, .specialist-block p + h3, .specialist-block p + p {
    margin-top: 32px
}

.patient__descr {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    max-width: 1392px;
    margin: 0;
    color: var(--front-secondary)
}

.patient__list {
    margin-top: 32px;
    padding: 0
}

.phone {
    display: grid;
    gap: 8px;
    justify-items: start
}

.phone__link, .phone__pre, .service-description ul li {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

.phone__link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.1819;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px;
    color: var(--front-brand)
}

.phone__link:focus-visible, .phone__sublink:focus-visible {
    outline-width: 1px
}

.phone__descr, .phone__sublink {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

.phone__sublink {
    display: inline-block;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    line-height: 1.25;
    outline: 0 solid var(--front-brand);
    outline-offset: 4px;
    color: var(--front-brand-hover)
}

.phone__sublink::after {
    align-self: start;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: var(--front-brand-hover);
    opacity: 0;
    transition: all var(--transition-default);
    content: ""
}

.point-tile {
    display: grid;
    gap: 16px;
    padding: 16px;
    background-color: var(--back-alarm-light);
    border-radius: 32px
}

.point-tile__icon {
    flex-shrink: 0;
    align-self: start
}

.point-tile__inner {
    display: grid;
    gap: 4px
}

.point-tile__title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-brand-hover)
}

.point-tile--alt .point-tile__title, .point-tile__descr {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

.point-tile__descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    margin: 0
}

.popup__window {
    position: relative;
    background-color: var(--back-primary);
    border-radius: 32px
}

.popup__window--callback {
    display: grid;
    gap: 32px;
    max-width: 336px;
    padding: 88px 48px 48px
}

.popup__window--info, .popup__window--review {
    display: grid;
    gap: 32px;
    width: calc(100% - 32px);
    max-width: 600px;
    padding: 48px 24px 24px
}

.popup__window--info {
    gap: 16px
}

.popup__window--video {
    max-width: calc(100% - 32px);
    max-height: 90vh;
    padding: 4px;
    overflow: hidden;
    aspect-ratio: 376/530
}

.popup__window--video .popup__close {
    background-color: var(--back-primary);
    border-radius: 50%
}

.popup__window--video video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 28px
}

.popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2
}

.popup__title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.125;
    letter-spacing: .01em;
    margin: 0
}

.popup__descr {
    margin: 0 0 16px
}

.price-list {
    display: grid;
    gap: 8px;
    max-width: 1392px;
    margin: 0 auto;
    padding-top: 16px
}

.prices__item {
    scroll-margin-top: 100px
}

.process {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
    counter-reset: p-list
}

.process__item {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px;
    align-content: start;
    padding: 24px;
    background-color: var(--back-secondary);
    border-radius: 48px;
    counter-increment: p-list
}

.process__item::before {
    align-self: center;
    color: var(--front-fifthly);
    font-weight: 700;
    font-size: 4.625rem;
    line-height: 1.1891;
    letter-spacing: .04625rem;
    content: "0" counter(p-list)
}

.process__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    width: 88px;
    height: 88px;
    padding: 14px;
    background-color: var(--blue-100);
    border-radius: 50%
}

.process__descr, .program--action::before {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em
}

.process__descr {
    grid-column: 1/-1;
    color: var(--front-secondary)
}

.program {
    position: relative;
    display: grid;
    gap: 32px;
    padding: 32px 16px;
    border-radius: 24px
}

.program--01 {
    background: url(../img/program__bg--01.webp) no-repeat center, var(--back-important);
    background-size: cover
}

.program--02 {
    background: url(../img/program__bg--02.webp) no-repeat center, var(--back-important);
    background-size: cover
}

.program--03 {
    background: url(../img/program__bg--03.webp) no-repeat center, var(--back-important);
    background-size: cover
}

.program--action::before {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    padding: 10px 18px;
    color: var(--front-invert);
    background-color: var(--back-alarm);
    border-radius: 32px;
    content: "Акция"
}

.program__header {
    display: grid;
    gap: 8px
}

.program__price, .program__title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.125;
    letter-spacing: .01em;
    margin: 0;
    text-align: center
}

.program__price {
    font-weight: 600;
    color: var(--front-brand)
}

.program--action .program__price {
    color: var(--front-alarm)
}

.program__list {
    margin: 0;
    list-style: none;
    display: grid;
    gap: 16px;
    padding: 16px;
    background-color: var(--back-primary);
    border-radius: 24px
}

.program__item {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    display: flex;
    gap: 2px
}

.program__item--disable {
    opacity: .3
}

.program__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px
}

.program__footer {
    display: grid;
    grid-template-columns:auto 56px;
    gap: 10px;
    margin-top: auto
}

.program__button {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    padding: 16px;
    color: var(--front-invert);
    text-align: center;
    text-decoration: none;
    background-color: var(--button-color-default);
    border-radius: 64px;
    transition: all var(--transition-default)
}

.program__button-round:focus-visible, .program__button:focus-visible {
    outline-width: 4px
}

.program__button-round {
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    color: var(--front-invert);
    text-align: center;
    text-decoration: none;
    background-color: var(--button-color-default);
    border-radius: 64px;
    transition: all var(--transition-default)
}

.program__icon-button {
    width: 36px;
    height: 36px;
    color: var(--front-invert);
    transform: translateX(-1px)
}

.requisites-block__inner {
    max-width: 1392px;
    margin: 0 auto
}

.requisites-block__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0
}

.requisites-block__table {
    display: grid;
    gap: 32px;
    margin-top: 32px
}

.requisites-block__row {
    display: grid;
    gap: 16px
}

.requisites-block__td, .requisites-block__th {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em
}

.requisites-block__td {
    font-weight: 400;
    display: flex
}

.requisites-block__form {
    margin-top: 64px
}

.review-tile {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 16px;
    background-color: var(--back-secondary);
    border-radius: 32px
}

.section--gray .review-tile, .section--invert .review-tile {
    background-color: var(--back-primary)
}

.review-tile__title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.125;
    letter-spacing: .01em;
    margin: 0
}

.review-tile--alt .review-tile__title, .review-tile__descr {
    font-weight: 600;
    font-size: 1.375rem;
    line-height: 1.1819;
    letter-spacing: .01em
}

.review-tile__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    display: -webkit-box;
    width: 100%;
    margin: 0 0 auto;
    overflow: hidden;
    color: var(--front-secondary);
    -webkit-box-orient: vertical
}

.review-tile--trunc .review-tile__descr {
    -webkit-line-clamp: 8
}

.review-tile__button {
    display: none;
    align-self: start;
    margin-top: 8px;
    color: var(--front-secondary);
    background-color: var(--back-primary)
}

.review-tile--hasButton .review-tile__button {
    display: block
}

.review-tile--test .review-tile__button {
    background-color: red
}

.section--gray .review-tile__button, .section--invert .review-tile__button {
    background-color: var(--back-secondary)
}

.reviews-block__head {
    display: grid;
    gap: 32px;
    margin-bottom: 32px
}

.reviews-block__descr {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.reviews-block__button {
    justify-self: start
}

.reviews-block__grid {
    display: grid;
    gap: 32px
}

.reviews-block__footer {
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.reviews-block__form {
    margin-top: 64px
}

.reviews-section .container {
    overflow: hidden
}

.reviews-section__inner {
    padding: 16px 0 0
}

.reviews-section__carousel {
    overflow: visible
}

.reviews-section__slide {
    display: flex;
    justify-content: center;
    height: auto
}

.reviews-section__button {
    width: 188px
}

.reviews-section__button.swiper-button-disabled, .reviews-section__button.swiper-button-lock {
    display: none
}

.search-result {
    max-width: 1392px;
    margin: 0 auto
}

.search-result__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0
}

.search-result__list {
    padding: 0;
    list-style: none;
    display: grid;
    gap: 32px;
    max-width: 1066px;
    margin: 32px 0 0
}

.search-result__item {
    display: grid;
    gap: 16px
}

.search-result__item-title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    margin: 0;
    color: var(--front-brand)
}

.search-result__item-descr {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.section {
    position: relative;
    z-index: var(--z-index-base);
    margin-bottom: -32px
}

.section__inner {
    height: 100%;
    background-color: var(--back-primary);
    border-radius: 32px 32px 0 0
}

.section--gray .section__inner {
    background-color: var(--back-secondary)
}

.section--map .section__inner {
    padding-bottom: 0 !important
}

.section__inner, .section__inner--pbn {
    padding-bottom: 64px
}

.section__header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start;
    padding: 16px 0
}

.section__header--accordion {
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 0 0
}

.section__header-inner {
    display: grid;
    gap: 16px
}

.section__descr, .section__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em;
    margin: 0
}

.section__descr {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.2;
    color: var(--front-secondary)
}

.section__more {
    margin-top: 5px;
    color: var(--front-secondary)
}

.section--gray .section__more, .section--invert .section__more {
    background-color: var(--back-primary)
}

.section__header--accordion .section__more {
    margin: 0
}

.section__button {
    background-color: var(--back-secondary)
}

.section--gray .section__button, .section--invert .section__button {
    background-color: var(--back-primary)
}

.section__body--py {
    padding: 32px 0 0
}

.section__body--py-alt, .section__body--py-small {
    padding: 16px 0 0
}

.section__footer {
    display: flex;
    justify-content: center;
    padding: 32px 0 0
}

.section__accordion {
    height: 0;
    overflow: hidden
}

.section--open .section__accordion {
    height: auto
}

.section-form {
    position: relative;
    z-index: var(--z-index-base);
    margin-bottom: -32px;
    overflow: hidden
}

.section-form__bg {
    background: var(--back-section-form-gradient);
    border-radius: 32px 32px 0 0
}

.section-form__inner {
    position: relative;
    padding: 0 0 64px
}

.section-form__inner::before {
    display: block;
    min-height: 328px;
    content: "";
    aspect-ratio: 1/.9096
}

.section-form__image {
    position: absolute;
    top: 16px;
    width: 100%
}

.section-form__form {
    position: relative;
    z-index: var(--z-index-base);
    display: flex;
    align-items: center;
    padding: 16px 16px 32px;
    background-color: var(--back-primary);
    border-radius: 32px
}

.section-form__factoid {
    position: absolute;
    top: 65vw;
    left: 0;
    z-index: var(--z-index-base);
    width: 180px
}

.section-form__factoid--long {
    top: 48vw;
    right: 0;
    left: auto;
    width: 269px
}

.section-form--reverse .section-form__factoid--long {
    width: 225px
}

.section-header {
    position: relative;
    z-index: var(--z-index-section-header);
    margin-bottom: -32px;
    padding-bottom: 64px
}

.section-header--bc {
    display: none
}

.section-header__grid {
    display: grid;
    gap: 8px
}

.section-header__breadcrumbs {
    display: none
}

.section-header__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1563;
    letter-spacing: .01em;
    margin: 0
}

.section-header__side {
    position: relative;
    display: none;
    align-self: center
}

.section-header__share {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.section-header__icon {
    width: 40px;
    height: 40px
}

.section-header__drop {
    position: absolute;
    top: calc(100% + 21px);
    right: -8px;
    z-index: var(--z-index-base);
    transform: translateY(-16px);
    visibility: hidden;
    opacity: 0;
    transition: all var(--transition-default);
    pointer-events: none
}

.section-header__drop--open {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.section-header__tiles {
    display: grid;
    gap: 16px;
    padding: 32px 0 0
}

.section-header__tile {
    position: relative;
    display: flex;
    align-items: center;
    padding: 32px 24px;
    overflow: hidden;
    background: var(--back-primary);
    border-radius: 32px
}

.section-header__tile-inner {
    position: relative;
    z-index: var(--z-index-base);
    display: grid;
    gap: 4px;
    width: 50%;
    max-width: 260px
}

.section-header__tile-title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    color: var(--front-brand)
}

.section-header__tile-descr {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

.section-header__tile-image {
    position: absolute;
    top: 50%;
    right: 0;
    width: 176px;
    height: auto;
    transform: translateY(-50%)
}

.select {
    min-width: 0
}

.select__field {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    display: flex;
    flex-direction: row;
    min-height: 56px;
    transition: all var(--transition-default)
}

.select__field.ss-main {
    width: 100%;
    padding: 15px;
    background: url(../img/svgSprite.svg#icon__arrow--chevron-down-view) right 16px center no-repeat, var(--back-primary);
    background-size: 20px 20px;
    border: 1px solid var(--input-border-color);
    border-radius: 64px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select__field.ss-main .ss-values {
    width: 100%;
    padding-right: 32px
}

.select__field.ss-main .ss-values .ss-single {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.select__field.ss-main .ss-arrow {
    display: none
}

.select__field.ss-content {
    position: absolute;
    z-index: 100;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-height: 248px;
    padding: 0 15px;
    overflow: hidden;
    background: var(--back-primary);
    background-clip: padding-box;
    border: 1px solid var(--input-border-color);
    border-radius: 32px;
    box-shadow: var(--button-shadow);
    transform: scaleY(0);
    transform-origin: center top;
    opacity: 0;
    transition: transform .25s, opacity .25s
}

.select__field.ss-content.ss-open-above {
    flex-direction: column-reverse;
    transform: scaleY(1) translateY(-4px);
    transform-origin: center bottom;
    opacity: 1
}

.select__field.ss-content.ss-open-below {
    transform: scaleY(1) translateY(4px);
    transform-origin: center top;
    opacity: 1
}

.select__field.ss-content .ss-search {
    display: none
}

.select__field .ss-list {
    display: grid;
    flex: 1 1 auto;
    height: auto;
    padding: 12px 0;
    overflow: hidden auto
}

.select__field .ss-list .ss-option {
    display: flex;
    padding: 8px 0;
    color: var(--front-secondary);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select__field .ss-list .ss-option:hover {
    color: var(--front-brand-hover);
    background-color: transparent
}

.select__field .ss-list .ss-option.ss-selected {
    color: var(--front-primary)
}

.select__field .ss-hide {
    display: none !important
}

.service-block {
    max-width: 1392px;
    margin: 0 auto
}

.service-block__row {
    display: grid;
    gap: 32px
}

.service-block__list {
    display: grid;
    gap: 8px;
    margin-top: 48px
}

.service-block__footer {
    display: flex;
    justify-content: center;
    padding-top: 32px
}

.service-description {
    max-width: 1392px;
    margin: 0 auto
}

.service-description h2 {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0 0 32px
}

.service-description h2:not(:first-child) {
    margin-top: 48px
}

.service-tile {
    background-color: var(--back-secondary);
    border-radius: 32px
}

.service-tile__inner {
    display: grid;
    gap: 16px;
    padding: 16px
}

.service-tile__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.2143;
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    margin: 0
}

.service-tile__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.service-tile__button {
    justify-self: start;
    color: var(--front-secondary);
    background-color: var(--back-primary)
}

.service-tile__image {
    display: none;
    grid-column: 5/8;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 32px;
    aspect-ratio: 544/288
}

.services__grid {
    display: grid;
    gap: 8px
}

.services-tile {
    position: relative;
    padding: 16px;
    overflow: hidden;
    background-color: var(--back-secondary);
    border-radius: 32px
}

.services-tile__inner {
    position: relative;
    z-index: var(--z-index-base);
    display: grid;
    gap: 16px;
    height: 100%
}

.services-tile__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0
}

.services-tile__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px
}

.services-tile__item {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    position: relative;
    padding-left: 18px;
    color: var(--front-secondary)
}

.services-tile__bullit {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    color: var(--front-brand)
}

.services-tile__row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start
}

.services-tile__row::before {
    display: block;
    width: 100%;
    margin-bottom: -72px;
    aspect-ratio: 311/224;
    content: "";
    pointer-events: none
}

.services-tile__more {
    color: var(--front-secondary);
    background-color: var(--back-primary)
}

.services-tile__button {
    width: 100%
}

.services-tile__image {
    position: absolute;
    bottom: 88px;
    width: calc(100% - 32px);
    height: auto
}

.socials {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 2px
}

.socials__link {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    padding: 2px;
    color: var(--front-invert);
    background-color: var(--button-color-default);
    border-radius: 50%
}

.socials__link:focus-visible {
    outline-width: 4px
}

.socials__icon {
    width: 32px;
    height: 32px;
    color: inherit
}

.socials-drop {
    display: grid;
    gap: 16px;
    width: 110px;
    padding: 16px;
    background-color: var(--back-primary);
    border-radius: 28px;
    box-shadow: var(--box-shadow-license)
}

.socials-drop__item {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 78px;
    height: 78px;
    transition: scale var(--transition-default)
}

.socials-drop__icon {
    width: 100%;
    height: 100%
}

.solution {
    width: 100%;
    overflow: hidden
}

.solution__side {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.solution__lead {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0
}

.solution__scroll {
    display: flex;
    margin: 0 calc(var(--page-padding) * -1);
    overflow: auto hidden;
    scrollbar-width: none
}

.solution__scroll::after, .solution__scroll::before {
    display: block;
    flex-shrink: 0;
    width: var(--page-padding);
    height: 100%;
    content: ""
}

.solution__tabs {
    display: flex;
    gap: 24px
}

.solution__tab {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    position: relative;
    display: flex;
    align-items: center;
    width: 328px;
    padding: 14px 22px 14px 14px;
    border: 2px solid var(--back-primary);
    border-radius: 32px;
    cursor: pointer;
    transition: background-color var(--transition-default)
}

.solution__tab--active {
    background-color: var(--back-primary);
    pointer-events: none
}

.solution__tab span {
    position: relative;
    padding-left: 24px
}

.solution__tab span::before {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 4px;
    height: 4px;
    background-color: var(--front-primary);
    border-radius: 50%;
    content: ""
}

.solution__content {
    position: relative;
    display: grid;
    margin-top: 32px
}

.solution__pane, .supervision-tile__link::after {
    opacity: 0;
    transition: all var(--transition-default)
}

.solution__pane {
    display: flex;
    flex-direction: column;
    grid-area: pane;
    padding: 16px;
    overflow: hidden;
    background-color: var(--back-primary);
    border-radius: 32px;
    transform: translateY(24px);
    visibility: hidden
}

.solution__pane--active {
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.solution__descr, .specialist-block__col p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0
}

.solution__descr + .solution__descr, .supervision-tile__block + .supervision-tile__block {
    margin-top: 24px
}

.solution__button {
    width: 188px
}

.specialist-block__inner {
    display: grid;
    gap: 16px;
    max-width: 1392px;
    margin: 0 auto
}

.specialist-block__row {
    display: grid;
    gap: 16px
}

.specialist-block__image {
    width: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    border-radius: 20px;
    aspect-ratio: 1/.8455
}

.specialist-block__col {
    padding: 0 11px
}

.specialist-block__col p {
    font-size: 1.125rem;
    line-height: 1.2223
}

.specialist-block__col-footer {
    display: grid;
    gap: 8px;
    justify-items: start;
    margin-top: 16px;
    padding-bottom: 8px
}

.specialist-block__col-footer p {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.3334;
    letter-spacing: .01em;
    color: var(--front-quaternary)
}

.specialist-block__info {
    padding: 0 11px;
    color: var(--front-secondary)
}

.specialist-block h3, .specialist-block__info p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0
}

.specialist-block__button {
    padding: 16px 32px
}

.specialist-block h2 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    margin: 0 0 8px
}

.specialist-block h3 {
    font-weight: 600;
    margin: 0 0 4px
}

.specialist-block__more {
    margin-top: 16px
}

.specialists-block {
    display: flex;
    justify-content: center
}

.specialists-block__grid {
    display: grid;
    gap: 32px
}

.supervision-block__head {
    max-width: 1054px;
    margin-bottom: 32px
}

.supervision-block__descr, .supervision-block__title {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em;
    margin: 0 0 16px;
    color: var(--front-dark)
}

.supervision-block__descr {
    font-weight: 400;
    margin: 0;
    color: var(--front-secondary)
}

.supervision-block__grid {
    display: grid;
    gap: 32px
}

.supervision-block__form, .text-block + div {
    margin-top: 64px
}

.supervision-tile {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background-color: var(--back-secondary);
    border-radius: 32px
}

.supervision-tile__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 209px;
    background-color: var(--back-primary);
    border-radius: 32px
}

.supervision-tile__image {
    width: auto;
    height: 65px
}

.supervision-tile__inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-self: center;
    max-width: 400px
}

.supervision-tile__title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    margin: 0 0 auto;
    text-align: center
}

.supervision-tile__block {
    display: grid;
    gap: 8px;
    margin-top: 32px
}

.supervision-tile__link, .supervision-tile__subtitle {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1429;
    letter-spacing: .01em
}

.supervision-tile__subtitle {
    color: var(--front-secondary);
    text-align: center
}

.supervision-tile__link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color var(--transition-default);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-self: center;
    color: var(--front-brand)
}

.supervision-tile__link::after {
    align-self: center;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background-color: currentcolor;
    content: ""
}

.text-block {
    display: grid;
    gap: 48px;
    max-width: 1392px;
    margin: 0 auto;
    padding: 16px 0 0
}

.text-block__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1072;
    margin: 0 0 32px
}

.text-block__inner {
    align-self: start
}

.text-block__descr {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin: 0;
    color: var(--front-secondary)
}

.text-block__descr + .text-block__descr {
    margin-top: 32px
}

.text-block__descr--lead {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em
}

.text-block__descr strong {
    font-weight: 600
}

.text-block__row {
    display: grid;
    gap: 16px
}

.text-block__image {
    border-radius: 32px
}

.text-block__important {
    margin-top: -32px
}

.text-block__grid {
    display: grid;
    gap: 16px;
    margin-top: 16px
}

.text-block__grid--alt {
    grid-template-columns:1fr 1fr;
    gap: 8px
}

.text-block__grid--alt .point-tile--alt:nth-child(5) {
    grid-column: 1/-1
}

.text-block__definition {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    color: var(--front-secondary)
}

.text-block__definition span {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em;
    display: block;
    color: var(--front-brand)
}

.text-block__definition + .text-block__definition {
    margin-top: 24px
}

.text-block__price-list {
    padding: 0
}

.textarea {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.2223;
    letter-spacing: .01em;
    outline: 0 solid var(--button-color-focus);
    outline-offset: 1px;
    transition: outline .25s ease-in-out;
    height: 190px;
    padding: 15px;
    background-color: var(--back-primary);
    border: 1px solid var(--input-border-color);
    border-radius: 32px;
    outline: 0;
    transition: all var(--transition-default);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none
}

.textarea:focus-visible {
    outline-width: 4px
}

.textarea::-moz-placeholder {
    color: var(--input-placeholder-color)
}

.textarea::placeholder {
    color: var(--input-placeholder-color)
}

.textarea:focus::-moz-placeholder {
    color: var(--input-placeholder-color-focus)
}

.textarea:focus::placeholder {
    color: var(--input-placeholder-color-focus)
}

.textarea--has-value, .textarea:focus {
    border: 1px solid var(--input-border-color-focus)
}

.textarea--invalid, .textarea--invalid:focus {
    border: 1px solid var(--red-500-64p)
}

.textarea[disabled] {
    cursor: not-allowed;
    opacity: .4
}

.textarea:is(:-webkit-autofill, :-webkit-autofill), .textarea:is(:-webkit-autofill, :-webkit-autofill):focus, .textarea:is(:-webkit-autofill, :-webkit-autofill):hover, .textarea:is(:-webkit-autofill, :autofill), .textarea:is(:-webkit-autofill, :autofill):focus, .textarea:is(:-webkit-autofill, :autofill):hover {
    -webkit-text-fill-color: var(--front-primary);
    -webkit-box-shadow: none
}

.tile-form {
    margin: 0 -16px;
    padding: 16px;
    overflow: hidden;
    background-color: var(--back-secondary);
    border-radius: 32px
}

.tile-form__inner {
    position: relative
}

.tile-form__inner::before {
    display: block;
    min-height: 306px;
    content: "";
    aspect-ratio: 1/.8921
}

.tile-form__image {
    position: absolute;
    top: 16px;
    width: 100%
}

.tile-form__form {
    position: relative;
    z-index: var(--z-index-base);
    padding: 16px 16px 32px;
    background-color: var(--back-primary);
    border-radius: 32px
}

.video-reviews .section__inner {
    overflow: hidden
}

.video-reviews__inner {
    padding: 16px 0 0
}

.video-reviews__carousel {
    margin: 0 -16px;
    padding: 0 16px
}

.video-reviews__link {
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    overflow: hidden;
    border-radius: 32px;
    aspect-ratio: 376/530;
    cursor: pointer
}

.video-reviews__link::before {
    position: absolute;
    inset: 0;
    z-index: var(--z-index-base);
    display: block;
    background-color: var(--back-secondary);
    opacity: .6;
    content: ""
}

.video-reviews__link svg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: var(--z-index-base);
    width: 91px;
    aspect-ratio: 1/1;
    transform: translate(-50%, -50%)
}

.video-reviews__link img {
    -o-object-fit: cover;
    object-fit: cover
}

.video-reviews__button {
    width: 188px
}

.video-reviews__button.swiper-button-disabled, .video-reviews__button.swiper-button-lock {
    display: none
}

.why__inner {
    padding: 32px 0
}

.why__carousel {
    padding-bottom: 52px
}

.why__carousel .swiper-pagination {
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0
}

.why__carousel .swiper-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 10px;
    background-color: var(--front-secondary);
    opacity: 1;
    transition: all var(--transition-default)
}

.why__carousel .swiper-pagination .swiper-pagination-bullet-active {
    scale: 1.5
}

.why__slide {
    display: flex;
    justify-content: center;
    height: auto
}

.header-addresses {
    display: flex;
    gap: 4px 16px;
}

@media (max-width: 1279px) {
    .header-addresses {
        flex-direction: column;
    }
}

@media screen and (min-width: 576px) {
    .audio-reviews__carousel {
        margin: 0 -32px;
        padding: 0 32px
    }

    .blog-block__scroll {
        margin: 0
    }

    .blog-block__scroll::after, .blog-block__scroll::before {
        content: none
    }

    .call-section, .call-slider {
        padding: 0 var(--page-padding)
    }

    .doctors__carousel {
        margin: -40px -32px;
        padding: 0 32px
    }

    .footer__bottom {
        margin: 0 calc(var(--page-padding) * -1);
        padding: 24px var(--page-padding)
    }

    .footer__small {
        align-self: end
    }

    .footer__links {
        display: flex;
        flex-wrap: wrap;
        gap: 16px
    }

    .guarantees {
        padding: 0 var(--page-padding)
    }

    .licenses-block__grid {
        grid-template-columns:1fr 1fr
    }

    .licenses-section__carousel {
        margin: -40px -32px;
        padding: 0 32px
    }

    .main-slider {
        padding: 0 var(--page-padding)
    }

    .main-slider__button {
        justify-self: start;
        margin-top: 32px
    }

    .main-slider__image {
        width: 100%;
        height: auto;
        aspect-ratio: 1/.57
    }

    .opportunities__banner {
        margin: 0
    }

    .page__main {
        padding-bottom: 0
    }

    .page__footer {
        padding: 0 var(--page-padding)
    }

    .page__socials {
        bottom: 50%;
        transform: translateY(50%)
    }

    .page__button {
        display: none
    }

    .panel {
        padding: 0 var(--page-padding)
    }

    .panel--drug .panel__grid::after, .panel--teen .panel__grid::after, .panel__grid::after {
        min-height: unset;
        aspect-ratio: 1/.88
    }

    .panel__image {
        width: 100%;
        -o-object-position: center;
        object-position: center;
        aspect-ratio: 1/1
    }

    .panel--drug .panel__image {
        bottom: -20vw
    }

    .partner-hero__image {
        width: calc(100vw - 64px)
    }

    .partner-levels {
        margin: 0
    }

    .point-tile {
        display: flex;
        gap: 24px;
        align-items: center;
        padding: 32px 20px 32px 24px
    }

    .section, .section-form {
        padding: 0 var(--page-padding)
    }

    .section-form__factoid {
        top: 65vw;
        left: 15vw
    }

    .section-form__factoid--long {
        top: 48vw;
        right: 10vw;
        left: auto
    }

    .section-header {
        padding: 0 var(--page-padding) 64px
    }

    .text-block__grid--alt {
        grid-template-columns:1fr
    }

    .video-reviews__carousel {
        margin: 0 -32px;
        padding: 0 32px
    }
}

@media screen and (min-width: 768px) {
    .action-block__grid {
        grid-template-columns:1fr 1fr
    }

    .action-minitile__title {
        min-height: 48px
    }

    .action-minitile__descr {
        min-height: 64px
    }

    .action-tile {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .action-tile__inner {
        display: flex;
        grid-column: 1/7;
        align-items: center;
        padding: 16px 0 16px 16px
    }

    .action-tile__inner::after {
        content: none
    }

    .action-tile__info {
        gap: 32px
    }

    .action-tile__image {
        grid-column: 5/13;
        height: 100%;
        -webkit-mask-image: linear-gradient(90deg, transparent, var(--front-primary) 160px);
        mask-image: linear-gradient(90deg, transparent, var(--front-primary) 160px);
        aspect-ratio: unset
    }

    .actions-block__grid {
        grid-template-columns:1fr 1fr
    }

    .actions-section__inner {
        margin: 0
    }

    .actions-tile--large {
        display: grid;
        grid-column: 1/-1;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px;
        padding: 0
    }

    .actions-tile--large .actions-tile__image {
        grid-column: 6/13
    }

    .actions-tile--large .actions-tile__inner {
        display: flex;
        flex-direction: column;
        grid-row: 1;
        grid-column: 1/6;
        padding: 24px 0 24px 16px
    }

    .actions-tile__title {
        min-height: 48px
    }

    .actions-tile__descr {
        min-height: 64px
    }

    :is(.actions-tile) .actions-tile__button {
        align-self: start;
        margin-top: auto
    }

    .call-section__row, .call-slider__row {
        display: flex
    }

    .care__illustration {
        padding-bottom: 0
    }

    .care__action {
        position: absolute;
        right: 49px;
        bottom: 155px;
        margin: 0
    }

    .clinics__pane {
        display: grid;
        grid-template-columns:repeat(9, 1fr);
        gap: 32px;
        min-height: 448px
    }

    .clinics__info {
        display: flex;
        flex-direction: column;
        grid-column: 1/4;
        justify-content: space-between;
        height: 100%;
        padding: 16px 0 24px 16px
    }

    .clinics__more {
        align-self: start
    }

    .clinics__image {
        grid-column: 4/10;
        width: 100%;
        height: 100%;
        aspect-ratio: auto
    }

    .footer__nav {
        grid-template-columns:1fr 1fr 1fr;
        align-items: start
    }

    .form__row--50-50, .list-tile {
        grid-template-columns:1fr 1fr
    }

    .form__row--50-50.form__row--center, .form__row--50-50.form__row--footer {
        grid-template-columns:1fr 1fr;
        align-items: center
    }

    .opportunities__inner {
        gap: 40px
    }

    .opportunities__tiles-footer {
        display: none
    }

    .opportunities__carousel {
        margin: 0
    }

    .opportunities__grid {
        display: grid;
        grid-template-columns:1fr 1fr;
        gap: 8px
    }

    .opportunities__slide {
        width: auto !important;
        min-height: 336px;
        margin: 0 !important;
        padding: 0
    }

    .panel__grid {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .panel--drug .panel__grid::after, .panel--teen .panel__grid::after, .panel__grid::after {
        grid-column: 9/13;
        aspect-ratio: unset
    }

    .panel__info {
        grid-column: 1/9
    }

    .panel--drug .panel__image, .panel--teen .panel__image, .panel__image {
        top: 50%;
        right: 0;
        bottom: auto;
        width: 400px;
        height: auto;
        transform: translate(20%, -50%);
        aspect-ratio: unset
    }

    .partners-block__grid {
        grid-template-columns:1fr 1fr
    }

    .popup__window--callback {
        max-width: 600px
    }

    .popup__window--info, .popup__window--review {
        padding: 88px 48px 48px
    }

    .requisites-block__table {
        gap: 24px
    }

    .requisites-block__row {
        grid-template-columns:234px auto;
        gap: 24px 32px
    }

    .requisites-block__td, .requisites-block__th {
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: .01em
    }

    .requisites-block__td {
        font-weight: 600
    }

    .section__header {
        flex-direction: row;
        justify-content: space-between
    }

    .service-block__row, .services__grid, .specialist-block__row, .specialists-block__grid, .supervision-block__grid, .text-block__grid--alt, .text-block__grid--programs {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        flex-direction: row
    }

    .glightbox-container .ginner-container.desc-top .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
        order: 1
    }

    .glightbox-container .ginner-container.desc-left .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-left .gslide-image {
        order: 1
    }

    .gslide-image img {
        max-height: 97vh;
        max-width: 100%
    }

    .gslide-image img.zoomable {
        cursor: zoom-in
    }

    .zoomed .gslide-image img.zoomable {
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left, .gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: rgba(0, 0, 0, .92)
    }

    .glightbox-clean .gslide-media {
        box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65)
    }

    .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
        position: absolute;
        height: 100%;
        overflow-y: auto
    }

    .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
        background-color: rgba(0, 0, 0, .32)
    }

    .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
        background-color: rgba(0, 0, 0, .7)
    }

    .glightbox-clean .gnext, .glightbox-clean .gprev {
        top: 45%
    }
}

@media (min-width: 992px) {
    .glightbox-clean .gclose {
        opacity: .7;
        right: 20px
    }
}

@media screen and (min-width: 992px) {
    :root {
        --page-padding: 32px
    }

    .about-tile__inner {
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .about-tile__info {
        grid-column: 7/13;
        align-self: start
    }

    .about-tile:nth-child(even) .about-tile__info {
        grid-row: 1;
        grid-column: 1/7
    }

    .about-tile__image {
        grid-column: 1/7
    }

    .about-tile:nth-child(even) .about-tile__image {
        grid-column: 7/13
    }

    .about-video__inner {
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .about-video__info {
        grid-column: 7/13;
        align-self: start
    }

    .about-video__frame {
        grid-column: 1/7
    }

    .action-tile {
        min-height: 360px
    }

    .action-tile__inner {
        padding: 0 16px 0 32px
    }

    .action-tile__info {
        max-width: 575px
    }

    .actions-section__footer {
        position: absolute;
        right: 32px;
        bottom: 32px;
        z-index: var(--z-index-base)
    }

    .audio-reviews__carousel {
        margin: 0 -64px;
        padding: 0 64px
    }

    .audio-reviews__tile {
        padding: 10px 0
    }

    .call-section__inner {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px;
        height: 480px;
        padding: 16px 0 64px
    }

    .call-section__info {
        grid-column: 1/7;
        align-self: start
    }

    .call-section__image {
        position: absolute;
        top: 0;
        right: 0;
        grid-column: 7/13;
        height: 100%
    }

    :is(.call-section) .call-section__factoid {
        top: 360px;
        right: 240px;
        display: flex
    }

    :is(.call-section) .call-section__factoid--long {
        top: 305px;
        right: 16px;
        width: 269px
    }

    .call-slider__footer {
        right: 0;
        width: auto;
        padding-right: 24px
    }

    .call-slider__inner {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px;
        height: 400px;
        padding: 16px 0 64px
    }

    .call-slider__info {
        grid-column: 1/7;
        align-self: start
    }

    .call-slider__image {
        position: absolute;
        top: 0;
        right: 0;
        grid-column: 7/13;
        height: calc(100% - 16px);
        transform: translateY(40px)
    }

    .care__cols {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .care__info {
        grid-column: 1/7;
        padding-bottom: 64px
    }

    .care__more {
        justify-self: end
    }

    .care__illustration {
        display: flex;
        flex-direction: column;
        grid-column: 7/13;
        justify-content: center
    }

    .care__action {
        position: static;
        width: 400px;
        margin: -10vw auto 0
    }

    .circle-block__list {
        grid-template-columns:1fr 1fr
    }

    .container {
        padding: 0 32px
    }

    .cure-tile__inner {
        gap: 24px
    }

    .details__header {
        align-items: center;
        padding: 24px 32px
    }

    .details__row {
        flex-direction: row;
        align-items: center
    }

    .details__button {
        align-self: center
    }

    .details__inner {
        padding: 0 32px 32px
    }

    .doctors__carousel {
        margin: -40px -64px;
        padding: 0 64px
    }

    .footer__top {
        padding: 64px 0
    }

    .footer__inner {
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .footer__info {
        grid-row: 1/3
    }

    .footer__social {
        width: 36px;
        height: 36px
    }

    .footer__nav {
        grid-row: 1;
        grid-column: 3/13;
        gap: 32px;
        align-items: start
    }

    .footer__side {
        grid-row: 2;
        grid-column: 3/13
    }

    .footer__row {
        grid-template-columns:repeat(12, 1fr)
    }

    .footer__copy {
        grid-column: 1/4
    }

    .footer__small {
        grid-column: 10/13;
        align-self: start
    }

    .footer__links {
        grid-column: 4/10
    }

    .guarantees__inner {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .guarantees__info {
        grid-column: 6/13;
        align-items: start;
        padding: 32px 0 64px
    }

    .guarantees__side {
        grid-row: 1;
        grid-column: 1/6
    }

    .licenses-block__grid {
        grid-template-columns:1fr 1fr 1fr
    }

    .licenses-section__carousel {
        margin: -40px -64px;
        padding: 0 64px
    }

    .main-slider__footer {
        right: 0;
        width: auto;
        padding-right: 24px
    }

    .main-slider__inner {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px;
        height: 400px;
        padding: 16px 0 64px
    }

    .main-slider__info {
        grid-column: 1/8;
        align-self: start
    }

    .main-slider__image {
        position: absolute;
        top: 0;
        right: 0;
        grid-column: 7/13;
        width: auto;
        height: 100%
    }

    .nav__inner {
        display: grid;
        grid-template-columns:repeat(8, 1fr);
        gap: 32px;
        align-items: start;
        padding: 32px
    }

    .nav__block {
        grid-column: 5/9
    }

    .nav__footer {
        position: sticky;
        top: 32px;
        grid-row: 1;
        grid-column: 1/4;
        margin: 0
    }

    .panel__grid {
        min-height: 400px
    }

    .panel__info {
        justify-content: center
    }

    .panel--drug .panel__image, .panel--teen .panel__image, .panel__image {
        transform: translate(12.5%, -50%)
    }

    .partner-hero__inner {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .partner-hero__info {
        grid-column: 1/7;
        padding: 32px 0 56px
    }

    .partner-hero__descr {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: .01em
    }

    .partner-hero__image {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(50% - 16px);
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .partner-levels__row {
        grid-template-columns:1fr 1fr
    }

    .partner-levels__image, .partner-levels__info {
        align-self: center
    }

    .partner-levels__row--reverse .partner-levels__image {
        grid-column: 2/3
    }

    .partner-levels__row--reverse .partner-levels__info {
        grid-row: 1;
        grid-column: 1/2
    }

    .process, .reviews-block__head {
        grid-template-columns:1fr 1fr
    }

    .reviews-block__button {
        place-self: start end
    }

    .reviews-block__grid {
        grid-template-columns:1fr 1fr
    }

    .section-form__inner {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px;
        padding: 16px 0 64px
    }

    .section-form__inner::before, .tile-form__inner::before {
        grid-column: 1/5;
        aspect-ratio: unset
    }

    .section-form--reverse .section-form__inner::before, .tile-form--reverse .tile-form__inner::before {
        grid-column: 9/13
    }

    .section-form__image {
        top: auto;
        bottom: 0;
        width: 400px
    }

    .section-form--reverse .section-form__image {
        right: 0
    }

    .section-form__form {
        grid-column: 5/13
    }

    .section-form--reverse .section-form__form {
        grid-row: 1;
        grid-column: 1/9
    }

    .section-form__factoid {
        top: 300px;
        left: 0
    }

    .section-form--reverse .section-form__factoid {
        top: 225px;
        right: 11vw;
        left: auto
    }

    .section-form__factoid--long {
        top: 225px;
        left: 3vw
    }

    .section-form--reverse .section-form__factoid--long {
        top: 300px;
        right: 0;
        left: auto
    }

    .text-block__row {
        grid-template-columns:auto 360px;
        gap: 32px
    }

    .text-block__row--revert {
        grid-template-columns:360px auto;
        gap: 32px
    }

    .text-block__grid {
        grid-template-columns:1fr 1fr
    }

    .tile-form {
        margin: 0
    }

    .tile-form__inner {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .tile-form__image {
        top: auto;
        bottom: -16px;
        width: 420px
    }

    .tile-form--reverse .tile-form__image {
        right: 0;
        transform: scaleX(-100%)
    }

    .tile-form__form {
        grid-column: 5/13
    }

    .tile-form--reverse .tile-form__form {
        grid-row: 1;
        grid-column: 1/9
    }

    .video-reviews__carousel {
        margin: 0 -64px;
        padding: 0 64px
    }
}

@media screen and (hover: hover) and (min-width: 1280px) {
    .button-burger:hover {
        background-color: var(--button-color-hover);
        outline: 0
    }
}

@media screen and (min-width: 1280px) {
    :root {
        --header-heigth: 160px
    }

    .about-levels__footer {
        margin-top: 136px
    }

    .about-levels__subtitle {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0;
        margin-bottom: 64px
    }

    .about-levels__row {
        grid-template-columns:repeat(3, 1fr)
    }

    .about-tile__info {
        gap: 32px
    }

    .about-tile__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .about-tile__descr {
        line-height: 1.3334
    }

    .about-video__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .action-block__banner {
        margin-bottom: 32px;
        border-radius: 48px
    }

    .action-block__banner-label {
        display: block
    }

    .action-block__banner-image {
        aspect-ratio: 1/.35
    }

    .action-block__form {
        margin-top: 96px
    }

    .action-block__footer {
        margin-top: 120px
    }

    .action-block__title {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0
    }

    .action-block__grid {
        grid-template-columns:1fr 1fr 1fr;
        gap: 32px;
        padding-bottom: 24px
    }

    .action-minitile {
        padding: 0
    }

    .action-minitile__inner {
        padding: 24px
    }

    .action-minitile__title {
        font-weight: 600;
        font-size: 1.375rem;
        line-height: 1.1819;
        letter-spacing: .01em;
        max-width: 408px;
        min-height: 96px
    }

    .action-minitile__descr {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: .01em;
        min-height: 96px
    }

    .action-tile {
        min-height: 600px;
        border-radius: 48px
    }

    .action-tile__info {
        margin: 0 auto;
        padding: 64px
    }

    .action-tile__label {
        line-height: 1.3334
    }

    .action-tile__row {
        align-items: start
    }

    .action-tile__title, .article-block__body h2 {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    :is(.action-tile) .action-tile__icon {
        width: 88px;
        height: 88px
    }

    .action-tile__descr, .article-block__body p, .article-block__body ul li {
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.2223;
        letter-spacing: .01em
    }

    .actions-block__grid {
        gap: 32px
    }

    .actions-block__footer {
        padding: 32px 0
    }

    .actions-section__inner {
        padding: 32px 0 0
    }

    .actions-tile {
        display: grid;
        grid-template-columns:repeat(6, 1fr);
        gap: 32px;
        padding: 0;
        border-radius: 48px
    }

    .actions-tile--large {
        grid-template-columns:repeat(12, 1fr)
    }

    .actions-tile__image {
        grid-column: 4/7;
        height: 100%;
        min-height: 352px;
        border-radius: 48px
    }

    .actions-tile--large .actions-tile__image {
        grid-column: 6/13;
        width: 100%;
        height: 100%;
        max-height: 453px
    }

    .actions-tile__inner {
        display: flex;
        flex-direction: column;
        grid-row: 1;
        grid-column: 1/4;
        padding: 32px 0 32px 32px
    }

    .actions-tile--large .actions-tile__inner {
        grid-row: 1;
        grid-column: 1/6;
        padding: 64px 0 64px 64px
    }

    .actions-tile__title {
        font-weight: 600;
        font-size: 1.375rem;
        line-height: 1.1819;
        letter-spacing: .01em;
        max-width: 408px;
        min-height: 64px
    }

    .actions-tile__descr {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: .01em;
        min-height: 96px
    }

    .article-author {
        display: flex;
        gap: 21px;
        align-items: center;
        padding: 24px
    }

    .article-author--service {
        margin-bottom: 0
    }

    .article-author__image {
        width: 107px;
        height: 107px
    }

    .article-author__descr {
        color: var(--front-dark)
    }

    .article-block__head {
        margin-top: 0
    }

    .article-block__body p, .article-block__body ul li {
        line-height: 1.3334
    }

    .article-block__date {
        display: block;
        color: var(--front-secondary)
    }

    .article-block__back {
        margin-top: 40px
    }

    .audio-reviews__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .audio-reviews__carousel {
        margin: 0 -32px;
        padding: 0 32px
    }

    .audio-reviews__pill {
        grid-template-columns:60px auto;
        gap: 20px;
        padding: 10px 16px 10px 10px
    }

    .blog-block__head {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 0
    }

    .blog-block__grid {
        gap: 32px
    }

    .blog-section__list {
        gap: 64px
    }

    .blog-section__footer {
        margin-top: 96px
    }

    .blog-tile__descr, .blog-tile__title {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .blog-tile__descr {
        font-weight: 400;
        font-size: 1.125rem;
        letter-spacing: .01em
    }

    .button-burger {
        width: auto;
        height: 56px;
        padding: 12px;
        border-radius: 64px;
        transition: all var(--transition-default)
    }

    .button-more--plus .button-more__title {
        display: block
    }

    .call-section {
        margin-bottom: -48px
    }

    .call-section__bg {
        border-radius: 48px 48px 0 0
    }

    .call-section__inner {
        height: 560px;
        padding: 104px 0
    }

    .call-section__info {
        gap: 24px
    }

    .call-section__title {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0
    }

    .call-section__descr {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: .01em;
        color: var(--front-primary)
    }

    .call-section__row {
        margin-top: 24px
    }

    :is(.call-section) .call-section__factoid {
        top: 380px;
        right: 320px;
        width: 318px
    }

    :is(.call-section) .call-section__factoid--long {
        top: 350px;
        right: 0
    }

    .call-slider {
        margin-bottom: -48px
    }

    .call-slider__bg {
        border-radius: 48px 48px 0 0
    }

    .call-slider__footer {
        padding-bottom: 80px
    }

    .call-slider__inner {
        height: 560px;
        padding: 0 0 96px
    }

    .call-slider__info {
        gap: 24px;
        align-self: center;
        max-width: 585px
    }

    .call-slider__title {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0
    }

    .call-slider__mark {
        letter-spacing: 0;
        font-weight: 700;
        font-size: 1.75rem;
        line-height: 1.1072
    }

    .call-slider__item {
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 1.125;
        letter-spacing: .01em
    }

    .call-slider__image {
        width: 690px;
        height: 690px;
        -o-object-fit: cover;
        object-fit: cover;
        transform: translate(-48px, 0)
    }

    .care__info {
        gap: 32px;
        padding: 64px 0 0
    }

    .care__lead, .care__tile-descr, .care__tile-title, .care__title {
        font-weight: 700;
        font-size: 1.25rem;
        line-height: 1.2;
        letter-spacing: .01em
    }

    .care__tile-descr, .care__tile-title {
        font-weight: 600
    }

    .care__tile-descr {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25
    }

    .care__illustration {
        padding: 0
    }

    .care__action {
        margin: -3vw auto 0
    }

    .care__action-title {
        font-size: 1.75rem;
        line-height: 1.2143;
        letter-spacing: 0
    }

    .circle-block__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .circle-block__inner {
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 32px
    }

    .circle-block__image {
        position: absolute;
        grid-column: 4/10;
        align-self: center
    }

    .circle-block__list {
        z-index: var(--z-index-base);
        display: grid;
        grid-column: 1/-1;
        grid-template-columns:repeat(16, 1fr);
        gap: 52px 32px;
        margin-top: 0
    }

    .circle-block__item:nth-child(1) {
        grid-column: 4/14
    }

    .circle-block__item:nth-child(2) {
        grid-row: 2;
        grid-column: 12/17
    }

    .circle-block__item:nth-child(3) {
        grid-row: 3;
        grid-column: 13/17
    }

    .circle-block__item:nth-child(4) {
        grid-row: 4;
        grid-column: 12/17
    }

    .circle-block__item:nth-child(5) {
        grid-row: 5;
        grid-column: 11/16
    }

    .circle-block__item:nth-child(6) {
        grid-row: 5;
        grid-column: 2/7
    }

    .circle-block__item:nth-child(7) {
        grid-row: 4;
        grid-column: 1/6
    }

    .circle-block__item:nth-child(8) {
        grid-row: 3;
        grid-column: 1/5
    }

    .circle-block__item:nth-child(9) {
        grid-row: 2;
        grid-column: 1/6
    }

    .circle-block__subtitle {
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: 0
    }

    .clinics .section__footer {
        display: none
    }

    .clinics__inner {
        grid-template-columns:repeat(12, 1fr);
        padding: 32px 0 0
    }

    .clinics__scroll {
        grid-column: 1/4;
        margin: 0
    }

    .clinics__scroll::after, .clinics__scroll::before {
        content: none
    }

    .clinics__tabs {
        flex-direction: column;
        gap: 32px;
        width: 100%
    }

    .clinics__tab {
        font-weight: 700;
        font-size: 1.25rem;
        line-height: 1.2;
        letter-spacing: .01em;
        padding: 22px 30px;
        white-space: normal
    }

    .clinics__content {
        grid-column: 4/13
    }

    .clinics__info {
        padding: 32px 0 32px 32px
    }

    .clinics__button-next {
        display: block
    }

    .cure-tile {
        grid-template-columns:88px auto;
        gap: 24px;
        padding: 32px
    }

    .cure-tile__title {
        font-size: 1.5rem;
        letter-spacing: 0
    }

    .cure-tile__descr, .cure-tile__title {
        line-height: 1.3334
    }

    .details__row {
        gap: 32px
    }

    .details__subtitle {
        line-height: 1.3334
    }

    .doctor-tile__title {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .doctor-tile__descr {
        line-height: 1.3334
    }

    .doctors__inner {
        padding-bottom: 0
    }

    .doctors__carousel {
        margin: -40px auto;
        padding: 0
    }

    .error-404 .section__inner {
        margin-top: 72px
    }

    .error-404__icon {
        width: 568px;
        height: 200px;
        margin-top: 36px
    }

    .error-404__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0;
        margin: 64px 0 8px
    }

    .error-404__descr {
        line-height: 1.3334
    }

    .error-404__form {
        margin-top: 104px
    }

    .factoid {
        gap: 16px;
        padding: 15px 31px 15px 15px;
        border-radius: 64px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    :is(.factoid) .factoid__icon {
        width: 88px;
        height: 88px
    }

    .factoid__label {
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: .01em
    }

    .faq-list {
        gap: 8px;
        padding: 64px 0 96px
    }

    .faq-list--section {
        padding: 0
    }

    .footer__info {
        gap: 32px
    }

    .footer__logo {
        width: 278px;
        height: 68px
    }

    .footer__nav-title {
        font-weight: 600;
        font-size: 1.375rem;
        line-height: 1.1819;
        letter-spacing: .01em
    }

    .footer__title {
        line-height: 1.3334
    }

    .footer__bottom .container {
        max-width: 1698px;
        padding: 0
    }

    .footer__row {
        grid-template-columns:168px auto 208px
    }

    .footer__copy {
        grid-column: 1/2
    }

    .footer__small {
        grid-column: 3/4
    }

    .footer__links {
        grid-column: 1/3;
        gap: 8px 32px;
        align-self: start
    }

    .form__inner {
        gap: 32px
    }

    .form__footer--alt {
        gap: 8px
    }

    .form__label, .form__label--alt {
        line-height: 1.3334;
        margin-bottom: -8px
    }

    .form__label--alt {
        margin-bottom: 0
    }

    .form__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .form__title--alt {
        font-weight: 700;
        font-size: 2rem;
        line-height: 1.1563;
        letter-spacing: .01em
    }

    .form__descr {
        line-height: 1.3334
    }

    .form__descr--alt {
        font-weight: 400;
        font-size: 1.375rem;
        line-height: 1.1819;
        letter-spacing: .01em
    }

    .form__row--footer {
        margin-top: 16px
    }

    .form__small--alt, .form__small--popup {
        font-weight: 400;
        font-size: .75rem;
        line-height: 1.1667;
        letter-spacing: .01em
    }

    .form__phone-link {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .gallery__inner {
        margin: 0 -32px;
        padding-top: 32px
    }

    .gallery__carousel {
        width: 1056px;
        margin: 0 auto;
        overflow: visible
    }

    .gallery__footer {
        padding: 40px 0 0
    }

    .gallery__button {
        display: none
    }

    .gallery__buttons {
        display: flex
    }

    .guarantees {
        margin-bottom: -48px
    }

    .guarantees__bg {
        background: url(../img/guarantees__bg--desktop.webp) center no-repeat, var(--back-important);
        background-size: cover;
        border-radius: 48px 48px 0 0
    }

    .guarantees__inner {
        height: 705px
    }

    .guarantees__info {
        gap: 24px;
        padding: 64px 0 138px
    }

    .guarantees__title {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0
    }

    .guarantees__item {
        line-height: 1.3334
    }

    .guarantees__image {
        width: 100%;
        max-width: 545px;
        height: auto;
        margin: 0 auto
    }

    .header__top {
        padding: 17px var(--page-padding) 8px
    }

    .header__brand {
        display: flex;
        gap: 16px;
        align-items: center;
        margin-right: 8px;
        padding: 4px 16px
    }

    .header__logo {
        width: 192px;
        height: 42px
    }

    :is(.header) .header__phone {
        display: block;
        width: 190px
    }

    :is(.header) .header__phone .phone__link {
        line-height: 1.3334
    }

    .header__connection {
        display: flex
    }

    .header__button {
        display: block
    }

    .header__actions, .how__carousel .swiper-pagination {
        display: none
    }

    .header__bottom {
        display: block
    }

    .header-nav__subtitle {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: 0
    }

    .how__inner {
        padding: 0
    }

    .how__carousel {
        padding-bottom: 0
    }

    .how__row, .how__slide {
        gap: clamp(0rem, -16rem + 20vw, 2rem)
    }

    .how__row {
        display: grid;
        grid-template-columns:repeat(4, 1fr);
        max-width: 1328px;
        margin: 0 auto
    }

    .how__slide {
        justify-content: space-between;
        width: auto !important;
        margin: 0 !important;
        padding: 0
    }

    .icon-tile__title {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: 0
    }

    .important {
        padding: 24px 64px
    }

    .important__title {
        font-size: 1.5rem;
        letter-spacing: 0
    }

    .important__item, .important__title, .input {
        line-height: 1.3334
    }

    .licenses-block__descr {
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.2223;
        letter-spacing: .01em
    }

    .licenses-block__grid {
        grid-template-columns:repeat(4, 1fr)
    }

    .licenses-block__form {
        margin-top: 48px
    }

    .licenses-section__inner {
        padding-bottom: 0
    }

    .licenses-section__carousel {
        width: 100%;
        margin: -40px auto;
        padding: 0
    }

    .list-tile {
        padding: 32px 0 0
    }

    .text-block__title + .list-tile {
        padding-top: 0
    }

    .main-slider {
        margin-bottom: -48px
    }

    .main-slider__bg, .main-slider__slide {
        border-radius: 48px 48px 0 0
    }

    .main-slider__footer {
        padding-bottom: 80px
    }

    .main-slider__prev {
        display: block
    }

    .main-slider__inner {
        height: 560px;
        padding: 0 0 96px
    }

    .main-slider__info {
        align-self: center;
        max-width: 764px
    }

    .main-slider__title {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0
    }

    .main-slider__descr {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: 0
    }

    .main-slider__image {
        grid-column: 5/13;
        transform: translateX(32px)
    }

    .main-slider__slide--01 .main-slider__image {
        -o-object-position: 0 70%;
        object-position: 0 70%
    }

    .main-slider__factoid {
        display: flex
    }

    .map__mobile {
        display: none
    }

    .map__title {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: 0
    }

    .map__line {
        line-height: 1.3334
    }

    .map__desktop {
        display: block
    }

    .nav {
        display: flex;
        height: 100dvh;
        background-color: var(--back-primary);
        border-radius: 0 48px 48px 0
    }

    .nav__aside, .nav__close {
        display: block
    }

    .nav__inner {
        grid-template-columns:1fr;
        padding: 0
    }

    .nav__search {
        display: none
    }

    .nav__block {
        grid-column: auto
    }

    .nav__footer {
        display: none
    }

    .nav-section__section {
        position: absolute;
        grid-row: 1;
        grid-column: 1;
        padding: 50px 136px 32px 32px;
        visibility: hidden;
        opacity: 0;
        transition: all var(--transition-default);
        pointer-events: none
    }

    .nav-section__section[data-state=open] {
        position: relative;
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }

    .nav-section__head {
        display: none
    }

    .nav-section__body {
        display: grid;
        gap: 40px;
        justify-items: start;
        max-height: 9999px;
        visibility: visible
    }

    .nav-section__col {
        gap: 10px 32px;
        align-items: start;
        padding: 0
    }

    .nav-section__col--sub-cols {
        grid-template-columns:auto auto
    }

    .nav-section__subtitle {
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.2;
        letter-spacing: .01em
    }

    .nav-section__col--sub-cols .nav-section__subtitle {
        grid-column: 1/3
    }

    .nav-section__list {
        padding-top: 6px
    }

    .nav-section__item {
        padding: 0
    }

    .nav-section__link {
        max-width: 345px
    }

    .nav-section__sublist, .opportunities__inner {
        padding: 0
    }

    .opportunities-tile {
        gap: 32px;
        padding: 48px
    }

    .opportunities-tile--mini {
        gap: 24px;
        padding: 32px
    }

    .opportunities-tile__row {
        flex-direction: row;
        gap: 24px;
        align-items: center
    }

    .opportunities-tile__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .opportunities-tile--mini .opportunities-tile__title {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .opportunities-tile--mini .opportunities-tile__descr {
        line-height: 1.3334
    }

    .page__header {
        position: sticky;
        top: -81px
    }

    .page__main {
        padding-top: 32px
    }

    .page__nav {
        top: 0;
        z-index: var(--z-index-nav-desktop);
        display: flex;
        height: 100%;
        transform: translate(-100%, 0);
        opacity: 1
    }

    [data-state=nav-open] .page__darker {
        visibility: visible;
        opacity: 1
    }

    .pagination {
        gap: 56px;
        padding-bottom: 64px
    }

    .pagination__pages {
        gap: 16px
    }

    .pagination__current, .pagination__link, .pagination__span {
        width: 45px;
        height: 28px
    }

    .pagination__current {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .pagination__arrow {
        width: 58px;
        height: 58px
    }

    .panel {
        margin-bottom: -48px
    }

    .panel__inner {
        padding-bottom: 0;
        border-radius: 48px 48px 0 0
    }

    .panel__grid {
        min-height: 705px
    }

    .panel--drug .panel__grid::after, .panel--teen .panel__grid::after, .panel__grid::after {
        grid-column: 7/13
    }

    .panel__info {
        grid-column: 1/7;
        padding: 16px 0 32px
    }

    .panel__title {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0
    }

    .panel__descr {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.2;
        letter-spacing: .01em
    }

    .panel--drug .panel__image, .panel--teen .panel__image, .panel__image {
        grid-column: 5/13;
        width: 100%
    }

    .partner-hero .section__inner {
        height: 705px
    }

    .partner-hero__info {
        grid-column: 1/6;
        gap: 24px;
        padding: 104px 0 0
    }

    .partner-hero__title {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0
    }

    .partner-hero__descr {
        line-height: 1.3334;
        color: var(--front-primary)
    }

    .partner-hero__image {
        border-radius: 48px 48px 0 0
    }

    .partner-levels {
        padding: 64px 0 24px
    }

    .partner-tile {
        gap: 32px;
        padding: 32px
    }

    .partner-tile__title {
        font-weight: 600;
        font-size: 1.375rem;
        line-height: 1.1819;
        letter-spacing: .01em;
        min-height: 64px
    }

    .partners-block__grid {
        grid-template-columns:1fr 1fr 1fr
    }

    .partners-block__form {
        margin-top: 112px
    }

    .patient__descr {
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.2223;
        letter-spacing: .01em
    }

    .patient__list {
        padding: 0
    }

    .phone__link {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .point-tile__icon {
        align-self: center
    }

    .point-tile__title {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: 0
    }

    .point-tile--alt .point-tile__title {
        font-weight: 700;
        font-size: 1.25rem;
        line-height: 1.2;
        letter-spacing: .01em
    }

    .point-tile__descr {
        line-height: 1.3334
    }

    .popup__title {
        font-size: 1.75rem;
        line-height: 1.2143;
        letter-spacing: 0
    }

    .price-list {
        padding-top: 32px
    }

    .process {
        grid-template-columns:repeat(6, 1fr);
        gap: 32px
    }

    .process__item {
        gap: 32px;
        padding: 48px
    }

    .process__item:nth-child(1) {
        grid-column: 1/3
    }

    .process__item:nth-child(2) {
        grid-column: 3/5
    }

    .process__item:nth-child(3) {
        grid-column: 5/7
    }

    .process__item:nth-child(4) {
        grid-column: 1/4
    }

    .process__item:nth-child(5) {
        grid-column: 4/7
    }

    .process__descr {
        min-height: 80px
    }

    .program {
        display: flex;
        flex-direction: column;
        padding: 32px
    }

    .program--action::before {
        top: 20px;
        right: 23px
    }

    .program__price, .program__title {
        font-size: 1.75rem;
        line-height: 1.2143;
        letter-spacing: 0
    }

    .requisites-block__form {
        margin-top: 48px
    }

    .review-tile {
        gap: 24px;
        padding: 32px
    }

    .review-tile--alt {
        gap: 22px;
        padding: 40px
    }

    .review-tile__title {
        font-size: 1.75rem;
        line-height: 1.2143;
        letter-spacing: 0
    }

    .review-tile--alt .review-tile__title {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .review-tile__button {
        margin: 0
    }

    .reviews-section__inner {
        padding-top: 32px
    }

    .reviews-section__carousel {
        width: 100%;
        margin: 0 auto;
        padding: 0
    }

    .search-result__item-title {
        font-weight: 600;
        font-size: 1.375rem;
        line-height: 1.1819;
        letter-spacing: .01em
    }

    .search-result__item-descr {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: .01em
    }

    .section {
        margin-bottom: -48px
    }

    .section__inner {
        padding-bottom: 104px;
        border-radius: 48px 48px 0 0
    }

    .section__inner--pbn {
        padding-bottom: 64px
    }

    .section__header {
        padding: 64px 0 32px
    }

    .section__header--accordion {
        padding: 32px 0 0
    }

    .section--open .section__header--accordion {
        padding: 32px 0
    }

    .section__descr, .section__title {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0
    }

    .section__header--accordion .section__title {
        font-weight: 700;
        font-size: 1.75rem;
        line-height: 1.1072
    }

    .section__descr {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .section__descr--lg {
        font-weight: 400;
        font-size: 1.375rem;
        line-height: 1.1819;
        letter-spacing: .01em
    }

    .section__body--py, .section__body--py-alt {
        padding: 64px 0 0
    }

    .section__body--py-small {
        padding: 32px 0 0
    }

    .section__footer {
        padding: 40px 0 0
    }

    .section-form {
        margin-bottom: -48px
    }

    .section-form__bg {
        border-radius: 48px 48px 0 0
    }

    .section-form__inner {
        padding: 56px 0 104px
    }

    .section-form__image {
        width: 540px
    }

    .section-form__form {
        padding: 64px
    }

    .section-form__factoid {
        top: 460px;
        width: 318px
    }

    .section-form--reverse .section-form__factoid {
        top: 325px;
        right: 5vw;
        width: 318px
    }

    .section-form__factoid--long {
        top: 325px;
        left: 5vw
    }

    .section-form--reverse .section-form__factoid--long {
        top: 475px;
        right: 0
    }

    .section-header {
        margin-bottom: -48px;
        padding-bottom: 80px
    }

    .section-header--bc {
        display: block
    }

    .section-header__breadcrumbs {
        display: flex
    }

    .section-header__row {
        display: grid;
        grid-template-columns:auto 40px;
        gap: 16px
    }

    .section-header__title {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0;
        padding-bottom: 24px
    }

    .section-header__side {
        display: block
    }

    .section-header__tiles {
        grid-template-columns:repeat(3, 1fr);
        gap: 32px;
        padding: 8px 0 24px
    }

    .section-header__tile-title, .service-description h2 {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .section-header__tile-descr, .select__field, .specialist-block__col p {
        line-height: 1.3334
    }

    .service-block__row {
        grid-template-columns:repeat(3, 1fr)
    }

    .service-block__list {
        gap: 32px;
        margin-top: 64px
    }

    .service-description h2:not(:first-child) {
        margin-top: 64px
    }

    .service-tile {
        display: grid;
        grid-template-columns:repeat(7, 1fr);
        gap: 32px;
        padding: 32px
    }

    .service-tile__inner {
        display: flex;
        flex-direction: column;
        grid-column: 1/5;
        gap: 32px;
        padding: 0
    }

    .service-tile__title {
        font-weight: 700;
        font-size: 1.75rem;
        line-height: 1.1072
    }

    .service-tile__descr {
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.3334;
        letter-spacing: .01em
    }

    .service-tile__button {
        align-self: start;
        margin-top: auto
    }

    .service-tile__image {
        display: block
    }

    .services__footer {
        padding-top: 32px
    }

    .services-tile {
        padding: 48px;
        border-radius: 48px
    }

    .services-tile__inner {
        display: flex;
        flex-direction: column;
        gap: 32px
    }

    .services-tile__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .services-tile__list {
        width: 50%
    }

    .services-tile__row {
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-top: auto
    }

    .services-tile__row::before, .solution__scroll::after, .solution__scroll::before {
        content: none
    }

    .services-tile__button {
        width: auto;
        padding: 16px 32px
    }

    .services-tile__image {
        top: 50%;
        right: 0;
        width: auto;
        height: 70%;
        transform: translateY(-50%);
        aspect-ratio: 1/1
    }

    .solution .section__footer, .why__carousel .swiper-pagination {
        display: none
    }

    .solution__inner {
        display: grid;
        grid-template-columns:1fr 1fr;
        gap: 32px;
        padding: 32px 0 0
    }

    .solution__side {
        align-items: start
    }

    .solution__scroll {
        width: 100%;
        margin: 0
    }

    .solution__tabs {
        flex-direction: column;
        gap: 4px;
        width: 100%
    }

    .solution__tab {
        line-height: 1.3334;
        width: 100%;
        padding: 16px;
        border: 0
    }

    .solution__tab span::before {
        top: 10px
    }

    .solution__content {
        grid-column: 2/3;
        height: 100%;
        margin: 0
    }

    .solution__pane {
        grid-row: 1;
        height: 100%;
        padding: 32px
    }

    .specialist-block__inner {
        gap: 32px
    }

    .specialist-block__row {
        grid-template-columns:544px auto;
        gap: 32px
    }

    .specialist-block__image {
        border-radius: 32px
    }

    .specialist-block__col {
        padding: 0
    }

    .specialist-block p + h2, .specialist-block__col-footer {
        margin-top: 32px
    }

    .specialist-block__info {
        padding: 0 0 32px
    }

    .specialist-block h2, .text-block__definition span {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: 0
    }

    .specialist-block__more {
        margin-top: 32px
    }

    .specialists-block__grid {
        grid-template-columns:1fr 1fr 1fr
    }

    .supervision-block__title {
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 1.125;
        letter-spacing: .01em
    }

    .supervision-block__descr {
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.2223;
        letter-spacing: .01em
    }

    .supervision-block__form {
        margin-top: 48px
    }

    .supervision-tile {
        gap: 32px;
        padding: 32px
    }

    .supervision-tile__thumb {
        height: 322px
    }

    .supervision-tile__image {
        height: 95px
    }

    .supervision-tile__title {
        font-weight: 700;
        font-size: 1.375rem;
        line-height: 1.1819;
        letter-spacing: .01em
    }

    .supervision-tile__link, .supervision-tile__subtitle {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: .01em
    }

    .text-block {
        gap: 64px;
        padding: 64px 0 0
    }

    .text-block__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .text-block__descr--lead {
        line-height: 1.3334
    }

    .text-block__row {
        grid-template-columns:auto 544px
    }

    .text-block__row--revert {
        grid-template-columns:544px auto
    }

    .text-block__grid {
        gap: 32px;
        margin-top: 32px
    }

    .text-block__grid--programs {
        grid-template-columns:1fr 1fr 1fr
    }

    .text-block__grid--alt .point-tile--alt:nth-child(5) {
        grid-column: auto
    }

    .text-block__definition {
        line-height: 1.3334
    }

    .text-block__price-list {
        padding: 0
    }

    .textarea {
        line-height: 1.3334
    }

    .tile-form {
        padding: 32px;
        border-radius: 48px
    }

    .tile-form__image {
        bottom: -32px;
        width: 540px
    }

    .tile-form__form {
        min-height: 528px;
        padding: 64px
    }

    .video-reviews__carousel {
        margin: 0 -32px;
        padding: 0 32px
    }

    .video-reviews__link svg {
        width: 100px
    }

    .why__carousel {
        padding-bottom: 32px
    }

    .why__row {
        display: flex;
        justify-content: space-between;
        max-width: 1368px;
        margin: 0 auto
    }

    .why__slide {
        width: auto !important;
        margin: 0 !important;
        padding: 0
    }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
    .action-minitile__title {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .action-tile__descr {
        line-height: 1.3334
    }

    .actions-tile__title {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .call-slider__mark {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .call-slider__item {
        font-size: 1.75rem;
        line-height: 1.2143;
        letter-spacing: 0
    }

    .care__lead, .care__tile-title, .care__title, .clinics__tab {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: 0
    }

    .footer__nav-title {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .form__title--alt {
        font-size: 3.5rem;
        line-height: 1.1429;
        letter-spacing: 0
    }

    .form__descr--alt {
        font-size: 1.5rem;
        letter-spacing: 0
    }

    .form__descr--alt, .licenses-block__descr {
        line-height: 1.3334
    }

    .nav-section__subtitle, .panel__descr, .point-tile--alt .point-tile__title {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: 0
    }

    .partner-tile__title {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .patient__descr {
        line-height: 1.3334
    }

    .search-result__item-title, .section__descr--lg {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }

    .section__header--accordion .section__title, .service-tile__title {
        font-size: 2.25rem;
        line-height: 1.1112;
        letter-spacing: 0
    }

    .supervision-block__title {
        font-size: 1.75rem;
        line-height: 1.2143;
        letter-spacing: 0
    }

    .supervision-block__descr {
        line-height: 1.3334
    }

    .supervision-tile__title {
        font-size: 1.5rem;
        line-height: 1.3334;
        letter-spacing: 0
    }
}

@media screen and (min-width: 1440px) {
    .action-tile__inner {
        padding: 0
    }

    .call-section__inner {
        height: 705px
    }

    .call-section__info {
        grid-column: 1/6
    }

    .call-section__image {
        grid-column: 6/13
    }

    :is(.call-section) .call-section__factoid {
        top: 440px;
        right: 467px
    }

    :is(.call-section) .call-section__factoid--long {
        top: 380px;
        right: 16px
    }

    .call-slider__inner {
        height: 705px
    }

    .call-slider__info {
        grid-column: 1/6
    }

    .call-slider__image {
        grid-column: 6/13;
        transform: translate(-48px, 40px)
    }

    .care__tile {
        display: grid;
        grid-template-columns:88px auto;
        gap: 8px;
        padding: 24px
    }

    .care__action {
        margin: -15vw auto 0
    }

    .circle-block__image {
        align-self: start;
        margin-top: 112px
    }

    .circle-block__list {
        padding-bottom: 48px
    }

    .circle-block__item:nth-child(1) {
        grid-column: 6/12
    }

    .circle-block__item:nth-child(2) {
        grid-column: 12/16
    }

    .circle-block__item:nth-child(3) {
        grid-column: 13/17
    }

    .circle-block__item:nth-child(4) {
        grid-column: 12/16
    }

    .circle-block__item:nth-child(5) {
        grid-column: 10/15
    }

    .circle-block__item:nth-child(6) {
        grid-row: 5;
        grid-column: 3/8
    }

    .circle-block__item:nth-child(7) {
        grid-row: 4;
        grid-column: 2/6
    }

    .circle-block__item:nth-child(8) {
        grid-row: 3;
        grid-column: 1/5
    }

    .circle-block__item:nth-child(9) {
        grid-row: 2;
        grid-column: 2/6
    }

    .footer__info {
        grid-row: 1/2;
        grid-column: 1/4
    }

    .footer__nav {
        grid-row: 1/2;
        grid-column: 4/10
    }

    .footer__side {
        grid-row: 1/2;
        grid-column: 10/13
    }

    .header__medals {
        display: flex
    }

    .header__connection {
        margin-left: clamp(1rem, -51.5rem + 50vw, 2.5rem)
    }

    .header__row {
        grid-template-columns:clamp(3.5rem, -17.5rem + 23.3333vw, 7rem) minmax(auto, 1116px) auto
    }

    :is(.header) .header__form-search {
        padding: 0 clamp(2.9375rem, -.4375rem + 3.75vw, 3.5rem) 0 clamp(.9375rem, -2.0625rem + 3.3333vw, 1.4375rem)
    }

    .main-slider__inner {
        height: 705px
    }

    .main-slider__slide--01 .main-slider__factoid--long {
        right: 474px
    }

    .main-slider__slide--02 .main-slider__factoid {
        bottom: 437px
    }

    .main-slider__slide--02 .main-slider__factoid--long {
        right: 399px;
        bottom: 149px
    }

    .main-slider__slide--03 .main-slider__factoid {
        right: 248px
    }

    .main-slider__slide--03 .main-slider__factoid--long {
        right: 452px
    }

    :is(.nav) .nav__form-search {
        padding: 0 clamp(2.9375rem, -.4375rem + 3.75vw, 3.5rem) 0 clamp(.9375rem, -2.0625rem + 3.3333vw, 1.4375rem)
    }

    .reviews-section__carousel {
        overflow: hidden
    }

    .section-form__image {
        grid-column: 1/6
    }

    .section-form--reverse .section-form__image {
        grid-column: 6/13
    }

    .section-form--reverse .section-form__factoid {
        top: 325px;
        right: 8vw
    }

    .section-form--reverse .section-form__factoid--long {
        top: 475px;
        right: 0
    }

    .section-header__tile-image {
        width: 214px
    }

    .services-tile__image {
        height: 100%
    }

    .tile-form__image {
        grid-column: 1/6
    }

    .tile-form--reverse .tile-form__image {
        grid-column: 6/13
    }
}

@media screen and (min-width: 1680px) {
    .call-slider__footer {
        padding: 0 128px 80px 0
    }

    .care__illustration {
        align-self: end;
        transform: translateY(104px)
    }

    .care__action {
        position: absolute;
        right: 60px;
        bottom: 152px;
        width: 304px;
        margin: 0
    }

    .form__row--66-33 {
        grid-template-columns:2fr 1fr
    }

    .guarantees__image {
        transform: translateY(48px)
    }

    .header__label {
        display: block
    }

    :is(.header) .header__phone {
        width: auto
    }

    .main-slider__footer {
        padding: 0 128px 80px 0
    }

    .main-slider__slide--01 .main-slider__factoid--long {
        right: 724px
    }

    .main-slider__slide--03 .main-slider__factoid {
        right: 448px
    }

    .main-slider__slide--03 .main-slider__factoid--long {
        right: 652px
    }

    .panel__info {
        margin-bottom: 40px
    }

    .panel--drug .panel__image, .panel--teen .panel__image, .panel__image {
        grid-column: unset;
        width: 1192px;
        height: 100%;
        transform: translate(256px, -50%)
    }

    .section-form__inner {
        padding: 104px 0
    }

    .section-form__inner::before {
        grid-column: 1/7
    }

    .section-form__image {
        top: 0;
        bottom: auto;
        grid-column: 1/7;
        width: calc(100% - 32px)
    }

    .section-form--reverse .section-form__image {
        grid-column: 7/13;
        transform: translateX(clamp(0rem, -35rem + 33.3333vw, 5rem))
    }

    .section-form--reverse .section-form__inner::before, .section-form__form, .tile-form--reverse .tile-form__inner::before {
        grid-column: 7/13
    }

    .section-form--reverse .section-form__form, .tile-form__inner::before {
        grid-column: 1/7
    }

    .section-form__factoid {
        top: 303px;
        left: 0
    }

    .section-form--reverse .section-form__factoid {
        top: 200px;
        right: 450px;
        left: auto
    }

    .section-form__factoid--long {
        top: 200px;
        left: 458px
    }

    .section-form--reverse .section-form__factoid--long {
        top: 303px;
        right: 0;
        left: auto
    }

    .section-header__tile-inner {
        width: 75%
    }

    .specialists-block__grid {
        grid-template-columns:repeat(4, 1fr)
    }

    .supervision-block__grid, .text-block__grid--col3 {
        grid-template-columns:1fr 1fr 1fr
    }

    .tile-form__image {
        top: 0;
        bottom: auto;
        grid-column: 1/7;
        width: 100%
    }

    .tile-form--reverse .tile-form__image, .tile-form__form {
        grid-column: 7/13
    }

    .tile-form--reverse .tile-form__form {
        grid-column: 1/7
    }
}

@media screen and (max-height: 420px) {
    .goverlay {
        background: #000
    }
}

@media (hover: hover) {
    .breadcrumbs__link:hover {
        color: var(--front-primary)
    }

    .button:hover {
        background-color: var(--button-color-hover)
    }

    .button--tertiary:hover {
        color: var(--front-invert);
        border-color: var(--button-color-hover)
    }

    .button-arrow:hover .button-arrow__arrow {
        scale: 1.0571
    }

    .button-burger, .button-iconed, .socials__link {
        outline: 0 solid var(--button-color-default);
        outline-offset: -1px
    }

    .button-burger:hover {
        outline-width: 3px
    }

    .button-burger:focus-visible {
        outline: 4px solid var(--button-color-focus);
        outline-offset: 1px
    }

    .button-burger:hover .button-burger__line-tl {
        transform: translate(-50%, -7px)
    }

    .button-burger:hover .button-burger__line-tr {
        transform: translate(50%, -7px)
    }

    [data-state=nav-open] .button-burger:hover .button-burger__line-tl {
        transform: translate(-50%, 0) rotate(45deg)
    }

    [data-state=nav-open] .button-burger:hover .button-burger__line-tr {
        transform: translate(50%, 0) rotate(-45deg)
    }

    .button-burger:hover .button-burger__line-bl {
        transform: translate(-50%, 7px)
    }

    .button-burger:hover .button-burger__line-br {
        transform: translate(50%, 7px)
    }

    [data-state=nav-open] .button-burger:hover .button-burger__line-bl {
        transform: translate(-50%, 0) rotate(-45deg)
    }

    [data-state=nav-open] .button-burger:hover .button-burger__line-br {
        transform: translate(50%, 0) rotate(45deg)
    }

    .button-iconed:hover {
        outline-width: 3px
    }

    .button-more:hover {
        color: var(--front-invert)
    }

    .button-more:hover::after {
        left: 4px
    }

    .footer__mail:hover::after, .footer__nav-link:hover::after {
        width: 100%;
        opacity: .4
    }

    .footer__social:hover {
        scale: 1.05
    }

    .footer__nav-link:hover, .form__phone-link:hover {
        color: var(--front-brand-hover)
    }

    .footer__doc-link:hover::after, .footer__link:hover::after, .form__small a:hover::after, .header-nav__sublink:hover::after, .header-nav__subsublink:hover::after, .header-nav__title:hover::after, .map__line a:hover::after {
        width: 100%;
        opacity: 1
    }

    .header-nav__link:hover, .header-nav__sublink:hover, .header-nav__subsublink:hover, .nav__aside-link:hover {
        color: var(--front-brand)
    }

    .license-tile:hover::before {
        opacity: 1
    }

    .license-tile:hover .license-tile__image {
        box-shadow: var(--box-shadow-license);
        scale: 1
    }

    .nav-section__link:hover::after, .nav-section__sublink:hover::after, .nav-section__title:hover::after, .nav__aside-link:hover::after, .requisites-block__table a:hover::after {
        width: 100%;
        opacity: 1
    }

    .nav-section__link:hover, .nav-section__sublink:hover, .nav-section__title:hover {
        color: var(--front-brand-hover)
    }

    .page__socials-link:hover::before {
        scale: 1.0606
    }

    .page__socials-link--tg:hover::before {
        background-color: var(--telegram-color-hover)
    }

    .page__socials-link--wa:hover::before {
        background-color: var(--whatsapp-color-hover)
    }

    .pagination__link:hover {
        color: var(--blue-700)
    }

    .phone__link:hover {
        color: var(--front-brand-hover)
    }

    .phone__sublink:hover::after {
        width: 100%;
        opacity: .4
    }

    .program__button-round:hover, .program__button:hover {
        background-color: var(--button-color-hover)
    }

    .socials__link:hover {
        outline-width: 3px
    }

    .socials__link:focus-visible {
        outline: 4px solid var(--button-color-focus);
        outline-offset: 1px
    }

    .socials-drop__item:hover {
        scale: .96
    }

    .supervision-tile__link:hover::after {
        width: 100%;
        opacity: 1
    }
}

@media (prefers-reduced-motion: reduce) {
    *, ::after, ::before {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-delay: 0s !important;
        transition-duration: 0s !important
    }
}