@charset "UTF-8";@font-face {
    font-family: Manrope;
    font-display: swap;
    src: url(../fonts/Manrope-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

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

@font-face {
    font-family: Manrope;
    font-display: swap;
    src: url(../fonts/Manrope-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}

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

:root {
    --primary: #2287e7;
    --primary-0: #ffffff;
    --primary-4: #edf5fd;
    --primary-8: #daebfb;
    --primary-12: #c8e1f9;
    --primary-16: #b6d7f7;
    --primary-20: #a3cdf5;
    --primary-24: #91c3f3;
    --primary-28: #7ebaf1;
    --primary-32: #6cb0ef;
    --primary-36: #5aa6ed;
    --primary-40: #479ceb;
    --primary-44: #3592e9;
    --primary-48: #2388e7;
    --primary-52: #187edc;
    --primary-56: #1673ca;
    --primary-60: #1469b8;
    --primary-64: #125ea5;
    --primary-68: #105493;
    --primary-72: #0e4981;
    --primary-76: #0c3f6e;
    --primary-80: #0a345c;
    --primary-84: #082a49;
    --primary-88: #061f37;
    --primary-92: #041525;
    --primary-96: #020a12;
    --primary-100: #020a12;
    --secondary: #F83A3A;
    --secondary-0: #FFFFFF;
    --secondary-4: #FEEBEB;
    --secondary-8: #FED8D8;
    --secondary-12: #FDC4C4;
    --secondary-16: #FCB0B0;
    --secondary-20: #FB9D9D;
    --secondary-24: #FB8989;
    --secondary-28: #FA7575;
    --secondary-32: #F95454;
    --secondary-36: #F94E4E;
    --secondary-40: #F83A3A;
    --secondary-44: #F72626;
    --secondary-48: #F61313;
    --secondary-52: #EC0909;
    --secondary-56: #D90808;
    --secondary-60: #C50707;
    --secondary-64: #B10606;
    --secondary-68: #9D0606;
    --secondary-72: #8A0505;
    --secondary-76: #760404;
    --secondary-80: #620404;
    --secondary-84: #4F0303;
    --secondary-88: #3B0202;
    --secondary-92: #270101;
    --secondary-96: #140101;
    --secondary-100: #140101;
    --accent: #FFBE5C;
    --icon-green: #3BCE98;
    --icon-green-l: #8de2c3;
    --bg-primary: #ffffff;
    --bg-secondary: #f2f6fa;
    --bg-accent: #e2ebf4;
    --bg-inverse: #c7d6e6;
    --bg-header: #494a53;
    --text-primary: #1c1f21;
    --text-secondary: #717c84;
    --text-accent: #a7aeb4;
    --text-inverse: #e6e6e6;
    --service: #F83A3A;
    --service-0: #FFFFFF;
    --service-4: #f4f5f6;
    --service-8: #e9ebed;
    --service-12: #DDE0E3;
    --service-16: #D2D6DA;
    --service-20: #C7CCD1;
    --service-24: #BCC2C8;
    --service-28: #B0B8BF;
    --service-32: #A5AEB6;
    --service-36: #9AA4AC;
    --service-40: #8F9AA3;
    --service-44: #84909A;
    --service-48: #788691;
    --service-52: #6E7C87;
    --service-56: #65727B;
    --service-60: #5C6870;
    --service-64: #535E65;
    --service-68: #49545A;
    --service-72: #404A4F;
    --service-76: #373F43;
    --service-80: #2E3538;
    --service-84: #252A2D;
    --service-88: #1C1F22;
    --service-92: #121416;
    --service-96: #090A0B;
    --service-100: #111111
}

* {
    padding: 0;
    margin: 0;
    border: 0px
}

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

:focus,:active {
    outline: none
}

a:focus,a:active {
    outline: none
}

html,body {
    position: relative;
    min-height: 100vh;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    min-width: 320px;
    font-size: .5208333333vw;
    background-color: var(--bg-secondary)
}

@media (max-width: 47.99875em) {
    html,body {
        font-size:1.7857142857vw
    }
}

body {
    color: var(--text-primary);
    line-height: 1.2;
    font-family: Manrope,sans-serif,sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 47.99875em) {
    body.vbox-open {
        padding-right:17px
    }
}

@media (max-width: 47.99875em) {
    body {
        font-size:2.2rem
    }
}

input,button,textarea {
    font-family: Manrope,sans-serif;
    font-size: inherit;
    line-height: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: transparent
}

a {
    color: inherit;
    text-decoration: none;
    outline-offset: 0px
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,h2,h3,h4,h5,h6 {
    font-weight: inherit;
    font-size: inherit
}

body {
    display: block;
    line-height: 1.4
}

.lock body {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none
}

.lock body:after {
    opacity: 1;
    transition: opacity .5s
}

.menu-open body {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none
}

.menu-open body:after {
    opacity: 1;
    transition: opacity .5s
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@supports (overflow: clip) {
    .wrapper {
        overflow:clip
    }
}

.wrapper>main {
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: 159rem;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 47.99875em) {
    [class*=__container] {
        max-width:94%
    }
}

.form__items {
    display: flex;
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .form__items {
        flex-direction:column
    }
}

.form__item {
    position: relative
}

.form__label {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 1.6rem;
    height: 100%;
    color: var(--text-secondary);
    pointer-events: none;
    transition: .3s ease all
}

.form__label span {
    color: var(--orange)
}

@media (max-width: 47.99875em) {
    .form__label {
        top:3rem;
        padding: 0 3rem
    }
}

.form__error {
    position: absolute;
    left: 2rem;
    font-size: 1.6rem;
    color: var(--secondary-light)
}

@media (max-width: 47.99875em) {
    .form__error {
        font-size:1.8rem;
        bottom: 1rem;
        left: initial;
        right: 3rem
    }
}

input[type=text],input[type=email],input[type=tel],textarea {
    font-weight: 600
}

input[type=text]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=tel]::-moz-placeholder,textarea::-moz-placeholder {
    font-weight: 400;
    color: var(--text-accent)
}

input[type=text]::placeholder,input[type=email]::placeholder,input[type=tel]::placeholder,textarea::placeholder {
    font-weight: 400;
    color: var(--text-accent)
}

input {
    position: relative;
    height: 6.4rem;
    padding: 0 2rem;
    border-radius: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    border: 1px solid var(--primary-12);
    outline: 0px solid var(--bg-primary);
    transition: all .3s
}

input:not(:-moz-placeholder-shown)+.form__label {
    opacity: 1;
    top: -2rem;
    font-size: 1.4rem
}

input:focus+.form__label,input:not(:placeholder-shown)+.form__label {
    opacity: 1;
    top: -2rem;
    font-size: 1.4rem
}

@media (max-width: 47.99875em) {
    input:not(:-moz-placeholder-shown)+.form__label {
        top:-3rem;
        font-size: 1.6rem
    }

    input:focus+.form__label,input:not(:placeholder-shown)+.form__label {
        top: -3rem;
        font-size: 1.6rem
    }
}

input--green {
    outline: none;
    background: linear-gradient(0deg,#ffffff75,#ffffff75),linear-gradient(0deg,#7ccebb 3.98%,#55b39a 78.77%),linear-gradient(0deg,#acacac,#acacac)
}

input--green::-moz-placeholder {
    color: var(--green);
    font-weight: 600
}

input--green::placeholder {
    color: var(--green);
    font-weight: 600
}

@media (max-width: 47.99875em) {
    input {
        height:8rem;
        border-radius: 2rem
    }
}

label {
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--text-secondary)
}

@media (max-width: 47.99875em) {
    label {
        font-size:1.8rem
    }
}

textarea {
    padding: 2rem;
    outline: none;
    background-color: var(--bg-primary);
    text-align: left;
    transition: all .2s ease-in-out;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1.2rem;
    border: 1px solid var(--primary-12);
    resize: none
}

@media (max-width: 47.99875em) {
    textarea {
        border-radius:2rem
    }
}

textarea.input {
    resize: none;
    padding: 0
}

input::-moz-placeholder {
    font-weight: 400;
    color: var(--text-secondary)
}

input::placeholder {
    font-weight: 400;
    color: var(--text-secondary)
}

._form-error input,._form-error textarea {
    outline: 2px solid var(--accent)
}

.select {
    min-width: 0;
    width: 100%;
    position: relative
}

.select.error .select__title {
    border: 1px solid rgb(255,150,150)
}

.select__body {
    position: relative
}

.select__title {
    position: relative;
    width: 100%;
    outline: none;
    text-align: left;
    font-weight: 600;
    z-index: 10
}

@media (max-width: 47.99875em) {
    .select__title {
        text-align:left;
        font-size: 2.4rem
    }
}

.select__value {
    display: flex;
    min-width: 0;
    align-items: center;
    height: 3rem;
    gap: 1rem
}

.select__value>* {
    flex: 1 1 auto
}

.select__value:after,.select__value:before {
    content: "";
    width: 1rem;
    height: .2rem;
    background-color: var(--text-secondary);
    position: absolute;
    right: 0;
    transition: all .3s ease .3s
}

@media (max-width: 47.99875em) {
    .select__value:after,.select__value:before {
        width:1.6rem;
        height: 2px
    }
}

.select__value:after {
    transform: rotate(-40deg)
}

._select-open .select__value:after {
    transform: rotate(40deg);
    transition: all .5s
}

.select__value:before {
    right: .7rem;
    transform: rotate(40deg)
}

@media (max-width: 47.99875em) {
    .select__value:before {
        right:1.1rem
    }
}

._select-open .select__value:before {
    transform: rotate(-40deg);
    transition: all .5s
}

.select__value._select-pseudo-label:before {
    content: attr(data-pseudo-label);
    opacity: .5
}

.select__content,.select__text {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select__input {
    width: 100%;
    background-color: transparent;
    height: 100%
}

.select__options {
    position: absolute;
    width: calc(100% + 4.4rem);
    opacity: 1;
    top: 1.4rem;
    left: -2.2rem;
    background-color: var(--bg-secondary);
    border-radius: 0 0 3rem 3rem;
    border-top: 0;
    border-bottom: 2px solid var(--bg-accent);
    border-right: 2px solid var(--bg-accent);
    border-left: 2px solid var(--bg-accent);
    padding: 3rem 2rem;
    z-index: 1
}

@media (max-width: 47.99875em) {
    .select__options {
        width:calc(100% + 6.6rem);
        top: 1.8rem;
        left: -3.3rem;
        padding: 3rem
    }
}

.select__scroll {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 20rem
}

@media (max-width: 47.99875em) {
    .select__scroll {
        max-height:30rem;
        gap: 2rem;
        font-size: 2.4rem
    }
}

.select__option {
    width: 100%;
    text-align: left;
    cursor: pointer;
    color: inherit
}

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

.select__option._select-selected {
    background-color: var(--bg-primary)
}

@media (any-hover: hover) {
    .select__option:hover {
        color:var(--primary)
    }
}

.select__row {
    display: inline-flex;
    align-items: center
}

.select_show-top .select__options {
    top: auto;
    bottom: calc(100% - .1rem);
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding: 5px 0 10px
}

._select-tag {
    cursor: pointer
}

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

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

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

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

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

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

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

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

.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- {
    color: var(--adp-color-current-date)
}

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

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

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

.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.-disabled-.-current-.-focus- {
    color: var(--adp-color-disabled)
}

.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- {
    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: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    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- {
    color: #fff;
    border: none;
    background: var(--adp-cell-background-color-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 {
    color: var(--adp-day-name-color);
    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--title,.air-datepicker-nav--action {
    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: none
}

.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: none;
    background: #fff0
}

.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: none
}

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

.air-datepicker-button span {
    outline: none;
    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: 14px;
    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: 19px;
    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-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after {
    opacity: 1
}

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

.air-datepicker-time--row {
    display: flex;
    align-items: center;
    font-size: 11px;
    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: none;
    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: none
}

.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: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: #0000;
    background: #0000
}

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

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

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

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

.air-datepicker {
    --adp-font-size: 14px;
    --adp-width: 26rem;
    --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: var(--bg-primary);
    --adp-background-color-hover: var(--bg-secondary);
    --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: var(--primary);
    --adp-background-color-selected-other-month: var(--primary);
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: var(--primary);
    --adp-color-current-date: var(--primary);
    --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: var(--primary);
    --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: var(--primary);
    --adp-cell-background-color-selected-hover: var(--primary);
    --adp-cell-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, .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: .7rem .7rem 8rem 2rem #455d7414;
    border-radius: 1.2rem;
    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: 30rem;
    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)
}

@media (max-width: 47.99875em) {
    .air-datepicker {
        width:40rem
    }
}

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

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

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

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

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

.air-datepicker.-active-:not(.-custom-position-) {
    transform: translate(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 {
    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: none
}

.air-datepicker.-is-mobile- * {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

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

.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 {
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);
    position: absolute;
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    z-index: -1
}

.air-datepicker--pointer:after {
    content: "";
    position: absolute;
    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);
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    box-sizing: border-box
}

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

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

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

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

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

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

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

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

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

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

.-top-center- .air-datepicker--pointer,.-bottom-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
}

body:after {
    content: "";
    background-color: #0006;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 99;
    transition: opacity .3s
}

.dialog {
    position: relative;
    padding: 0;
    margin: 0;
    max-width: 60rem;
    width: 100%;
    border: none;
    border-radius: 3rem;
    background: var(--bg-primary);
    box-shadow: 1.4rem 1.4rem 16rem 4rem #455d7414;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.95);
    opacity: 0;
    visibility: hidden;
    overflow: visible
}

@media (max-width: 47.99875em) {
    .dialog {
        max-width:calc(100dvw - 6%)
    }
}

.dialog__message {
    color: var(--text-secondary);
    font-size: 1.4rem
}

@media (max-width: 47.99875em) {
    .dialog__message {
        font-size:1.6rem
    }
}

.dialog__close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    background-color: var(--bg-primary);
    border-radius: 50%
}

@media (min-width: 47.99875em) {
    .dialog__close {
        top:3rem;
        right: -5.8rem
    }
}

@media (max-width: 47.99875em) {
    .dialog__close {
        top:-7.4rem;
        right: 0;
        width: 6.4rem;
        height: 6.4rem
    }
}

.dialog__close:hover svg {
    rotate: 90deg
}

.dialog__close svg {
    width: 2.4rem;
    fill: var(--text-secondary);
    transition: all .3s
}

@media (max-width: 47.99875em) {
    .dialog__close svg {
        width:3rem
    }
}

.dialog__title {
    font-size: 3rem;
    font-weight: 700
}

@media (max-width: 47.99875em) {
    .dialog__title {
        font-size:3.8rem
    }
}

.dialog__description {
    color: var(--text-secondary)
}

.dialog .price-modal__title {
    font-size: 2.6rem;
    margin-bottom: 2rem
}

@media (max-width: 47.99875em) {
    .dialog .price-modal__title {
        font-size:3rem
    }
}

.dialog__icons {
    display: flex;
    justify-content: center
}

@media (min-width: 47.99875em) {
    .dialog__icons {
        gap:4rem
    }
}

@media (max-width: 47.99875em) {
    .dialog__icons {
        justify-content:space-between;
        gap: 4rem
    }
}

.dialog__icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    font-size: 1.4rem;
    color: var(--text-secondary);
    border-radius: 2rem
}

@media (min-width: 47.99875em) {
    .dialog__icon {
        padding:2rem;
        min-width: 10rem
    }
}

@media (max-width: 47.99875em) {
    .dialog__icon {
        width:100%;
        font-size: 1.8rem;
        gap: 1.6rem
    }

    .dialog__icon span {
        display: none
    }

    .dialog__icon .button-icon {
        width: 8rem;
        height: 8rem
    }
}

.dialog form {
    display: flex;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .dialog form {
        flex-direction:column
    }
}

.dialog form input,.dialog form .button-block {
    flex: 1 1 100%
}

.dialog form .button-block button {
    width: 100%
}

.dialog::backdrop {
    background: #0000;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: all .3s ease-in-out
}

.dialog[open] {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%,-50%) scale(1);
    transition: transform .3s ease-out,opacity .3s ease-out,visibility 0s linear
}

.dialog__content {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.dialog p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--text-primary)
}

@media (max-width: 47.99875em) {
    .dialog p {
        font-size:2rem
    }
}

.dialog [data-dialog-close]:hover {
    background: #e5e7eb
}

.dialog [data-dialog-close]:active {
    background: #d1d5db
}

@media (max-width: 640px) {
    .dialog {
        max-height:90vh
    }
}

@keyframes dialogShow {
    0% {
        opacity: 0;
        transform: translate(-50%,-48%) scale(.96)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes dialogHide {
    0% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%,-48%) scale(.96)
    }
}

.dialog[open] {
    animation: dialogShow .3s ease-out forwards
}

.dialog.closing {
    animation: dialogHide .2s ease-out forwards
}

.dialog.closing::backdrop {
    animation: backdropShow .2s ease-out reverse forwards
}

.popup__close {
    top: 3rem;
    right: 3rem;
    position: absolute;
    display: flex;
    font-size: 1.4rem;
    justify-content: center;
    align-items: center;
    color: var(--text-accent);
    width: 4rem;
    height: 4rem;
    padding: 1rem 1rem 0 0
}

.popup__close:hover svg {
    rotate: -90deg
}

.popup__close svg {
    width: 2.2rem;
    height: 2.2rem;
    fill: var(--text-accent);
    transition: rotate .3s
}

@media (max-width: 47.99875em) {
    .popup__close {
        top:4rem;
        right: 4rem;
        width: 2.4rem;
        height: 2.4rem
    }
}

.spollers {
    display: grid;
    gap: 15px
}

.spollers__item {
    font-size: 2rem
}

.spollers__title {
    width: 100%;
    cursor: default;
    text-align: left;
    padding: 1rem 1.5rem;
    position: relative
}

._spoller-init .spollers__title {
    cursor: pointer
}

._spoller-init .spollers__title:before,._spoller-init .spollers__title:after {
    content: "";
    position: absolute;
    right: 3rem;
    top: 50%;
    background-color: var(--text-secondary);
    height: .3rem;
    width: 2rem;
    transition: opacity .3s ease 0s
}

._spoller-init .spollers__title:before {
    transform: rotate(90deg)
}

._spoller-init .spollers__title:after {
    transform: translate(0);
    right: 3rem
}

._spoller-init .spollers__title._spoller-active:before {
    opacity: 0
}

[data-ripple] {
    position: relative;
    overflow: hidden
}

.ripple {
    position: absolute;
    border-radius: 50%;
    background-color: #ffffff4d;
    border: 1px solid rgba(255,255,255,.5);
    animation: button-circle 1.5s ease forwards
}

@keyframes button-circle {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(10);
        opacity: 0
    }
}

[class*=ibg] {
    position: relative
}

[class*=ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain
}

:root {
    scroll-behavior: smooth;
    scroll-padding-top: 12rem;
    --swiper-space-between: 4rem
}

:root svg {
    fill-rule: evenodd;
    clip-rule: evenodd
}

section {
    margin-bottom: 16rem
}

@media (max-width: 47.99875em) {
    section {
        margin-bottom:20rem
    }
}

h1,h2,h3,h4 {
    position: relative;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.2
}

h1 {
    font-size: 5.2rem;
    margin-bottom: 2rem
}

h1 span {
    background-image: linear-gradient(to bottom,var(--primary-24),var(--primary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

@media (max-width: 47.99875em) {
    h1 {
        font-size:4.4rem;
        margin-bottom: 4rem
    }
}

h2 {
    font-size: 4.2rem;
    text-align: left
}

@media (max-width: 47.99875em) {
    h2 {
        font-size:3.8rem
    }
}

h3 {
    font-size: 3.2rem
}

@media (max-width: 47.99875em) {
    h3 {
        font-size:2.6rem
    }
}

h4 {
    font-size: 2.2rem
}

.box {
    background-color: var(--bg-primary);
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

@media (max-width: 47.99875em) {
    .box {
        box-shadow:.7rem .7rem 8rem 2rem #455d740f
    }
}

.box-glass {
    border: 1px solid var(--bg-primary);
    background-color: var(--bg-secondary);
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

@media (max-width: 47.99875em) {
    .box-glass {
        box-shadow:.7rem .7rem 8rem 2rem #455d740f
    }
}

.gr-4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .gr-4 {
        grid-template-columns:1fr
    }
}

.gr-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .gr-3 {
        grid-template-columns:1fr
    }
}

.gr-3-1 {
    display: grid;
    grid-template-columns: calc(.75*(100% - 9rem) + 6rem) calc((100% - 9rem)/4);
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .gr-3-1 {
        display:block
    }
}

.gr-1-3 {
    display: grid;
    grid-template-columns: calc((100% - 9rem)/4) calc(.75*(100% - 9rem) + 6rem);
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .gr-1-3 {
        grid-template-columns:1fr
    }
}

.gr-2-1 {
    display: grid;
    grid-template-columns: calc(2 * (100% - 2 * 3rem) / 3 + 1 * 3rem) calc((100% - 2 * 3rem) / 3);
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .gr-2-1 {
        grid-template-columns:1fr
    }
}

.gr-1-2 {
    display: grid;
    grid-template-columns: calc((100% - 2 * 3rem) / 3) calc(2 * (100% - 2 * 3rem) / 3 + 1 * 3rem);
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .gr-1-2 {
        grid-template-columns:1fr
    }
}

.gr-1-2-1 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 4rem;
    align-items: start
}

@media (max-width: 47.99875em) {
    .gr-1-2-1 {
        display:block
    }
}

.gr-2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .gr-2 {
        grid-template-columns:1fr
    }
}

.center {
    margin: 0 auto
}

@media (max-width: 47.99875em) {
    .input--full {
        width:100%
    }
}

.button {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    height: 6.4rem;
    width: -moz-max-content;
    width: max-content;
    padding: 0 3rem;
    background-color: var(--secondary);
    background: linear-gradient(to top,var(--secondary),var(--secondary-40));
    color: var(--bg-primary);
    border-radius: 1.2rem;
    font-weight: 400;
    z-index: 30;
    letter-spacing: .06rem
}

@media (max-width: 47.99875em) {
    .button {
        height:8rem;
        border-radius: 2rem
    }
}

.button--blue {
    border: 1px solid var(--primary-52);
    background: linear-gradient(to top,var(--primary),var(--primary-40))
}

.button--glass {
    background: #ffffff2c;
    border: 1px solid rgba(255,255,255,.2117647059);
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

.button--services {
    font-weight: 600;
    color: var(--bg-primary);
    background-color: var(--primary);
    background: linear-gradient(to top,var(--primary),var(--primary-40));
    gap: 1.2rem;
    padding: 0 3rem 0 2.4rem;
    height: 5.4rem
}

@media (max-width: 47.99875em) {
    .button--services {
        height:8rem;
        min-width: 50%;
        padding: 0 7rem;
        gap: 2rem;
        margin: 0 auto
    }
}

.button--services svg {
    width: 1.8rem;
    height: 1.8rem;
    fill: var(--bg-primary)!important
}

@media (max-width: 47.99875em) {
    .button--services svg {
        width:3.2rem;
        height: 3.2rem
    }
}

.button--s {
    height: 4.8rem
}

@media (max-width: 47.99875em) {
    .button--s {
        height:6rem
    }

    .button {
        font-size: 2.2rem;
        flex: 1 0 auto
    }
}

.button span {
    flex: 0 0 auto
}

.button svg {
    width: 3.3rem;
    fill: var(--bg-primary)
}

.link {
    display: flex;
    align-items: center;
    font-size: 2rem;
    color: var(--primary);
    text-decoration: underline
}

@media (max-width: 47.99875em) {
    .link {
        font-size:2rem
    }
}

.link svg {
    width: 2.4rem;
    margin-left: 1.4rem;
    fill: var(--primary)
}

@media (max-width: 47.99875em) {
    .link svg {
        width:1.6rem
    }
}

.link path {
    stroke: var(--text-primary)
}

.button-icon {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    height: 6.4rem;
    width: 6.4rem;
    background-color: var(--secondary, );
    background: linear-gradient(to top,var(--secondary),var(--secondary-40));
    color: var(--bg-primary);
    border-radius: 1.2rem;
    font-weight: 400;
    z-index: 30
}

@media (max-width: 47.99875em) {
    .button-icon {
        height:8rem;
        width: 8rem;
        border-radius: 2rem
    }
}

.button-icon svg {
    width: 2.6rem;
    fill: var(--bg-primary)
}

.button-icon--phone {
    background: linear-gradient(0deg,#ffffff1f,#ffffff1f),linear-gradient(0deg,#318e88 -22.77%,#73c1a8 116.6%),linear-gradient(0deg,#e2ecf2,#e2ecf2)
}

.button-icon--phone svg {
    width: 2.8rem
}

@media (max-width: 47.99875em) {
    .button-icon--phone svg {
        width:3.2rem
    }
}

.button-icon--whatsapp {
    background: linear-gradient(180deg,#85e797,#50dd69)
}

.button-icon--telegram {
    background: linear-gradient(180deg,#74c5ea,#58b9e6)
}

.button-icon--info {
    background: linear-gradient(to top,var(--bg-primary),var(--bg-accent));
    border: 1px solid var(--bg-primary);
    box-shadow: .7rem .7rem 4rem 2rem #455d740f
}

.button-icon--info:hover svg {
    fill: var(--service-56)
}

.button-icon--info svg {
    width: 2.6rem;
    height: 2.6rem;
    fill: var(--service-40);
    transition: all .3s
}

@media (max-width: 47.99875em) {
    .button-icon--info svg {
        width:3rem;
        height: 3rem
    }
}

.button-icon--m {
    width: 5.4rem;
    height: 5.4rem
}

.button-icon--s {
    width: 4.8rem;
    height: 4.8rem
}

.button-icon--s svg {
    width: 1.8rem
}

.button-icon--border {
    background: transparent;
    border: 1px solid var(--service-72);
    transition: all .3s
}

.button-icon--border:hover {
    background: var(--service-84)
}

.t-b {
    font-size: 4.8rem;
    font-weight: 700;
    background-image: linear-gradient(to bottom,var(--primary-24),var(--primary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

@media (max-width: 47.99875em) {
    .t-b {
        font-size:3.8rem;
        line-height: 1.3
    }
}

.t-b--m {
    font-size: 3.4rem
}

.text {
    line-height: 1.6
}

.text h2 {
    background-clip: initial;
    background-image: none;
    color: var(--text-primary);
    font-size: 3.6rem;
    margin-top: 6rem;
    margin-bottom: 4rem
}

.text h2:before {
    height: 0
}

@media (max-width: 47.99875em) {
    .text h2 {
        font-size:3.4rem
    }
}

.text h3 {
    font-size: 2.6rem
}

.text h3,.text h4 {
    margin-top: 4rem;
    margin-bottom: 3rem
}

.text p {
    margin-bottom: 1.6rem
}

.text ul,.text ol {
    margin: 1.6rem 0;
    padding-left: 5rem
}

.text ul {
    list-style: none
}

.text ul li {
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.6
}

.text ul li:before {
    content: url(../img/check.svg);
    position: absolute;
    left: -3.5rem;
    top: .3rem;
    width: 2rem
}

@media (max-width: 47.99875em) {
    .text ul li:before {
        width:2.4rem
    }
}

.text ul li ul li:before {
    content: url(../img/check.svg);
    position: absolute;
    left: -3.5rem;
    top: .3rem;
    width: 2rem
}

@media (max-width: 47.99875em) {
    .text ul li ul li:before {
        width:2.4rem
    }
}

.text ol {
    list-style: none;
    counter-reset: level1
}

.text ol>li {
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.6;
    counter-increment: level1
}

.text ol>li:before {
    content: counter(level1) ".";
    position: absolute;
    left: -3rem;
    font-weight: 600;
    text-align: left;
    color: var(--primary);
    font-variant-numeric: tabular-nums
}

.text ol>li>ol {
    counter-reset: level2
}

.text ol>li>ol>li {
    counter-increment: level2
}

.text ol>li>ol>li:before {
    content: counter(level1) "." counter(level2);
    color: var(--primary-8)
}

.text ol>li>ol>li>ol {
    counter-reset: level3
}

.text ol>li>ol>li>ol>li {
    counter-increment: level3
}

.text ol>li>ol>li>ol>li:before {
    content: counter(level1) "." counter(level2) "." counter(level3);
    color: var(--primary-8)
}

.text li>ul,.text li>ol {
    margin: 1rem 0
}

.text blockquote {
    border-left: 2px solid var(--primary);
    padding: 2rem 3rem;
    margin: 3rem 0;
    background-color: var(--primary-4);
    font-style: italic
}

.text blockquote p {
    margin: 0
}

.text a {
    color: var(--primary);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color .3s
}

.text a:hover {
    border-bottom-color: var(--primary)
}

.text .table-container {
    position: relative
}

@media (max-width: 47.99875em) {
    .text .table-container {
        margin:0 -3%
    }

    .text .table-container:after {
        content: "";
        position: absolute;
        bottom: 3rem;
        right: 0;
        height: calc(100% - 14rem);
        width: 3rem;
        background: linear-gradient(to right,transparent,var(--secondary-8));
        pointer-events: none;
        z-index: 1;
        transition: opacity .4s ease;
        opacity: 1;
        border-right: 2px solid var(--secondary)
    }
}

.text .table-container:not(.scrolled):after {
    animation: pulse 1.5s infinite alternate
}

.text .table-container.scrolled:after {
    animation: none;
    opacity: 0
}

@keyframes pulse {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

@media (max-width: 47.99875em) {
    .text .table-wrapper {
        overflow-x:auto;
        position: relative;
        display: block;
        padding: 0 3%
    }
}

.text table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 1.6rem;
    border-radius: 1.2rem;
    overflow: hidden;
    border: 1px solid var(--bg-accent)
}

@media (max-width: 47.99875em) {
    .text table {
        font-size:1.8rem;
        border-radius: 2rem;
        margin: 3rem 0
    }
}

@media (min-width: 47.99875em) {
    .text table {
        margin:2rem 0
    }
}

.text table thead {
    background-color: var(--text-primary)
}

.text table thead tr {
    background-color: transparent
}

.text table thead th {
    padding: 2rem;
    font-weight: 500;
    text-align: left;
    color: var(--bg-primary);
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

@media (max-width: 47.99875em) {
    .text table thead th {
        height:8rem
    }
}

.text table thead th:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background-color: var(--service-80)
}

.text table thead th strong {
    font-weight: 500
}

.text table tbody tr {
    transition: background-color .3s ease
}

.text table tbody tr:nth-child(odd) {
    background-color: var(--bg-primary)
}

.text table tbody tr:nth-child(2n) {
    background-color: var(--bg-secondary)
}

.text table tbody tr:hover {
    background-color: var(--primary-4)
}

.text table tbody tr:last-child td {
    border-bottom: none
}

.text table tbody td {
    padding: 1.4rem 2rem;
    border-bottom: 1px solid var(--bg-accent)
}

.text table tbody td strong {
    font-weight: 600
}

@media (max-width: 47.99875em) {
    .text th,.text td {
        max-width:48rem;
        min-width: 28rem
    }
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    transition: top .3s;
    z-index: 150
}

@media (min-width: 47.99875em) {
    .lock .header {
        padding-right:17px
    }
}

.header._header-scroll {
    top: -4rem
}

@media (max-width: 47.99875em) {
    .header._header-scroll {
        top:-10rem
    }
}

@media (min-width: 47.99875em) {
    .header._header-scroll .logo {
        margin-bottom:-1rem
    }

    .header._header-scroll .logo img {
        transform: scale(.8);
        transform-origin: bottom left
    }
}

.header._header-show {
    top: 0
}

.header._header-show .logo img {
    transform: scale(1);
    transform-origin: bottom left
}

.header .logo {
    display: flex;
    position: relative;
    width: 30rem;
    font-weight: 700;
    height: 100%;
    z-index: 110
}

@media (min-width: 47.99875em) {
    .header .logo:after {
        content:url(../img/corner-h-s.svg);
        position: absolute;
        aspect-ratio: 5/3;
        height: 8rem;
        bottom: 0;
        right: -11rem;
        z-index: -1
    }
}

@media (max-width: 47.99875em) {
    .header .logo {
        width:26rem
    }
}

.header .logo img {
    position: absolute;
    bottom: 0;
	margin-bottom: 2rem;
    transition: all .3s
}

@media (max-width: 47.99875em) {
    .header .logo img {
        left:0
    }
}

.header__container {
    position: relative;
    display: flex;
    height: 13rem;
    z-index: 100
}

@media (max-width: 47.99875em) {
    .header__container {
        max-width:100%;
        height: 10rem;
        padding: 1rem 3%;
        align-items: center;
        justify-content: space-between;
        background-color: var(--text-primary);
        min-height: 100%;
        transition: all .3s
    }

    .menu-open .header__container {
        background-color: var(--service-92)
    }

    .header__container:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: var(--text-primary)
    }
}

.header__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 12rem;
    padding-left: 12rem
}

@media (max-width: 47.99875em) {
    .header__top {
        position:fixed;
        justify-content: flex-start;
        height: 100%;
        background-color: var(--text-primary);
        color: var(--bg-primary);
        top: 0;
        bottom: 0;
        right: 0;
        left: -110%;
        z-index: -1;
        transition: all .3s;
        overflow: scroll;
        padding: 8rem 3% 16rem
    }

    .header__top.open {
        visibility: visible;
        left: 0
    }
}

.header__top-item {
    display: flex;
    align-items: center;
    gap: .8rem
}

@media (max-width: 47.99875em) {
    .header__top-item {
        justify-content:space-between
    }
}

.header__top-item span {
    color: var(--text-secondary)
}

.header__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media (min-width: 47.99875em) {
    .header__items {
        font-size:1.6rem;
        gap: 6rem;
        height: 7rem
    }
}

@media (max-width: 47.99875em) {
    .header__items {
        flex-direction:column-reverse;
        justify-content: flex-start
    }
}

@media (min-width: 47.99875em) {
    .header__items-title {
        display:none
    }
}

@media (max-width: 47.99875em) {
    .header__items-title {
        color:var(--service-32);
        position: relative;
        text-align: center;
        font-size: 2rem;
        margin: 6rem 0 4rem;
        width: 100%;
        text-transform: uppercase
    }

    .header__items-title:before,.header__items-title:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 18rem;
        background-color: var(--service-72);
        top: 50%
    }

    .header__items-title:before {
        content: "";
        left: 0
    }

    .header__items-title:after {
        right: 0
    }
}

.header__items--top {
    color: var(--bg-primary);
    height: 5rem;
    justify-content: flex-end
}

@media (max-width: 47.99875em) {
    .header__items--top {
        align-items:initial;
        justify-content: initial;
        color: var(--bg-primary);
        height: auto;
        gap: 2rem
    }
}

.header__items-buttons {
    display: flex;
    gap: 2rem;
    flex: 0 0 auto
}

@media (max-width: 47.99875em) {
    .header__items-buttons {
        display:none
    }
}

.header__menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-weight: 500
}

@media (min-width: 47.99875em) {
    .header__menu {
        font-size:1.6rem
    }
}

@media (max-width: 47.99875em) {
    .header__menu {
        position:relative;
        flex-direction: column;
        font-size: 2.6rem
    }

    .header__menu-item .menu__arrow {
        display: none
    }
}

@media (min-width: 47.99875em) {
    .header__menu-item {
        position:relative;
        padding: 1rem 0
    }

    .header__menu-item:hover .header__menu-sub-list {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }

    .header__menu-item:hover .menu__arrow svg {
        transform: rotate(180deg)
    }

    .header__menu-item .header__menu-sub-list {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-1rem);
        transition: opacity .3s ease,transform .3s ease,visibility .3s;
        background: var(--bg-primary);
        padding: 2rem 3rem;
        z-index: 150;
        border-radius: 1.2rem;
        box-shadow: .7rem .7rem 8rem 2rem #455d740f
    }
}

@media (max-width: 47.99875em) {
    .header__menu-sub-item {
        display:flex;
        align-items: center;
        font-size: 2.4rem;
        font-weight: 400
    }

    .header__menu-sub-item a {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 2rem 3rem
    }

    .header__menu-sub-item a:before {
        content: "";
        position: absolute;
        left: 0;
        top: calc(50% - .4rem);
        width: .8rem;
        height: .8rem;
        background-color: var(--service-72);
        border-radius: 50%
    }
}

.header__bg {
    position: absolute;
    width: 152rem;
    height: 8rem;
    z-index: -1;
    top: 4rem;
    right: 0
}

.header__bg--logo {
    top: 0;
    left: 0;
    width: 40rem;
    height: 13rem;
    background-color: var(--text-primary)
}

.header__bg--bottom {
    background-color: var(--bg-primary);
    height: 8rem
}

._header-scroll .header__bg--bottom {
    box-shadow: 1.4rem 1.4rem 16rem 4rem #455d7414
}

.header__bg--top {
    top: 0;
    height: 5rem;
    width: 100%;
    background-color: var(--text-primary)
}

@media (max-width: 47.99875em) {
    .header__bg {
        display:none
    }
}

@media (min-width: 47.99875em) {
    .services-menu {
        position:fixed;
        left: 50%;
        transform: translate(-50%,-120%);
        width: 1590;
        min-height: 60rem;
        background-color: var(--bg-secondary);
        box-shadow: 0 2px 10px #0000001a;
        z-index: -10;
        overflow-y: auto;
        border-radius: 3rem;
        border: 1rem solid var(--bg-primary);
        transition: transform .3s
    }
}

@media (max-width: 47.99875em) {
    .services-menu {
        position:relative;
        z-index: 170;
        height: auto;
        color: var(--bg-primary);
        margin-bottom: 4rem
    }

    .services-menu.services-menu__container {
        min-width: 100%
    }
}

@media (min-width: 47.99875em) {
    .services-menu.show {
        transform:translate(-50%,-10rem);
        left: calc(50% - 8px)
    }
}

@media (max-width: 47.99875em) {
    .services-menu.show {
        display:flex;
        flex-direction: column;
        opacity: 1;
        transition: opacity .3s,height .3s,display .3s allow-discrete
    }

    @starting-style {
        .services-menu.show {
            opacity: 0;
            height: 0
        }
    }
}

@media (min-width: 47.99875em) {
    .services-menu__body {
        padding:15rem 4rem 6rem
    }

    .services-menu__tabs {
        display: grid;
        grid-template-columns: 1fr 3fr
    }
}

.services-menu__tabs-title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 2rem;
    gap: 1.4rem
}

@media (min-width: 47.99875em) {
    .services-menu__tabs-title {
        text-transform:uppercase;
        font-weight: 600
    }
}

@media (max-width: 47.99875em) {
    .services-menu__tabs-title {
        display:flex;
        justify-content: space-between;
        align-items: center;
        font-size: 2.8rem;
        padding: 0;
        min-height: 6.4rem;
        margin: 1rem 0;
        font-weight: 500
    }

    .services-menu__tabs-title._tab-active .tabs-arrow {
        background: linear-gradient(to top,var(--text-primary),var(--service-92))
    }

    .services-menu__tabs-title._tab-active .tabs-arrow svg {
        transform: rotate(180deg)
    }
}

@media (min-width: 47.99875em) {
    .services-menu__tabs-title .tabs-arrow {
        display:none
    }
}

@media (max-width: 47.99875em) {
    .services-menu__tabs-title .tabs-arrow {
        display:flex;
        align-items: center;
        justify-content: center;
        width: 6.4rem;
        height: 6.4rem;
        border: 1px solid var(--service-80);
        border-bottom: 1px solid var(--service-80);
        border-radius: 2rem;
        background-color: var(--service-84)
    }

    .services-menu__tabs-title .tabs-arrow svg {
        width: 1.6rem;
        transition: all .2s
    }
}

.services-menu__tabs-title span {
    opacity: 0;
    transform: scale(0);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: var(--primary);
    transition: all .3s
}

@media (min-width: 47.99875em) {
    .services-menu__tabs-title:hover {
        background-color:var(--bg-accent);
        border-radius: 2rem
    }

    .services-menu__tabs-title._tab-active {
        color: var(--primary);
        background-color: var(--bg-primary);
        border-radius: 2rem 0 0 2rem;
        padding: 2rem
    }

    .services-menu__tabs-title._tab-active span {
        opacity: 1;
        transform: scale(1)
    }

    .services-menu__tabs-title._tab-active:before {
        content: url(../img/corner-round.svg);
        position: absolute;
        width: 2rem;
        height: 2rem;
        right: 0;
        top: -2rem;
        transform: scaleY(-1)
    }

    .services-menu__tabs-title._tab-active:not(:last-child):after {
        content: url(../img/corner-round.svg);
        position: absolute;
        width: 2rem;
        height: 2rem;
        right: 0;
        bottom: -2rem
    }

    .services-menu__tabs-title._tab-active:last-child:after {
        content: url(../img/corner-round.svg);
        position: absolute;
        width: 3rem;
        height: 3rem;
        right: -3rem;
        bottom: 0rem;
        transform: scale(-1)
    }
}

@media (max-width: 47.99875em) {
    .services-menu__sub-item {
        display:flex;
        align-items: center;
        font-size: 2.4rem;
        font-weight: 400
    }

    .services-menu__sub-item a {
        height: 100%;
        width: 100%;
        padding: 2rem 3rem
    }

    .services-menu__sidebar {
        display: none
    }
}

.services-menu__sidebar-title {
    display: block;
    margin-left: 2rem;
    margin-bottom: 2rem;
    color: var(--text-secondary)
}

.services-menu__navigation {
    display: flex;
    flex-direction: column
}

.services-menu__navigation button {
    width: 100%;
    text-align: left
}

@media (min-width: 47.99875em) {
    .services-menu__sub-list {
        font-size:2rem;
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .services-menu__sub-list a {
        display: block;
        padding: 1.6rem 0;
        font-weight: 500
    }

    .services-menu__box {
        background-color: var(--bg-primary);
        padding: 3rem 4rem;
        border-radius: 2rem;
        box-shadow: 1.4rem 1.4rem 16rem 4rem #455d7414
    }
}

#services-button {
    position: relative;
    z-index: 1001
}

@media (max-width: 47.99875em) {
    #services-button {
        display:none
    }
}

#services-menu::-webkit-scrollbar {
    width: 6px
}

#services-menu::-webkit-scrollbar-track {
    background: #f1f1f1
}

#services-menu::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px
}

#services-menu::-webkit-scrollbar-thumb:hover {
    background: #555
}

.icon-menu {
    display: none
}

@media (max-width: 47.99875em) {
    .icon-menu {
        display:block;
        position: relative;
        width: 4.8rem;
        height: 4.8rem;
        z-index: 101
    }
}

@media (max-width: 47.99875em) and (any-hover: none) {
    .icon-menu {
        cursor:default
    }
}

@media (max-width: 47.99875em) {
    .icon-menu span,.icon-menu:before,.icon-menu:after {
        content:"";
        transition: all .3s ease 0s;
        right: 0;
        position: absolute;
        width: 4.2rem;
        height: 2px;
        background-color: var(--bg-primary);
        border-radius: 1px
    }

    .icon-menu:before {
        top: 1rem
    }

    .icon-menu:after {
        bottom: 1rem
    }

    .icon-menu span {
        top: calc(50% - 1px)
    }

    .menu-open .icon-menu span {
        background-color: var(--text-secondary);
        opacity: 0
    }

    .menu-open .icon-menu:before {
        background-color: var(--text-secondary);
        top: calc(50% - 1px);
        transform: rotate(-45deg)
    }

    .menu-open .icon-menu:after {
        background-color: var(--text-secondary);
        bottom: calc(50% - 1px);
        transform: rotate(45deg)
    }
}

.menu__body {
    z-index: 170
}

.active {
    right: 0;
    transition: all .3s ease 0s
}

.header__menu--menu {
    display: flex;
    justify-content: flex-end
}

.menu__link {
    display: flex;
    align-items: center;
    gap: 1rem
}

@media (max-width: 47.99875em) {
    .menu__link {
        display:flex;
        justify-content: space-between;
        font-size: 2.8rem;
        padding: 0;
        min-height: 6.4rem;
        margin: 1rem 0;
        position: relative;
        font-weight: 500
    }
}

@media (min-width: 47.99875em) {
    .menu__link .menu__arrow {
        position:relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .menu__link .menu__arrow svg {
        width: 1.4rem;
        height: 1.4rem;
        color: #4a5568;
        transition: transform .2s;
        stroke: var(--text-secondary)
    }
}

.footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6rem 0;
    background-color: var(--text-primary);
    color: var(--bg-primary)
}

@media (max-width: 47.99875em) {
    .footer {
        padding:6rem 0 12rem
    }
}

.footer__container {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

@media (max-width: 47.99875em) {
    .footer__container {
        flex-direction:column;
        justify-content: normal
    }
}

.footer__head {
    display: flex;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--service-80)
}

@media (min-width: 47.99875em) {
    .footer__head {
        align-items:center;
        justify-content: space-between
    }
}

@media (max-width: 47.99875em) {
    .footer__head {
        flex-wrap:wrap;
        align-items: center;
        gap: 4rem;
        padding-bottom: 4rem;
        margin-bottom: 4rem
    }
}

.footer__logo {
    width: 20rem
}

@media (max-width: 47.99875em) {
    .footer__logo {
        position:relative;
        flex: 1 1 auto;
        height: 8rem
    }
}

.footer__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 47.99875em) {
    .footer__logo img {
        position:absolute
    }
}

.footer__phone {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    font-weight: 700
}

@media (max-width: 47.99875em) {
    .footer__phone {
        font-size:2.6rem
    }
}

.footer__contacts {
    display: flex;
    align-items: center;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .footer__contacts {
        width:100%
    }
}

.footer__menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--service-80);
    align-items: center
}

@media (max-width: 47.99875em) {
    .footer__menu {
        grid-template-columns:1fr;
        padding-bottom: 4rem;
        margin-bottom: 4rem
    }
}

.footer__menu-left ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    font-size: 2.4rem
}

@media (max-width: 47.99875em) {
    .footer__menu-left {
        margin-bottom:4rem
    }
}

.footer__menu-right ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem
}

.footer__menu-title {
    color: var(--text-secondary);
    margin-bottom: 2rem
}

.footer__text {
    color: var(--text-secondary);
    font-size: 1.4rem;
    text-align: center
}

@media (max-width: 47.99875em) {
    .footer__text {
        font-size:1.6rem
    }
}

.footer__text p {
    margin-bottom: 1rem
}

.footer__text-bottom {
    display: flex;
    justify-content: space-between
}

@media (max-width: 47.99875em) {
    .footer .button-icon--s {
        width:8rem;
        height: 8rem
    }

    .footer .button-icon--s svg {
        width: 3.2rem
    }

    .footer .button {
        height: 8rem
    }
}

#search-icon {
    position: absolute;
    left: 2rem;
    fill: var(--primary);
    width: 2.4rem;
    height: 2.4rem;
    z-index: 1
}

.phone {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 3rem;
    gap: 2rem
}

.phone span {
    font-size: 1.6rem;
    font-weight: 400
}

@media (max-width: 47.99875em) {
    .phone span {
        font-size:2.2rem
    }
}

.line {
    height: 2px;
    border-radius: 3rem;
    margin: 2.5rem 0;
    background-color: var(--bg-accent)
}

@media (max-width: 47.99875em) {
    .line {
        margin:3rem 0
    }
}

.test__item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    border-radius: 100%
}

.test__item:before {
    content: "";
    display: block;
    padding-top: 100%
}

.test__inner {
    background: linear-gradient(0deg,#6ac5ff,#3baff7);
    width: 23rem;
    height: 23rem;
    border-radius: 50%
}

.title {
    font-size: 4.2rem;
    font-weight: 700
}

.title span {
    color: var(--primary)
}

@media (max-width: 47.99875em) {
    .title {
        font-size:4.4rem
    }
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer
}

@media (min-width: 47.99875em) {
    .toolbar__modal {
        display:none
    }
}

.doctor {
    padding-top: 20rem
}

@media (max-width: 47.99875em) {
    .doctor {
        font-weight:2.2rem;
        padding-top: 12rem
    }
}

.doctor__container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 4rem;
    align-items: start
}

@media (max-width: 47.99875em) {
    .doctor__container {
        display:block
    }
}

.doctor h1 {
    font-size: 4.2rem
}

@media (max-width: 47.99875em) {
    .doctor h1 {
        font-size:3.2rem;
        margin-bottom: 2rem
    }
}

.doctor h2 {
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
    font-size: 3.6rem
}

@media (max-width: 47.99875em) {
    .doctor h2 {
        font-size:3rem
    }
}

.doctor__box {
    height: 100%
}

@media (max-width: 47.99875em) {
    .doctor__box {
        margin-bottom:4rem
    }
}

.doctor__buttons {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem
}

.doctor__buttons .button {
    flex: 1 1 auto
}

.doctor__info {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

.doctor__title {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    gap: 2rem
}

.text .doctor__title h2 {
    margin-top: 0
}

.doctor__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    background: linear-gradient(0deg,#ffffff1f,#ffffff1f),linear-gradient(0deg,#318e88 -22.77%,#73c1a8 116.6%),linear-gradient(0deg,#e2ecf2,#e2ecf2)
}

.doctor__icon svg {
    fill: var(--bg-primary);
    width: 2rem
}

@media (max-width: 47.99875em) {
    .doctor__icon {
        min-width:7rem;
        min-height: 7rem
    }

    .doctor__icon svg {
        width: 2.6rem
    }
}

.doctor__specialization {
    font-size: 1.6rem
}

@media (max-width: 47.99875em) {
    .doctor__specialization {
        font-size:initial
    }
}

.doctor__point {
    position: relative;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem
}

@media (max-width: 47.99875em) {
    .doctor__point {
        font-size:2.4rem
    }
}

.doctor__back {
    display: flex;
    align-items: center;
    gap: 1.4rem
}

@media (min-width: 47.99875em) {
    .doctor__back {
        margin-bottom:2rem
    }
}

.doctor__back svg {
    width: 2.8rem;
    fill: var(--primary)
}

.doctor__card {
    position: sticky;
    top: 14rem;
    border-radius: 3rem
}

@media (max-width: 47.99875em) {
    .doctor__card {
        position:relative;
        top: 0;
        border-radius: 3rem;
        padding: 3rem
    }
}

.doctor__card-photo {
    position: relative;
    height: 36rem;
    background-color: var(--bg-primary);
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 1rem 1rem 4rem #3737371a
}

.doctor__card-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 47.99875em) {
    .doctor__card-photo {
        height:44rem;
        border-radius: 3rem
    }
}

.doctor__schedule {
    position: relative;
    margin-bottom: 4.5rem
}

.doctor__schedule h2 {
    margin-bottom: 2rem
}

.doctor__schedule .schedule-table-wrapper {
    overflow-x: auto;
    margin-top: 2rem
}

.doctor__schedule .schedule-table-wrapper::-webkit-scrollbar {
    display: none
}

@media (max-width: 47.99875em) {
    .doctor__schedule .schedule-table-wrapper {
        padding:0 3%;
        margin: 0 -3%
    }
}

.doctor__schedule .schedule-table {
    width: -moz-max-content;
    width: max-content;
    border-collapse: collapse
}

@media (min-width: 47.99875em) {
    .doctor__schedule .schedule-table {
        width:100%
    }
}

.doctor__schedule .schedule-table tr {
    display: flex;
    gap: 2rem;
    text-align: left
}

@media (max-width: 47.99875em) {
    .doctor__schedule .schedule-table tr {
        gap:3rem
    }
}

.doctor__schedule .schedule-table td {
    width: 100%
}

.doctor__schedule .schedule-table th {
    font-weight: 700;
    width: 100%;
    padding-bottom: 2rem;
    border-bottom: 3px solid var(--primary-28)
}

.doctor__schedule .schedule-table__cell {
    padding-top: 2rem;
    font-size: 1.6rem
}

@media (max-width: 47.99875em) {
    .doctor__schedule .schedule-table__cell {
        font-size:2rem
    }
}

.doctor__description {
    display: flex;
    gap: 4rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    font-weight: 500
}

@media (max-width: 47.99875em) {
    .doctor__description {
        gap:2rem;
        margin-bottom: 2rem
    }
}

.doctor__rating {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
    height: 6.4rem;
    background-color: var(--bg-primary);
    margin-top: 2rem;
    border-radius: 1.2rem;
    box-shadow: 0 0 6rem #455d7414
}

@media (max-width: 47.99875em) {
    .doctor__rating {
        height:8rem
    }
}

.doctor__rating a {
    text-decoration: underline
}

.doctor__rating-stars {
    width: 16rem;
    height: 2.4rem;
    background-image: url(../img/test-rating-icon.svg);
    background-position: 0;
    background-repeat: repeat-x;
    background-size: 3.2rem 2.4rem
}

@media (max-width: 47.99875em) {
    .doctor__rating-stars {
        width:19rem;
        height: 3.2rem;
        background-size: 3.8rem 3.2rem
    }
}

.doctor__rating-count {
    font-size: 2.4rem;
    font-weight: 700
}

@media (max-width: 47.99875em) {
    .doctor__rating-count {
        font-size:3rem
    }
}

.doctor__tabs {
    display: flex;
    justify-content: flex-start;
    gap: 6rem
}

@media (max-width: 47.99875em) {
    .doctor [data-tabs-item] {
        margin-bottom:2rem
    }
}

.doctor__tabs-title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1.2rem 3rem;
    height: 6rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s;
    z-index: 50;
    border-radius: 2rem 2rem 0 0;
    margin-bottom: 0
}

@media (min-width: 47.99875em) {
    .doctor__tabs-title {
        color:var(--text-secondary);
        font-size: 1.8rem!important
    }
}

@media (max-width: 47.99875em) {
    .doctor__tabs-title {
        height:-moz-fit-content;
        height: fit-content;
        padding: 4rem 0
    }

    .doctor__tabs-title._tab-active:after {
        transform: translateY(-25%) rotate(-135deg)
    }

    .doctor__tabs-title._tab-active:before {
        content: none
    }

    .doctor__tabs-title:after {
        content: "";
        position: absolute;
        right: 1rem;
        top: 50%;
        width: 1.8rem;
        height: 1.8rem;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-75%) rotate(45deg);
        transition: transform .3s ease
    }

    .doctor__tabs-title:before {
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: var(--bg-accent);
        bottom: 0
    }
}

@media (min-width: 47.99875em) {
    .doctor__tabs-title:before,.doctor__tabs-title:after {
        position:absolute;
        aspect-ratio: 200/150;
        height: 6rem;
        bottom: 0;
        z-index: -1;
        opacity: 0;
        transition: all .3s
    }

    .doctor__tabs-title:not(:first-child):before {
        transform: scaleX(0);
        transform-origin: right
    }

    .doctor__tabs-title:not(:last-child):after {
        transform: scaleX(0);
        transform-origin: left
    }

    .doctor__tabs-title:first-child {
        border-radius: 2rem 2rem 0 0
    }

    .doctor__tabs-title:first-child:before {
        content: "";
        position: absolute;
        height: 4rem;
        background-color: var(--bg-primary);
        bottom: -3rem;
        left: 0;
        width: 4rem
    }

    .doctor__tabs-title:not(:first-child):before {
        content: url(../img/corner-w-l.svg);
        left: -6rem
    }

    .doctor__tabs-title:not(:first-child)._tab-active:before {
        transform: scaleX(1)
    }

    .doctor__tabs-title:after {
        content: url(../img/corner-w-l-rev.svg);
        right: -6rem
    }

    .doctor__tabs-title._tab-active:after {
        transform: scaleX(1)
    }

    .doctor__tabs-title._tab-active {
        background-color: #fff;
        color: var(--text-primary)
    }

    .doctor__tabs-title._tab-active:before,.doctor__tabs-title._tab-active:after {
        opacity: 1
    }
}

.doctor__tabs-content {
    transition: all .3s ease
}

.doctor__tabs-content ul {
    position: relative
}

.doctor__tabs-content ul li {
    position: relative;
    padding-bottom: 2rem;
    padding-left: 5rem
}

@media (max-width: 47.99875em) {
    .doctor__tabs-content ul li {
        padding-bottom:4rem;
        padding-left: 6rem
    }
}

.doctor__tabs-content ul li:before {
    content: url(../img/check.svg);
    position: absolute;
    left: 0;
    width: 3rem;
    z-index: 10
}

@media (max-width: 47.99875em) {
    .doctor__tabs-content ul li:before {
        width:4rem
    }
}

.doctor__tabs-content ul li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 3rem;
    left: 1.5rem;
    height: calc(100% - 3rem);
    width: 1px;
    background-color: var(--primary-8);
    z-index: 1
}

@media (max-width: 47.99875em) {
    .doctor__tabs-content ul li:not(:last-child):after {
        top:4rem;
        left: 2rem;
        height: calc(100% - 4rem)
    }
}

@media (min-width: 47.99875em) {
    .doctor__tabs-content {
        background-color:#fff;
        border-radius: 2rem;
        padding: 4rem
    }
}

@media (max-width: 47.99875em) {
    .doctor__tabs-content {
        display:flex;
        flex-direction: column
    }

    .doctor__links {
        margin-top: 3rem
    }
}

.doctor__link {
    display: inline-flex;
    padding: 2rem 3rem;
    background-color: var(--bg-primary);
    border-radius: 4rem;
    height: 6rem;
    box-shadow: 1rem 1rem 4rem #dbe6edbd
}

@media (max-width: 47.99875em) {
    .doctor__link {
        height:8rem;
        padding: 2.6rem 4rem
    }
}

.doctor-articles .h2-small>h2 {
    font-size: 3.2rem
}

.button-block {
    position: relative;
    z-index: 25;
    display: flex;
    align-items: center;
    gap: 2rem
}

.button-block button {
    margin-right: initial;
    flex: 0 0 auto
}

@media (max-width: 47.99875em) {
    .button-block button {
        flex:1 0
    }

    .button-block {
        width: 100%;
        flex-wrap: wrap
    }
}

.phone-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 100px;
    background-color: var(--bg-primary);
    background: linear-gradient(0deg,#ffffff1f,#ffffff1f),linear-gradient(0deg,#318e88 -22.77%,#73c1a8 116.6%),linear-gradient(0deg,#e2ecf2,#e2ecf2);
    flex: 0 0 auto
}

@media (max-width: 47.99875em) {
    .phone-icon {
        width:8rem;
        height: 8rem
    }
}

.phone-icon svg {
    width: 2.2rem;
    height: 2.2rem;
    fill: var(--bg-primary)
}

@media (max-width: 47.99875em) {
    .phone-icon svg {
        width:3.14rem;
        height: 3.14rem
    }

    .phone-icon--white {
        background: initial;
        background-color: var(--bg-primary)
    }
}

.phone-icon--white svg {
    width: 2.2rem;
    height: 2.2rem
}

@media (max-width: 47.99875em) {
    .phone-icon--white svg {
        width:3.14rem;
        height: 3.14rem;
        fill: var(--primary-light)
    }
}

.article__cards-block {
    position: sticky;
    top: 2rem;
    height: -moz-fit-content;
    height: fit-content
}

.article__cards-block .prices__after-item {
    min-height: auto
}

.article .also-search {
    margin-bottom: 10rem
}

@media (max-width: 47.99875em) {
    .also-search {
        margin-bottom:15rem
    }
}

.also-search__title-block {
    margin-bottom: 6.4rem
}

@media (max-width: 47.99875em) {
    .also-search__title-block {
        margin-bottom:3rem;
        justify-content: center
    }

    .also-search__title-block .title {
        margin-bottom: 0rem
    }
}

.also-search__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4rem
}

@media (max-width: 47.99875em) {
    .also-search__items {
        display:flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        background-color: transparent;
        padding: 5rem 4%;
        border-radius: initial;
        margin-right: -4%;
        margin-left: -4%
    }
}

.also-search__item {
    position: relative;
    box-shadow: 1rem 2rem 6rem #dbe6ed99;
    border-radius: 6rem 0;
    overflow: hidden;
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

@media (max-width: 47.99875em) {
    .also-search__item {
        min-width:80%;
        font-size: 2rem
    }
}

.also-search__item-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1
}

.also-search__item-top {
    position: relative;
    padding: 4rem 3rem 3rem 4rem;
    z-index: 10
}

.also-search__item-top .btn__circle {
    position: absolute;
    right: 2.4rem;
    bottom: 2.4rem
}

.also-search__item-badge {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    color: var(--text-secondary)
}

.also-search__item-title {
    font-size: 2rem;
    font-weight: 600;
    min-height: 9rem
}

.also-search__item-price {
    font-size: 2rem;
    font-weight: 600;
    color: var(--primary)
}

.also-search__image {
    position: relative;
    width: 100%;
    height: 26rem;
    margin-top: -6rem;
    z-index: -1;
    border-radius: 0 0 6rem;
    overflow: hidden;
    border: 2px solid var(--bg-primary)
}

.also-search__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.links {
    margin-bottom: 6rem;
    margin-top: -10rem
}

@media (max-width: 47.99875em) {
    .links {
        display:none
    }
}

.links__items {
    display: flex;
    justify-content: space-between;
    margin-top: 7rem;
    padding-left: 0!important
}

@media (max-width: 47.99875em) {
    .links__items {
        display:none
    }
}

.links__items li {
    list-style-type: none
}

.links__items a {
    position: relative;
    padding: 2rem 3rem 2rem 5rem;
    border-radius: 30rem;
    background-color: var(--bg-primary)
}

.links__items a:before {
    content: "";
    position: absolute;
    top: calc(50% - .5rem);
    left: 2rem;
    width: 1rem;
    height: 1rem;
    background-color: var(--primary-light);
    border-radius: 10rem
}

.offers__container {
    position: relative
}

@media (max-width: 47.99875em) {
    .offers__container {
        padding-bottom:12rem
    }
}

@media (min-width: 47.99875em) {
    .offers .link {
        display:none
    }
}

.offers .swiper {
    overflow: visible
}

.offers__item {
    position: relative;
    display: flex;
    border-radius: 3rem;
    overflow: hidden;
    min-height: 36rem
}

.offers__content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 4rem;
    width: 68%;
    z-index: 20
}

@media (max-width: 47.99875em) {
    .offers__content {
        width:100%;
        padding: 3rem
    }
}

.offers__badge {
    font-size: 2.4rem;
    font-weight: 500;
    color: var(--secondary);
    margin-bottom: 2rem
}

.offers__title {
    font-size: 3rem;
    font-weight: 700
}

@media (max-width: 47.99875em) {
    .offers__title {
        font-size:3rem;
        width: 68%
    }

    .offers__description {
        display: none;
        width: 68%
    }
}

.offers__button-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
    margin-top: auto
}

@media (max-width: 47.99875em) {
    .offers__button-block {
        gap:2rem
    }

    .offers__button-block .hds {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        gap: 2rem;
        height: 6.4rem;
        width: 50%;
        padding: 0 3rem;
        background-color: var(--secondary, );
        background: #ffffff4d;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(9px);
        border: 1px solid rgba(255,255,255,.3);
        color: var(--text-primary);
        border-radius: 1.2rem;
        font-weight: 400;
        z-index: 30
    }
}

@media (max-width: 47.99875em) and (max-width: 47.99875em) {
    .offers__button-block .hds {
        height:8rem;
        border-radius: 2rem
    }
}

@media (max-width: 47.99875em) {
    .offers__button--desktop {
        display:none
    }
}

.offers__button--mobile {
    flex: 0 0 auto;
    min-width: 8rem;
    min-height: 8rem;
    font-size: 3.4rem
}

@media (min-width: 47.99875em) {
    .offers__button--mobile {
        display:none
    }
}

.offers__link {
    text-decoration: underline;
    font-weight: 500;
    color: var(--text-secondary)
}

.offers__picture {
    position: absolute;
    height: 100%;
    width: 45rem;
    flex: 1 1 auto;
    right: 0
}

@media (max-width: 47.99875em) {
    .offers__picture {
        width:38rem;
        right: -2rem
    }
}

.offers__picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.authors {
    margin-bottom: 10rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem
}

@media (max-width: 47.99875em) {
    .authors {
        grid-template-columns:1fr
    }
}

.authors__card {
    display: flex;
    align-items: center;
    padding: 2rem;
    border-radius: 4rem;
    background-color: var(--bg-accent);
    gap: 2rem
}

.authors__card-image {
    position: relative;
    width: 18rem;
    height: 18rem;
    border-radius: 3rem;
    overflow: hidden;
    flex: 0 0 auto
}

.authors__card-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.authors__card-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2rem 0
}

@media (max-width: 47.99875em) {
    .authors__card-text {
        padding:0;
        padding-top: 2rem;
        font-size: 2rem
    }
}

.authors__card-title {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 1rem
}

@media (max-width: 47.99875em) {
    .authors__card-title {
        font-size:2.2rem
    }
}

.authors__card-description {
    font-weight: 600;
    color: var(--green-light)
}

.authors__info {
    display: flex;
    justify-content: space-between;
    grid-column: 1/span 2
}

@media (max-width: 47.99875em) {
    .authors__info {
        grid-column:initial
    }
}

.authors__info-item {
    display: flex;
    gap: 1rem;
    margin-top: auto;
    align-items: center
}

@media (max-width: 47.99875em) {
    .authors__info-item {
        flex-direction:column
    }
}

.authors__info-item span {
    font-weight: 600
}

.authors__info-item svg {
    width: 2rem;
    fill: var(--text-secondary)
}

@media (max-width: 47.99875em) {
    .authors__info-item svg {
        width:3rem
    }

    .services__tabs {
        margin-left: -3%;
        margin-right: -3%
    }
}

.services__tabs-navigation {
    display: flex;
    justify-content: space-between;
    gap: 10rem
}

@media (max-width: 768px) {
    .services__tabs-navigation {
        align-items:center;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        gap: 6rem;
        padding-top: 2rem
    }

    .services__tabs-navigation::-webkit-scrollbar {
        display: none
    }
}

.services__tab {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1.2rem 6rem;
    height: 12rem;
    color: var(--text-secondary);
    font-size: 3rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s;
    z-index: 50
}

@media (max-width: 47.99875em) {
    .services__tab {
        font-size:3rem;
        padding: 1.2rem 4rem;
        height: 11rem;
        border-radius: 4rem 4rem 0 0
    }
}

.services__tab:before,.services__tab:after {
    position: absolute;
    aspect-ratio: 200/150;
    height: 12rem;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    transition: all .3s
}

@media (max-width: 47.99875em) {
    .services__tab:before,.services__tab:after {
        height:11rem
    }
}

.services__tab:not(:first-child):before {
    transform: scaleX(0);
    transform-origin: right
}

.services__tab:not(:last-child):after {
    transform: scaleX(0);
    transform-origin: left
}

@media (min-width: 47.99875em) {
    .services__tab:first-child {
        border-radius:4rem 0 0
    }

    .services__tab:first-child:before {
        content: "";
        position: absolute;
        height: 4rem;
        background-color: var(--bg-primary);
        bottom: -3rem;
        left: 0;
        width: 4rem
    }

    .services__tab:last-child {
        border-radius: 0 4rem 0 0
    }

    .services__tab:last-child:after {
        content: "";
        position: absolute;
        height: 4rem;
        background-color: var(--bg-primary);
        bottom: -3rem;
        right: 0;
        width: 4rem
    }
}

.services__tab:not(:first-child):before {
    content: url(../img/corner-w-l.svg);
    left: -13rem
}

@media (max-width: 47.99875em) {
    .services__tab:not(:first-child):before {
        left:-9rem
    }
}

.services__tab:not(:first-child)._tab-active:before {
    transform: scaleX(1)
}

.services__tab:not(:last-child):after {
    content: url(../img/corner-w-l-rev.svg);
    right: -13rem
}

@media (max-width: 47.99875em) {
    .services__tab:not(:last-child):after {
        right:-9rem
    }
}

.services__tab:not(:last-child)._tab-active:after {
    transform: scaleX(1)
}

.services__tab._tab-active {
    background-color: #fff;
    color: var(--primary)
}

.services__tab._tab-active:before,.services__tab._tab-active:after {
    opacity: 1
}

.services__tab-icon {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    top: -5rem;
    padding-right: 6rem;
    z-index: 1
}

.services__tab-icon svg {
    position: sticky;
    left: 0;
    width: 4rem
}

.services__content {
    transition: all .3s ease;
    background-color: #fff;
    border-radius: 3rem;
    padding: 4rem
}

@media (max-width: 47.99875em) {
    .services__content {
        border-radius:0 0 3rem 3rem;
        padding: 6rem 3%
    }
}

.services__panel {
    width: 100%
}

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

.services__title-line {
    position: absolute;
    width: 0rem;
    height: 0px;
    opacity: 0;
    top: 0;
    left: 50%;
    background: linear-gradient(to left,transparent,var(--primary),transparent);
    transition: all .3s;
    transform: translate(-50%);
    transform-origin: center
}

._tab-active .services__title-line {
    height: 3px;
    width: 18rem;
    opacity: 1
}

.services__list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2rem;
    list-style: none;
    padding: 0;
    margin: 0
}

@media (max-width: 47.99875em) {
    .services__list {
        grid-template-columns:1fr
    }
}

.services__item {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-secondary);
    padding: 3rem;
    border-radius: 2rem;
    border: 1px solid var(--primary-8);
    transition: all .3s ease
}

.services__item:hover {
    border: 1px solid var(--primary-20)
}

@media (min-width: 47.99875em) {
    .services__item {
        height:100%
    }
}

.services__item-title {
    font-weight: 600;
    margin-bottom: 1rem
}

@media (max-width: 47.99875em) {
    .services__item-title {
        font-size:2.6rem
    }
}

@media (max-width: 47.99875em) and (max-width: 47.99875em) {
    .services__item-title {
        margin-bottom:2rem
    }
}

.services__item-bottom {
    display: flex;
    align-items: center;
    gap: 2rem
}

@media (min-width: 47.99875em) {
    .services__item-bottom {
        margin-top:auto
    }
}

@media (max-width: 47.99875em) {
    .services__item-bottom {
        justify-content:flex-start;
        gap: 4rem
    }
}

.services__item-price {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    height: 4.8rem;
    width: -moz-max-content;
    width: max-content;
    padding: 0 2rem;
    font-size: 1.6rem;
    background-color: var(--secondary);
    color: var(--bg-primary);
    border-radius: 1.2rem;
    font-weight: 700;
    z-index: 30
}

@media (max-width: 47.99875em) {
    .services__item-price {
        font-size:2.4rem;
        min-width: auto;
        padding: 0;
        height: auto;
        background-color: transparent;
        color: var(--secondary)
    }
}

.services__item-price--prev {
    font-size: 1.6rem;
    color: var(--text-secondary);
    text-decoration: line-through
}

@media (max-width: 47.99875em) {
    .services__item-price--prev {
        font-size:2rem
    }
}

@media (min-width: 47.99875em) {
    .services__item-price:hover svg {
        fill:var(--secondary-0)
    }
}

.services__item-price svg {
    width: 2rem;
    fill: var(--secondary-60);
    transition: all .3s
}

@media (max-width: 47.99875em) {
    .services__item-price svg {
        width:3rem;
        fill: var(--secondary)
    }
}

.services__item-time {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
    width: -moz-max-content;
    width: max-content;
    font-size: 1.4rem;
    color: var(--text-secondary);
    z-index: 30
}

.services__item-time svg {
    fill: var(--primary-28);
    width: 2rem
}

@media (max-width: 47.99875em) {
    .services__item-time svg {
        width:2.4rem
    }

    .services__item-time {
        font-size: 2.4rem;
        flex: 1 0 auto
    }
}

@media (max-width: 47.99875em) and (max-width: 47.99875em) {
    .services__item-time {
        margin-bottom:3rem
    }
}

.price-list h2 {
    text-align: center
}

.price-list h2:before {
    left: calc(50% - 6rem)
}

.price-list__description {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 6rem
}

@media (max-width: 47.99875em) {
    .price-list__description {
        width:100%
    }
}

.price-list__nav {
    display: flex;
    gap: 4rem;
    font-weight: 600;
    font-size: 2.4rem;
    box-sizing: content-box
}

.price-list__tabs-title {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 3rem;
    margin-bottom: 6rem;
    font-weight: 600;
    color: var(--bg-inverse)
}

@media (max-width: 47.99875em) {
    .price-list__tabs-title {
        width:96%;
        margin: -1px auto 0;
        font-size: 2.4rem;
        text-align: left;
        padding: 0 2rem;
        min-height: 10rem;
        transition: all .3s;
        border: 1px solid var(--bg-inverse);
        border-radius: 0;
        box-shadow: 1px;
        background-color: #fff
    }

    .price-list__tabs-title:first-child {
        border-radius: 2rem 2rem 0 0
    }

    .price-list__tabs-title:nth-last-of-type(1) {
        border-radius: 0 0 2rem 2rem
    }

    .price-list__tabs-title._tab-active {
        width: 100%;
        padding: 2rem;
        background-color: var(--bg-secondary);
        border-radius: 2rem 2rem 0 0;
        border-top: 1px solid var(--bg-inverse);
        border-left: 1px solid var(--bg-inverse);
        border-right: 1px solid var(--bg-inverse);
        margin-top: -1rem
    }
}

.price-list__tabs-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    background-color: transparent;
    margin-right: 2rem;
    border-radius: 1.2rem
}

._tab-active .price-list__tabs-icon {
    background-color: var(--bg-primary);
    border: 1px solid var(--bg-accent);
    width: 8rem;
    height: 8rem
}

.price-list__tabs-icon svg {
    width: 3.2rem;
    fill: var(--secondary)
}

@media (max-width: 47.99875em) {
    .price-list__tabs-icon svg {
        width:4.2rem
    }
}

@media (min-width: 47.99875em) {
    .price-list .tabs__content {
        display:flex;
        flex-direction: column
    }
}

.price-list__cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .price-list__cards {
        grid-template-columns:1fr;
        position: relative;
        gap: initial;
        padding: 0 4rem;
        background-color: var(--bg-secondary);
        border-radius: 0 0 2rem 2rem;
        border-bottom: 1px solid var(--bg-inverse);
        border-left: 1px solid var(--bg-inverse);
        border-right: 1px solid var(--bg-inverse);
        margin-bottom: -1rem;
        z-index: 10
    }
}

.price-list__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4rem;
    min-height: 14rem;
    background-color: var(--bg-secondary);
    border-radius: 2rem;
    border: 1px solid var(--bg-accent)
}

@media (max-width: 47.99875em) {
    .price-list__card {
        min-height:10rem;
        font-size: 2rem;
        border: initial;
        border-radius: initial;
        padding: initial
    }

    .price-list__card:not(:last-child) {
        border-bottom: 1px solid var(--bg-accent)
    }
}

.price-list__card-price {
    flex: 0 0 auto;
    font-weight: 600;
    min-width: 12rem;
    text-align: right
}

@media (max-width: 47.99875em) {
    .price-list__card-price {
        min-width:16rem
    }
}

.content__banner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--primary);
    background: url(../images/support/logo-bg.svg) center right 20%/24% no-repeat,linear-gradient(to right,var(--primary),var(--primary-32));
    background-repeat: no-repeat;
    border-radius: 2rem;
    padding: 3rem;
    margin: 6rem 0;
    color: var(--bg-primary)
}

@media (max-width: 47.99875em) {
    .content__banner {
        background:url(../images/support/logo-bg.svg) center right/50% no-repeat,linear-gradient(to right,var(--primary),var(--primary-32));
        padding: 3rem 2rem 3rem 3rem
    }
}

.content__banner--black {
    background-color: var(--text-primary);
    background: url(../images/support/logo-bg.svg) center right 20%/24% no-repeat,linear-gradient(to right,var(--text-primary),var(--service-72));
    background-repeat: no-repeat
}

@media (max-width: 47.99875em) {
    .content__banner--black {
        margin:6rem 0 12rem;
        padding-bottom: 5rem;
        background: url(../images/support/logo-bg.svg) center right/50% no-repeat,linear-gradient(to right,var(--text-primary),var(--service-72))
    }
}

.content__banner--red {
    background-color: var(--secondary);
    background: url(../images/support/logo-bg.svg) center right 20%/24% no-repeat,linear-gradient(to right,var(--secondary),var(--secondary-28));
    background-repeat: no-repeat
}

@media (max-width: 47.99875em) {
    .content__banner--red {
        background:url(../images/support/logo-bg.svg) center right/50% no-repeat,linear-gradient(to right,var(--secondary),var(--secondary-28))
    }

    .content__banner {
        flex-direction: column;
        align-items: initial
    }
}

.content__banner-offer {
    display: flex;
    align-items: center;
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .content__banner-offer {
        align-items:flex-start;
        gap: 2rem
    }
}

.content__banner-offer-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.4rem;
    width: 6.4rem;
    background-color: #ffffff2c;
    border: 1px solid rgba(255,255,255,.2117647059);
    border-radius: 1.2rem;
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f;
    flex: 0 0 auto
}

@media (max-width: 47.99875em) {
    .content__banner-offer-icon {
        position:absolute;
        top: 4rem;
        height: 7.2rem;
        width: 7.2rem;
        border-radius: 2rem
    }
}

.content__banner-offer-icon svg {
    width: 3.2rem;
    height: 3.2rem;
    fill: var(--bg-primary)
}

.content__banner-offer-text {
    font-size: 1.6rem
}

@media (max-width: 47.99875em) {
    .content__banner-offer-text {
        margin-left:10rem
    }
}

.content__banner-offer-title {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.4
}

@media (max-width: 47.99875em) {
    .content__banner-offer-title {
        font-size:2.4rem
    }
}

.content__banner-phone a {
    font-size: 3.2rem;
    font-weight: 700;
    color: var(--bg-primary)
}

.content__banner-phone a:hover {
    border-bottom-color: var(--primary-20)
}

@media (max-width: 47.99875em) {
    .content__banner-phone a {
        margin-left:10rem
    }

    .content__banner button {
        position: absolute;
        bottom: -4rem;
        right: 3rem
    }
}

.content__share {
    display: flex;
    justify-content: space-between;
    padding: 4rem 0
}

@media (max-width: 47.99875em) {
    .content__share {
        flex-direction:column;
        gap: 4rem
    }
}

.content__share-items {
    display: flex;
    gap: 2rem
}

@media (min-width: 47.99875em) {
    .content__share-items {
        align-items:center
    }
}

@media (max-width: 47.99875em) {
    .content__share-items {
        align-items:center;
        justify-content: space-between
    }
}

.content__share-items span {
    font-weight: 500
}

@media (max-width: 47.99875em) {
    .content__share-items span {
        text-align:right
    }
}

.content .price {
    margin: 0
}

.text-accordion h2:first-of-type {
    margin-top: 0
}

@media (max-width: 47.99875em) {
    .text-accordion h2 {
        position:relative;
        padding-right: 30px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .text-accordion h2[data-accordion-initialized=true]:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        width: 1.8rem;
        height: 1.8rem;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-75%) rotate(45deg);
        transition: transform .3s ease
    }

    .text-accordion h2.active:after {
        transform: translateY(-25%) rotate(-135deg)
    }

    .text-accordion h2[data-accordion-initialized=true]:not(.active):before {
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: var(--bg-accent);
        bottom: -5rem
    }

    .text-accordion .accordion-content {
        max-height: 0;
        visibility: hidden;
        opacity: 0;
        transition: max-height .3s ease-out,opacity .3s ease-out,visibility 0s linear .3s
    }

    .text-accordion .accordion-content.active {
        max-height: none;
        visibility: visible;
        opacity: 1;
        transition: max-height .3s ease-out,opacity .3s ease-out,visibility 0s linear
    }
}

.blog-like-button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--text-primary)
}

@media (max-width: 47.99875em) {
    .blog-like-button {
        font-size:2.8rem
    }
}

.blog-like-button svg {
    width: 2.8rem;
    fill: var(--text-accent)
}

.blog-like-button--border {
    border-radius: 1.2rem;
    gap: 1.6rem;
    height: 6.4rem;
    font-size: 2.4rem
}

@media (max-width: 47.99875em) {
    .blog-like-button--border {
        height:8rem;
        border-radius: 2rem;
        padding: 0 2rem
    }
}

.blog-like-button--border svg {
    width: 3.2rem
}

.like-icon {
    transition: transform .2s ease,fill .2s ease
}

.like-icon.liked {
    fill: var(--secondary);
    transform: scale(1.1)
}

.blog-like-button:hover .like-icon:not(.liked) {
    transform: scale(1.1)
}

.like-icon.animate {
    animation: likeAnimation .4s ease
}

@keyframes likeAnimation {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1.1)
    }
}

.blog-like-button[disabled] {
    opacity: .7;
    cursor: not-allowed
}

.author-block {
    margin: 3rem 0
}

.author-block__header {
    margin-bottom: 20px
}

.author-block__verification {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    color: var(--text-secondary);
    font-size: 1.6rem;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .author-block__verification {
        font-size:2rem;
        margin-bottom: 3rem
    }
}

.author-block__verification-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1.2rem;
    border: 1px solid var(--bg-primary);
    background: linear-gradient(to bottom,var(--bg-primary),transparent);
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

.author-block__verification-icon svg {
    width: 2.4rem;
    fill: var(--icon-green)
}

@media (max-width: 47.99875em) {
    .author-block__verification-icon {
        width:6.4rem;
        height: 6.4rem;
        flex: 1 0 auto
    }

    .author-block__verification-icon svg {
        width: 3.4rem;
        flex: 0 0 auto
    }
}

.author-block__dates {
    display: flex;
    justify-content: space-between
}

@media (max-width: 47.99875em) {
    .author-block__dates {
        border-top:1px solid var(--bg-inverse);
        border-bottom: 1px solid var(--bg-inverse)
    }
}

.author-block__dates-item {
    font-size: 1.6rem;
    color: var(--text-primary);
    width: 50%
}

@media (max-width: 47.99875em) {
    .author-block__dates-item {
        display:flex;
        flex-direction: column;
        font-size: 2rem;
        text-align: center;
        padding: 1rem 0
    }

    .author-block__dates-item:first-child {
        border-right: 1px solid var(--bg-inverse)
    }
}

.author-block__dates-item span {
    font-weight: 600
}

.author-block__specialists {
    display: flex;
    justify-content: space-between
}

@media (max-width: 47.99875em) {
    .author-block__specialists {
        flex-direction:column;
        gap: 3rem
    }
}

.author-block__specialist {
    display: flex;
    align-items: flex-start
}

@media (min-width: 47.99875em) {
    .author-block__specialist {
        width:50%
    }
}

.author-block__specialist-photo {
    width: 8.4rem;
    height: 8.4rem;
    border-radius: 1.2rem;
    margin-right: 1.6rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 47.99875em) {
    .author-block__specialist-photo {
        width:8.4rem;
        height: 8.4rem;
        border-radius: 2rem
    }
}

.author-block__specialist-info {
    flex-grow: 1
}

.author-block__specialist-name {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: .4rem
}

@media (max-width: 47.99875em) {
    .author-block__specialist-name {
        font-size:2rem
    }
}

.author-block__specialist-role {
    font-size: 1.4rem;
    color: var(--text-secondary);
    margin-bottom: 8px
}

@media (max-width: 47.99875em) {
    .author-block__specialist-role {
        font-size:2rem
    }
}

.author-block__specialist-links {
    display: flex;
    gap: 1.2rem
}

@media (max-width: 47.99875em) {
    .author-block__specialist-links {
        gap:2rem
    }
}

.author-block__specialist-link {
    color: var(--primary);
    text-decoration: none;
    font-size: 1.4rem
}

@media (max-width: 47.99875em) {
    .author-block__specialist-link {
        font-size:2rem
    }
}

.author-block__specialist-link:hover {
    text-decoration: underline
}

.toc {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    margin-bottom: 4rem
}

.toc ul,.toc ol {
    margin: 1.6rem 0;
    padding-left: 3rem
}

.toc ul a,.toc ol a {
    color: var(--text-primary);
    text-decoration: underline
}

.toc ul a:hover,.toc ol a:hover {
    border-bottom: none
}

.toc ol>li {
    font-weight: 600
}

.toc ol>li>ul {
    font-weight: 400
}

.toc ul {
    list-style: none
}

.toc ul li {
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.6
}

.toc ul li:before {
    content: none
}

.toc ul li ul li:before {
    width: 5px;
    height: 5px
}

.toc ol {
    list-style: none;
    counter-reset: level1;
    font-variant-numeric: tabular-nums
}

.toc ol>li {
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.6;
    counter-increment: level1
}

.toc ol>li:before {
    content: counter(level1) ".";
    position: absolute;
    left: -3rem;
    font-weight: 600;
    text-align: left;
    color: var(--text-primary)
}

.toc ol>li>ol {
    counter-reset: level2
}

.toc ol>li>ol>li {
    counter-increment: level2
}

.toc ol>li>ol>li:before {
    content: counter(level1) "." counter(level2);
    color: var(--primary-8)
}

.toc ol>li>ol>li>ol {
    counter-reset: level3
}

.toc ol>li>ol>li>ol>li {
    counter-increment: level3
}

.toc ol>li>ol>li>ol>li:before {
    content: counter(level1) "." counter(level2) "." counter(level3);
    color: var(--primary-8)
}

.toc li>ul,.toc li>ol {
    margin: 1rem 0
}

.toc__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 3.6rem
}

@media (max-width: 47.99875em) {
    .toc__title {
        font-size:3.4rem;
        margin-bottom: 1.4rem
    }
}

.toc-scroll {
    position: absolute;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid var(--bg-inverse);
    transform: translateY(-100%);
    transition: transform .4s ease-in-out;
    width: 100%;
    height: 8rem;
    z-index: -1;
    font-size: 1.8rem
}

.toc-scroll--visible {
    transform: translateY(0);
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

@media (min-width: 47.99875em) {
    .toc-scroll {
        display:none
    }
}

.toc-scroll-container {
    display: flex;
    overflow-x: auto;
    padding: 2.4rem 0;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.toc-scroll-container::-webkit-scrollbar {
    display: none
}

.toc-scroll__items {
    display: flex;
    position: relative;
    padding: 0 3%;
    gap: 2rem
}

.toc-scroll__item {
    min-width: 10ch;
    max-width: 30rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-secondary)
}

.toc-scroll__item--active {
    font-weight: 500;
    color: var(--text-primary)
}

.toc-scroll__indicator {
    position: absolute;
    bottom: -.6rem;
    height: 2px;
    background-color: var(--secondary);
    transition: left .5s ease-in-out,width .5s ease-in-out
}

.share-buttons {
    display: flex;
    gap: 2rem
}

.share-button {
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 1.2rem;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all .3s
}

.share-button svg {
    width: 3.2rem;
    height: 3.2rem;
    opacity: 1;
    transition: all .3s
}

.vk {
    fill: #07f
}

.telegram {
    fill: #18a3e6
}

.whatsapp {
    fill: #25d366
}

.ok {
    fill: #ee8208
}

.share-button:hover svg {
    opacity: .6
}

.custom-select {
    position: relative;
    font-size: 1.6rem;
    cursor: pointer
}

.select-header {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
    padding: 0 2rem;
    height: 6.4rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 2rem;
    transition: all .2s
}

.select-header svg {
    stroke: var(--text-secondary)
}

@media (max-width: 47.99875em) {
    .select-header {
        height:6.4rem;
        width: 6.4rem;
        justify-content: center;
        border-radius: 2rem
    }
}

.select-header:hover {
    border-color: #cbd5e0
}

.select-current {
    color: #1a202c
}

@media (max-width: 47.99875em) {
    .select-current {
        display:none
    }
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin: 4rem 0
}

.pagination button {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    height: 6.4rem;
    width: -moz-max-content;
    width: max-content;
    padding: 0 5rem;
    background-color: var(--bg-primary);
    border-radius: 10rem;
    font-weight: 400;
    z-index: 30
}

@media (max-width: 47.99875em) {
    .pagination button {
        height:8rem;
        width: 100%
    }
}

.pagination button svg {
    height: .4rem;
    fill: var(--text-secondary)
}

.spinner {
    width: 4.2rem;
    height: 4.2rem;
    border: 6px solid var(--primary-24);
    border-top: 6px solid var(--primary);
    border-radius: 50%;
    animation: spin 1s ease-in-out infinite,spinOp 1s ease-in-out infinite
}

@media (max-width: 47.99875em) {
    .spinner {
        width:6.4rem;
        height: 6.4rem
    }
}

.select-icon {
    width: 1.4rem;
    height: 1.4rem;
    color: #4a5568;
    transition: transform .2s
}

@media (max-width: 47.99875em) {
    .select-icon {
        display:none
    }
}

.select-icon--mobile {
    stroke: var(--primary-light);
    width: 2.4rem;
    height: 2.4rem
}

@media (min-width: 47.99875em) {
    .custom-select.open .select-icon {
        transform:rotate(180deg)
    }
}

.select-dropdown {
    position: absolute;
    top: calc(100% + 1.4rem);
    right: 0;
    border: 1px solid var(--text-primary);
    border-radius: 2rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all .2s;
    z-index: 100;
    overflow: hidden;
    width: 100%;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-backdrop-filter: blur(30px) saturate(200%);
    backdrop-filter: blur(30px) saturate(200%);
    background-color: #000c
}

@media (max-width: 47.99875em) {
    .select-dropdown {
        width:30rem;
        left: auto;
        right: 0;
        max-height: 42rem;
        overflow: auto
    }
}

.custom-select.open .select-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.select-option {
    padding: 2rem 3rem;
    color: var(--bg-accent);
    transition: all .2s
}

@media (max-width: 47.99875em) {
    .select-option {
        font-size:2rem
    }
}

.select-option:hover {
    background: var(--service-72);
    color: var(--bg-primary)
}

.select-option.selected {
    background: var(--service-64);
    color: var(--primary-12)
}

.blog__filters {
    display: flex;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .blog__filters {
        gap:1rem
    }
}

.blog__search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    width: 100%;
    padding: 1.4rem 1.4rem 1.4rem 7rem;
    border: 1px solid #e2e8f0;
    background-color: #fff;
    border-radius: 3rem;
    margin-bottom: 4rem
}

@media (max-width: 47.99875em) {
    .blog__search-wrapper {
        padding:1.4rem;
        width: 100%
    }
}

.blog__search-input {
    flex: 1 0 auto;
    font-size: 2rem;
    transition: all .2s;
    margin-right: 4rem;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--primary-4)
}

.blog__search-input:focus {
    border-bottom: 2px solid var(--primary-16)
}

@media (max-width: 47.99875em) {
    .blog__search-input {
        flex:1;
        font-size: 2.4rem;
        margin-right: 1rem;
        margin-left: 6rem;
        padding: 0;
        width: 100%
    }
}

.search-icon {
    position: absolute;
    top: calc(50% - 1.6rem);
    left: 2rem;
    stroke: var(--primary);
    z-index: 100;
    width: 3.2rem;
    height: 3.2rem
}

@media (max-width: 47.99875em) {
    .search-icon {
        width:3.2rem;
        height: 3.2rem;
        top: calc(50% - 1.6rem);
        left: 2.4rem
    }
}

.blog__search-clear {
    border: none;
    background: none;
    color: #a0aec0;
    cursor: pointer;
    transition: color .3s
}

@media (max-width: 47.99875em) {
    .blog__search-clear {
        margin-right:2rem;
        width: 3.2rem;
        height: 3.2rem
    }

    .blog__search-clear span {
        display: none
    }
}

@media (min-width: 47.99875em) {
    .blog__search-clear {
        margin-right:2rem
    }

    .blog__search-clear svg {
        display: none
    }
}

.blog__search-clear:hover {
    color: #4a5568
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (min-width: 47.99875em) {
    .blog__items {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.blog__article {
    animation: fadeInUp .5s ease forwards
}

.blog__article.new-item {
    opacity: 0;
    animation: fadeInUp .5s ease forwards
}

.mobile-contacts {
    position: fixed;
    width: 100%;
    bottom: 11rem;
    z-index: 130;
    visibility: hidden;
    bottom: 0;
    opacity: 0;
    transition: all .3s
}

.mobile-contacts.show {
    visibility: visible;
    bottom: 10.6rem;
    opacity: 1
}

.mobile-contacts__container {
    -webkit-backdrop-filter: blur(30px) saturate(200%);
    backdrop-filter: blur(30px) saturate(200%);
    background-color: #000c;
    border-radius: 2rem;
    padding: 1.2rem;
    border: 1px solid var(--text-primary)
}

.mobile-contacts__items {
    display: flex;
    align-items: center;
    gap: 2rem
}

.mobile-contacts__item {
    flex: 1 1 auto
}

.mobile-contacts__item button {
    border: 0px;
    height: 6.4rem;
    border-radius: 1.4rem;
    width: 100%
}

.mobile-contacts__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    border: 1px solid var(--service-72);
    border-radius: 2rem;
    background-color: var(--service-84)
}

.mobile-contacts__icon svg {
    width: 2.4rem;
    height: 2.4rem;
    fill: var(--bg-primary)
}

.mobile-contacts__icon--whatsapp svg {
    fill: var(--icon-green)
}

.mobile-contacts__icon--telegram svg {
    fill: #74c5ea
}

.sidebar {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 47.99875em) {
    .sidebar {
        gap:6rem
    }
}

@media (min-width: 47.99875em) {
    .sidebar--sticky {
        position:sticky;
        top: 14rem;
        height: -moz-fit-content;
        height: fit-content;
        align-items: flex-start
    }
}

@media (max-width: 47.99875em) {
    .sidebar {
        margin-top:10rem;
        margin-bottom: 20rem
    }
}

.sidebar__menu {
    position: relative;
    width: 100%;
    border-radius: 3rem;
    color: var(--text-primary);
    z-index: 1
}

.sidebar__menu:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url(../img/7e7ca77e.webp);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    height: 8rem;
    top: 1rem;
    left: 4rem;
    z-index: -2
}

@media (max-width: 47.99875em) {
    .sidebar__menu:after {
        height:11rem;
        left: 5rem
    }
}

.sidebar__menu-title {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    font-weight: 700;
    padding-bottom: 2rem;
    background-color: var(--bg-primary);
    border-radius: 0 3rem 0 0;
    padding: 0 3rem 0rem 0;
    height: 7.2rem;
    text-align: right;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    z-index: 0
}

.sidebar__menu-title:before {
    content: url(../img/corner-w-l.svg);
    position: absolute;
    aspect-ratio: 200/150;
    bottom: 0;
    height: 7.2rem;
    left: -9rem;
    z-index: -1
}

@media (max-width: 47.99875em) {
    .sidebar__menu-title:before {
        height:10rem;
        left: -11rem
    }

    .sidebar__menu-title {
        font-size: 4rem;
        height: 10rem
    }
}

.sidebar__menu-items {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.4rem;
    background-color: var(--bg-primary);
    border-radius: 3rem 0 3rem 3rem;
    z-index: -1;
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

@media (max-width: 47.99875em) {
    .sidebar__menu-items {
        padding:2rem;
        gap: 1.4rem
    }
}

.sidebar__menu-buttons {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -3rem;
    gap: 2rem;
    border-radius: 0 0 3rem 3rem;
    border: 1px solid #fff;
    background-color: var(--bg-secondary);
    box-shadow: 2rem 2rem 9rem #dbe6edbd;
    padding: 5rem 2rem 2rem;
    z-index: -3
}

.sidebar__menu-buttons .button {
    flex: 1 1 auto
}

.sidebar .menu__arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem
}

.sidebar .menu__arrow:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 6.4rem;
    left: -.8rem;
    top: 0;
    background-color: var(--bg-accent)
}

.sidebar .menu__arrow svg {
    width: 1.4rem;
    height: 1.4rem;
    color: #4a5568;
    transition: transform .2s;
    stroke: var(--text-secondary)
}

.sidebar__menu-item.open .sidebar .menu__arrow svg {
    transform: rotate(180deg)
}

.sidebar__menu-sub-list {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease
}

.open .sidebar__menu-sub-list {
    max-height: auto;
    height: auto
}

.open .sidebar__menu-sub-list:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 2rem;
    top: 0;
    background-color: var(--bg-accent)
}

.sidebar__menu-link {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
    padding: 0 .8rem 0 2rem;
    height: 6.4rem;
    font-weight: 500;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 2rem;
    transition: all .2s
}

.open .sidebar__menu-link {
    margin-bottom: 1rem
}

@media (max-width: 47.99875em) {
    .sidebar__menu-link {
        font-size:2.4rem;
        height: 8rem
    }
}

.sidebar__menu-sublink {
    position: relative;
    display: flex;
    padding: 1rem 1rem 1rem 4rem
}

@media (min-width: 47.99875em) {
    .sidebar__menu-sublink {
        font-size:1.6rem
    }
}

@media (max-width: 47.99875em) {
    .sidebar__menu-sublink {
        font-size:2rem;
        padding: 2rem 1rem 2rem 4rem
    }
}

.offers__filters {
    display: flex;
    gap: 2rem
}

.offers__search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    width: 100%;
    padding: 1.4rem 1.4rem 1.4rem 7rem;
    border: 1px solid #e2e8f0;
    background-color: #fff;
    border-radius: 3rem;
    margin-bottom: 4rem
}

@media (max-width: 47.99875em) {
    .offers__search-wrapper {
        padding:1.4rem;
        width: 100%
    }
}

.offers__search-input {
    flex: 1 0 auto;
    font-size: 2rem;
    transition: all .2s;
    margin-right: 4rem;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--primary-4)
}

.offers__search-input:focus {
    border-bottom: 2px solid var(--primary-16)
}

@media (max-width: 47.99875em) {
    .offers__search-input {
        flex:1;
        font-size: 2.4rem;
        margin-right: 1rem;
        margin-left: 6rem;
        padding: 0;
        width: 100%
    }
}

.offers__search-clear {
    border: none;
    background: none;
    color: #a0aec0;
    cursor: pointer;
    transition: color .3s
}

@media (max-width: 47.99875em) {
    .offers__search-clear {
        margin-right:2rem;
        width: 3.2rem;
        height: 3.2rem
    }

    .offers__search-clear span {
        display: none
    }
}

@media (min-width: 47.99875em) {
    .offers__search-clear {
        margin-right:2rem
    }

    .offers__search-clear svg {
        display: none
    }
}

.offer-detail {
    padding-top: 20rem
}

@media (max-width: 47.99875em) {
    .offer-detail {
        padding-top:12rem
    }
}

.offer-detail h1 {
    font-size: 4.2rem
}

@media (max-width: 47.99875em) {
    .offer-detail h1 {
        position:absolute;
        top: 12rem;
        font-size: 3.6rem;
        margin-bottom: 2rem;
        width: 68%;
        z-index: 100
    }
}

.offer-detail h2 {
    font-weight: 700;
    text-align: left;
    margin-bottom: 2rem;
    font-size: 3.6rem
}

@media (max-width: 47.99875em) {
    .offer-detail h2 {
        font-size:3rem
    }
}

@media (min-width: 47.99875em) {
    .offer-detail__card {
        position:sticky;
        top: 20rem;
        border-radius: 3rem
    }
}

@media (max-width: 47.99875em) {
    .offer-detail__card {
        position:relative;
        top: 0;
        margin-bottom: 6rem
    }
}

.offer-detail__badge {
    font-weight: 700;
    color: var(--secondary);
    font-size: 2.4rem
}

@media (max-width: 47.99875em) {
    .offer-detail__badge {
        position:absolute;
        top: 6rem;
        font-size: 2.8rem;
        margin-bottom: 2rem;
        width: 68%;
        z-index: 100
    }
}

.offer-detail__image {
    position: relative;
    height: 36rem;
    background-color: var(--bg-primary);
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 1rem 1rem 4rem #3737371a
}

@media (max-width: 47.99875em) {
    .offer-detail__image {
        margin:-4%
    }
}

.offer-detail__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 47.99875em) {
    .offer-detail__image img {
        width:75%
    }

    .offer-detail__image {
        height: 44rem;
        border-radius: 0
    }
}

.offer-detail__cta {
    margin-top: 4rem
}

@media (max-width: 47.99875em) {
    .offer-detail__cta button {
        width:100%
    }
}

@media (min-width: 47.99875em) {
    .offer-detail__terms-content {
        font-size:2rem
    }
}

@media (max-width: 47.99875em) {
    .offer-detail__terms-content {
        font-size:2.4rem
    }
}

.offer-detail__buttons {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem
}

@media (max-width: 47.99875em) {
    .offer-detail__buttons {
        margin-top:-4rem
    }
}

.offer-detail__buttons .button {
    flex: 1 1 auto
}

.offer-detail__search-clear {
    border: none;
    background: none;
    color: #a0aec0;
    cursor: pointer;
    transition: color .3s
}

@media (max-width: 47.99875em) {
    .offer-detail__search-clear {
        margin-right:2rem;
        width: 3.2rem;
        height: 3.2rem
    }

    .offer-detail__search-clear span {
        display: none
    }
}

@media (min-width: 47.99875em) {
    .offer-detail__search-clear {
        margin-right:2rem
    }

    .offer-detail__search-clear svg {
        display: none
    }
}

.reviews__filters {
    display: flex;
    gap: 2rem
}

.reviews__search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    width: 100%;
    padding: 1.4rem 1.4rem 1.4rem 7rem;
    border: 1px solid #e2e8f0;
    background-color: #fff;
    border-radius: 3rem;
    margin-bottom: 4rem
}

@media (max-width: 47.99875em) {
    .reviews__search-wrapper {
        padding:1.4rem;
        width: 100%
    }
}

.reviews__search-input {
    flex: 1 0 auto;
    font-size: 2rem;
    transition: all .2s;
    margin-right: 4rem;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--primary-4)
}

.reviews__search-input:focus {
    border-bottom: 2px solid var(--primary-16)
}

@media (max-width: 47.99875em) {
    .reviews__search-input {
        flex:1;
        font-size: 2.4rem;
        margin-right: 1rem;
        margin-left: 6rem;
        padding: 0;
        width: 100%
    }
}

.reviews__search-clear {
    border: none;
    background: none;
    color: #a0aec0;
    cursor: pointer;
    transition: color .3s
}

@media (max-width: 47.99875em) {
    .reviews__search-clear {
        margin-right:2rem;
        width: 3.2rem;
        height: 3.2rem
    }

    .reviews__search-clear span {
        display: none
    }
}

@media (min-width: 47.99875em) {
    .reviews__search-clear {
        margin-right:2rem
    }

    .reviews__search-clear svg {
        display: none
    }
}

@media (max-width: 47.99875em) {
    .modal-reviews__text-block {
        position:relative
    }

    .modal-reviews__text-block:after {
        content: "";
        position: absolute;
        height: 6rem;
        width: 100%;
        background-color: var(--primary);
        background: linear-gradient(0deg,var(--bg-primary) 0%,transparent 100%);
        bottom: 0;
        left: 0;
        z-index: 10
    }
}

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

@media (max-width: 47.99875em) {
    .modal-reviews__text {
        font-size:2.4rem!important;
        max-height: 40rem;
        overflow-y: scroll;
        margin-bottom: 2rem!important;
        padding-bottom: 4rem
    }
}

.modal-reviews__info {
    text-align: left
}

.modal-reviews__author {
    font-weight: 700
}

.contacts {
    margin-bottom: 0
}

@media (max-width: 47.99875em) {
    .contacts {
        margin-bottom:0
    }
}

.contacts__container {
    margin-bottom: 10rem
}

@media (max-width: 47.99875em) {
    .contacts__container {
        display:flex;
        flex-direction: column
    }
}

.contacts #map {
    min-height: 50rem;
    overflow: hidden;
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

@media (min-width: 47.99875em) {
    .contacts #map {
        border-radius:3rem
    }
}

@media (max-width: 47.99875em) {
    .contacts #map {
        min-width:106%;
        margin-left: -3%;
        margin-right: -3%;
        min-height: 60rem
    }
}

.contacts__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem
}

@media (max-width: 47.99875em) {
    .contacts__items {
        grid-template-columns:1fr
    }
}

.contacts__item {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.contacts__item-left {
    min-width: 20rem;
    color: var(--text-secondary)
}

.contacts__item-right {
    font-weight: 700;
    font-size: 2rem
}

@media (max-width: 47.99875em) {
    .contacts__item-right {
        font-size:2.6rem
    }
}

.toolbar {
    display: none
}

@media (max-width: 47.99875em) {
    .toolbar {
        display:flex;
        align-items: center;
        width: calc(100dvw + 2px);
        margin: 0 auto;
        position: fixed;
        left: -1px;
        bottom: -2px;
        z-index: 170;
        -webkit-backdrop-filter: blur(30px) saturate(200%);
        backdrop-filter: blur(30px) saturate(200%);
        background-color: #000c;
        height: 12rem;
        clip-path: polygon(95.2% 23.077%,4.8% 23.077%,4.8% 23.077%,4.024% 22.773%,3.287% 21.895%,2.599% 20.491%,1.97% 18.609%,1.41% 16.298%,.929% 13.606%,.538% 10.582%,.246% 7.274%,.063% 3.73%,0% 0%,0% 100%,100% 100%,100% 0%,100% 0%,99.937% 3.73%,99.754% 7.274%,99.462% 10.582%,99.071% 13.606%,98.59% 16.298%,98.03% 18.609%,97.401% 20.491%,96.713% 21.895%,95.976% 22.773%,95.2% 23.077%)
    }

    .toolbar__phone {
        display: flex;
        flex-direction: column;
        font-size: 6rem
    }

    .toolbar__phone a {
        color: var(--primary);
        font-size: 9rem;
        font-weight: 700
    }
}

.toolbar__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 3.4rem 1rem 1rem;
    z-index: 1005;
    bottom: 2.8rem;
    font-size: 1.6rem;
    color: var(--text-secondary)
}

.toolbar__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 30rem;
    z-index: 2000;
    gap: .4rem;
    color: var(--text-secondary)
}

.toolbar__item svg {
    width: 3.4rem;
    height: 3.4rem;
    fill: var(--bg-primary)
}

.toolbar__item svg .point {
    fill: var(--secondary)
}

@media (min-width: 47.99875em) {
    .feedback--mini {
        margin:10rem 0
    }
}

@media (max-width: 47.99875em) {
    .feedback--mini {
        margin:8rem 0
    }

    .feedback__container {
        display: block
    }
}

.feedback--mini .feedback__container {
    padding: 0;
    max-width: 100%
}

.feedback__bg {
    position: absolute;
    height: 12rem;
    width: 40%;
    top: 0;
    right: 0;
    background-color: var(--bg-secondary)
}

@media (max-width: 47.99875em) {
    .feedback__bg {
        display:none;
        height: 4rem;
        width: 14rem
    }
}

.feedback__bg:after {
    content: url(../img/corner-round-g.svg);
    position: absolute;
    width: 4rem;
    height: 4rem;
    bottom: -4rem;
    right: 0
}

.feedback__bg:before {
    content: url(../img/corner-g-l-i.svg);
    position: absolute;
    aspect-ratio: 200/150;
    height: 12rem;
    top: 0;
    left: -22%;
    z-index: 1
}

@media (max-width: 47.99875em) {
    .feedback__bg:before {
        height:4rem;
        left: -35%
    }
}

@media (min-width: 47.99875em) {
    .feedback--mini .feedback__bg:before {
        left:-30%
    }
}

.feedback__form {
    position: relative;
    min-height: 54rem;
    width: 100%;
    border-radius: 4rem;
    background-color: var(--bg-primary)
}

@media (max-width: 47.99875em) {
    .feedback__form {
        height:-moz-fit-content;
        height: fit-content
    }
}

.feedback__form:before {
    content: "";
    position: absolute;
    top: 0;
    left: 8rem;
    height: 4px;
    width: 12rem;
    background-color: var(--secondary)
}

@media (max-width: 47.99875em) {
    .feedback__form .button {
        width:100%
    }
}

@media (min-width: 47.99875em) {
    .feedback--mini .feedback__form {
        min-height:48rem
    }
}

.feedback__form-content {
    padding: 8rem 0 0 8rem;
    width: 50%
}

@media (max-width: 47.99875em) {
    .feedback__form-content {
        padding:6rem 4rem 4rem;
        width: 100%
    }
}

.feedback__form-content--quiz {
    padding: 8rem 0 0 8rem
}

@media (min-width: 47.99875em) {
    .feedback__form-content--quiz {
        width:50%
    }
}

@media (max-width: 47.99875em) {
    .feedback__form-content--quiz {
        padding:6rem 4rem 4rem
    }
}

@media (min-width: 47.99875em) {
    .feedback--mini .feedback__form-content {
        padding:6rem 0 0 6rem
    }
}

.feedback form {
    display: flex;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .feedback form {
        flex-direction:column
    }
}

.feedback__badge {
    font-weight: 600;
    color: var(--secondary);
    margin-bottom: 1rem
}

.feedback__form-title {
    position: relative;
    margin-bottom: 4rem;
    text-align: left;
    line-height: 1.2;
    background-image: linear-gradient(to left,var(--primary-24),var(--primary))
}

@media (max-width: 47.99875em) {
    .feedback__form-title {
        font-size:4rem
    }
}

.feedback__form-title span {
    color: var(--secondary)
}

.feedback__form-title span.span {
    color: var(--primary)
}

@media (min-width: 47.99875em) {
    .feedback--mini .feedback__form-title {
        font-size:3.6rem;
        margin-bottom: 2rem
    }
}

.feedback__form-description {
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem
}

.feedback__form-description span {
    font-weight: 600
}

@media (min-width: 47.99875em) {
    .feedback--mini .feedback__form-description {
        font-size:1.8rem;
        margin-bottom: 2rem
    }
}

.feedback__form-items {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .feedback__form-items {
        grid-template-columns:1fr
    }
}

.feedback__form-items .button-block {
    align-items: flex-end
}

.feedback .feedback-doctor {
    display: initial
}

.feedback .feedback-doctor input {
    width: 100%;
    margin-top: 1rem
}

.feedback .feedback-doctor .btn--primary {
    flex: 1;
    width: 100%
}

.feedback__form-item .select {
    z-index: 100!important
}

.feedback__form-item .select__body {
    display: flex;
    align-items: center;
    min-width: 100%;
    border: 1px solid var(--primary-12);
    outline: 0px solid var(--bg-primary);
    position: relative;
    height: 6.4rem;
    padding: 0 2rem;
    border-radius: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    transition: all .3s
}

.feedback__form-item .select__options {
    width: 100%;
    left: 0;
    top: 6.4rem;
    z-index: 1000
}

.feedback__form-item input {
    width: 100%
}

@media (max-width: 47.99875em) {
    .feedback__form-item ._select-focus {
        height:8rem;
        border-radius: 2rem
    }
}

.feedback__form-picture {
    position: absolute;
    border-radius: 0 0 4rem;
    bottom: 0;
    display: block;
    width: 58rem;
    aspect-ratio: 1/1;
    overflow: hidden;
    z-index: 20;
    transition: all .5s;
    background: transparent
}

@media (min-width: 47.99875em) {
    .feedback__form-picture {
        right:6rem
    }

    ._form-active .feedback__form-picture {
        width: 56rem
    }
}

@media (max-width: 47.99875em) {
    ._form-active .feedback__form-picture {
        width:80%
    }

    .feedback__form-picture {
        position: relative;
        width: 100%;
        margin: auto
    }
}

.feedback__form-picture img {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    mix-blend-mode: luminosity
}

@media (min-width: 47.99875em) {
    .feedback--mini .feedback__form-picture {
        width:50rem;
        right: 2rem
    }
}

.main-info {
    position: relative;
    background-color: var(--bg-primary);
    min-height: 80rem;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 50%
}

@media (max-width: 47.99875em) {
    .main-info {
        height:auto;
        padding-top: 14rem;
        background-position: bottom -10% right;
        background-size: contain;
        margin-bottom: 10rem
    }
}

.main-info:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100rem;
    background-color: var(--primary);
    background: linear-gradient(90deg,var(--bg-primary) 0%,transparent 65%);
    top: 0;
    left: 50%;
    z-index: 10
}

@media (max-width: 47.99875em) {
    .main-info:before {
        background:linear-gradient(180deg,var(--bg-primary) 10%,transparent 50%);
        bottom: 0;
        top: initial;
        left: 0;
        width: 100%;
        height: 54rem;
        z-index: 1
    }
}

.main-info--service {
    min-height: initial;
    height: auto
}

.main-info--service .main-info__container {
    min-height: initial
}

@media (min-width: 47.99875em) {
    .main-info--min {
        min-height:initial;
        height: auto
    }
}

@media (max-width: 47.99875em) {
    .main-info--min {
        min-height:initial;
        height: auto
    }
}

.main-info--blog-index {
    background-image: initial;
    background-position: center right;
    background-size: 50%
}

@media (max-width: 47.99875em) {
    .main-info--blog-index {
        height:auto;
        padding-top: 14rem;
        background-position: bottom -10% right;
        background-size: contain
    }
}

.main-info--blog {
    background-image: initial;
    background-position: center right;
    background-size: 50%;
    min-height: 70rem
}

@media (max-width: 47.99875em) {
    .main-info--blog {
        height:auto;
        background-position: bottom 46rem right;
        background-size: contain
    }
}

.main-info--blog:before {
    bottom: 48rem
}

.main-info--blog h1:before {
    content: none
}

@media (min-width: 47.99875em) {
    .main-info--picture {
        background-image:initial;
        background-position: center right;
        background-size: 50%;
        min-height: 70rem
    }
}

.main-info__container {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 3rem;
    padding-top: 20rem
}

@media (min-width: 47.99875em) {
    .main-info__container {
        min-height:50rem
    }
}

@media (max-width: 47.99875em) {
    .main-info__container {
        grid-template-columns:1fr;
        padding-top: 0rem;
        min-height: auto
    }
}

.main-info__info-items {
    display: flex;
    align-items: center;
    gap: 6rem;
    margin-bottom: auto
}

@media (max-width: 47.99875em) {
    .main-info__info-items {
        justify-content:space-around;
        font-size: 3rem
    }
}

.main-info__info-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-weight: 600;
    color: var(--text-primary)
}

@media (min-width: 47.99875em) {
    .main-info__info-item {
        font-size:2rem!important
    }
}

@media (max-width: 47.99875em) {
    .main-info__info-item {
        font-size:2.6rem
    }
}

.main-info__info-item svg {
    width: 2.4rem;
    fill: var(--text-accent)
}

@media (max-width: 47.99875em) {
    .main-info__info-item svg {
        width:3.2rem!important
    }
}

.main-info__info-item--data {
    font-size: 1.6rem
}

@media (max-width: 47.99875em) and (max-width: 47.99875em) {
    .main-info__info-item--data {
        font-size:2rem
    }
}

.main-info__breadcrumbs {
    font-size: 1.6rem;
    color: var(--text-secondary);
    margin-bottom: 1rem
}

@media (max-width: 47.99875em) {
    .main-info__breadcrumbs {
        font-size:2.2rem;
        margin-bottom: 2rem
    }
}

.main-info__breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.main-info__breadcrumbs ul li {
    font-weight: 400
}

.main-info__breadcrumbs ul li:not(:last-child):after {
    content: "•";
    margin: 0 .6rem;
    color: var(--primary)
}

.main-info__info {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10
}

.main-info--service .main-info__info {
    margin-bottom: 10rem
}

@media (max-width: 47.99875em) {
    .main-info--service .main-info__info {
        margin-bottom:14rem
    }
}

.main-info--blog .main-info__info {
    margin-bottom: 25rem
}

@media (min-width: 47.99875em) {
    .main-info--picture .main-info__info {
        margin-bottom:25rem
    }
}

@media (max-width: 47.99875em) {
    .main-info__info {
        margin-bottom:38rem
    }

    .main-info--min .main-info__info {
        margin-bottom: 14rem
    }

    .main-info--blog .main-info__info {
        margin-bottom: 46rem
    }

    .main-info--blog-index .main-info__info {
        margin-bottom: 38rem
    }
}

.main-info__cards {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 100rem;
    height: 18rem;
    bottom: -1px;
    right: 0;
    background-color: var(--bg-secondary);
    border-radius: 6rem 0 0;
    padding-right: calc((100% - 159rem)/2);
    padding-left: 4rem;
    z-index: 10
}

.main-info--blog .main-info__cards {
    right: initial;
    left: 0;
    border-radius: 0 6rem 0 0;
    padding-left: calc((100% - 159rem)/2);
    padding-right: 4rem;
    height: 20rem
}

@media (max-width: 47.99875em) {
    .main-info--blog .main-info__cards {
        position:relative;
        height: -moz-max-content;
        height: max-content;
        padding: 0 3%;
        margin-left: -3%;
        margin-right: -3%;
        border-radius: 0
    }
}

@media (min-width: 47.99875em) {
    .main-info--picture .main-info__cards {
        right:initial;
        left: 0;
        border-radius: 0 6rem 0 0;
        padding-left: calc((100% - 159rem)/2);
        padding-right: 4rem;
        height: 20rem
    }
}

@media (max-width: 47.99875em) {
    .main-info__cards {
        display:grid;
        grid-template-columns: 1fr;
        min-width: 34rem;
        padding-right: 2rem;
        padding-left: 6rem;
        flex-direction: column;
        height: fit-content;
        gap: 4rem
    }

    .main-info--service .main-info__cards {
        min-width: 42rem;
        left: 0;
        right: auto;
        padding-right: 6rem;
        padding-left: 2rem;
        height: 10rem;
        border-radius: 0 6rem 0 0
    }
}

.main-info__cards:after {
    content: url(../img/corner-g-l.svg);
    position: absolute;
    aspect-ratio: 200/150;
    height: 18rem;
    bottom: 0;
    left: -16rem;
    z-index: 1
}

.main-info--blog .main-info__cards:after {
    height: 20rem;
    right: -18rem!important
}

@media (min-width: 47.99875em) {
    .main-info--picture .main-info__cards:after {
        height:20rem;
        right: -18rem!important
    }
}

@media (max-width: 47.99875em) {
    .main-info__cards:after {
        content:url(../img/corner-g-l-m.svg);
        height: 10rem;
        left: -8rem;
		display:none;
    }

    .main-info--service .main-info__cards:after {
        right: -8rem;
        left: auto;
        height: 10rem;
        scale: -1 1
    }
}

.main-info--blog .main-info__cards:after {
    bottom: 0;
    left: initial;
    right: -16rem;
    scale: -1 1
}

@media (max-width: 47.99875em) {
    .main-info--blog .main-info__cards:after {
        height:12rem;
        right: -9rem
    }
}

@media (min-width: 47.99875em) {
    .main-info--picture .main-info__cards:after {
        bottom:0;
        left: initial;
        right: -16rem;
        scale: -1 1
    }
}

.main-info__card {
    position: relative;
    width: 100%;
    z-index: 10
}

@media (max-width: 47.99875em) {
    .main-info__card {
        font-size:1.8rem
    }

    .main-info__card:nth-child(3) {
        display: none
    }
}

.main-info__card .main-info--blog,.main-info--service .main-info__card {
    text-align: left
}

.main-info__card-title {
    font-size: 4.2rem;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.4
}

.main-info__card-title span {
    background-image: linear-gradient(to bottom,var(--primary-24),var(--primary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 700
}

@media (max-width: 47.99875em) {
    .main-info__card-title span {
        font-size:2.8rem
    }

    .main-info__card-title {
        font-size: 2.8rem;
        margin-bottom: 0rem
    }
}

.main-info__buttons {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 4rem
}

@media (max-width: 47.99875em) {
    .main-info__buttons {
        margin-bottom:4rem
    }
}

.main-info__description {
    display: flex;
    align-items: center;
    gap: 2rem;
    font-size: 2rem
}

.main-info__description .icon-list {
    position: relative;
    width: 3.5rem;
    height: 3.5rem;
    background-color: var(--primary);
    padding: 1rem;
    border-radius: 100px
}

.main-info__description .icon-list img {
    position: relative
}

@media (max-width: 47.99875em) {
    .main-info__description {
        font-size:2rem
    }
}

.main-info__title {
    margin-bottom: 4rem
}

@media (max-width: 47.99875em) {
    .main-info__title {
        margin-bottom:5rem
    }
}

.main-info__list ul {
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem
}

@media (max-width: 47.99875em) {
    .main-info__list ul {
        font-size:2.2rem;
        margin-bottom: 5rem
    }
}

.main-info__list li {
    position: relative;
    padding-left: 4rem
}

@media (max-width: 47.99875em) {
    .main-info__list li {
        padding-left:4rem
    }
}

.main-info__list li:before {
    content: url(../img/check.svg);
    position: absolute;
    left: 0;
    top: .3rem;
    width: 2rem
}

@media (max-width: 47.99875em) {
    .main-info__list li:before {
        width:2.4rem
    }
}

.main-info__image {
    position: relative;
    height: 50rem
}

.main-info__image img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.main-info .form {
    background-color: var(--bg-secondary);
    padding: 3rem
}

.main-info .form__title {
    margin-bottom: 2rem;
    font-weight: 700
}

@media (max-width: 47.99875em) {
    .main-info .form__title {
        font-size:2.4rem
    }
}

.price-table__cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4rem
}

@media (max-width: 47.99875em) {
    .price-table__cards {
        grid-template-columns:1fr;
        gap: 6rem
    }
}

.price-table__card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 66rem;
    height: auto;
    padding: 6rem 5rem;
    border-radius: 4rem;
    background-color: var(--bg-primary);
    box-shadow: 2rem 2rem 9rem #dbe6edbd
}

@media (max-width: 47.99875em) {
    .price-table__card {
        border-radius:6rem
    }
}

.price-table__sub-title {
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--primary)
}

@media (max-width: 47.99875em) {
    .price-table__sub-title {
        margin-bottom:1rem
    }
}

.lilac .price-table__sub-title {
    color: var(--lilac)
}

.orange .price-table__sub-title {
    color: var(--secondary)
}

.price-table__card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700
}

.price-table__title {
    font-size: 3.4rem
}

@media (max-width: 47.99875em) {
    .price-table__title {
        font-size:4rem
    }
}

.price-table__price {
    background: linear-gradient(0deg,#ffffff1f,#ffffff1f),linear-gradient(194.4deg,#318e88c9 -22.77%,#73c1a8 116.6%),linear-gradient(0deg,#e2ecf2,#e2ecf2);
    border-radius: 4rem;
    padding: .6rem 2rem;
    font-size: 3rem;
    color: var(--bg-primary)
}

.lilac .price-table__price {
    background: linear-gradient(0deg,#ffffff1f,#ffffff1f),linear-gradient(194.4deg,#416caea8 -22.77%,#596ccc 116.6%),linear-gradient(0deg,#e2ecf2,#e2ecf2)
}

.orange .price-table__price {
    background: linear-gradient(.77deg,#f76b2a 11.15%,#fc5a37a1 184.66%)
}

.price-table__description {
    margin-bottom: 3rem;
    color: var(--primary)
}

.lilac .price-table__description {
    color: var(--lilac)
}

.orange .price-table__description {
    color: var(--secondary)
}

.price-table__card-list {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2rem;
    font-size: 2rem;
    margin-bottom: 3rem
}

@media (max-width: 47.99875em) {
    .price-table__card-list {
        font-size:2.2rem;
        gap: 3rem;
        margin-bottom: 5rem
    }
}

.price-table__card-list-item {
    position: relative;
    padding-left: 4rem
}

.price-table__card-list-item:before {
    content: url(../img/point.svg);
    position: absolute;
    width: 2.6rem;
    left: 0;
    top: .2rem
}

.price-table .btn {
    position: relative;
    bottom: 0;
    margin: 0 auto
}

.trust {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 40rem;
    width: 100%;
    background-color: var(--bg-primary);
    background: linear-gradient(180deg,#80bdb4,#9fd2c5);
    padding: 2rem;
    border-radius: 4rem;
    box-shadow: 2rem 4rem 12rem #dbe6edbd
}

.trust--faq {
    height: 54rem
}

@media (max-width: 47.99875em) {
    .trust {
        height:100%;
        min-height: 55rem;
        border-radius: 6rem;
        padding: 3rem;
        background: var(--bg-primary)
    }

    .trust--faq {
        min-height: 72rem;
        background: linear-gradient(180deg,#80bdb4,#9fd2c5)
    }
}

.trust .form {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.trust input {
    width: 100%;
    background-color: var(--bg-primary)
}

.trust .btn {
    justify-content: center
}

.trust .btn svg {
    display: none
}

.trust__icon {
    position: absolute;
    width: 6rem;
    top: 2rem;
    right: 2rem
}

@media (max-width: 47.99875em) {
    .trust__icon {
        width:8rem;
        top: 3rem;
        right: 3rem
    }
}

.trust__body {
    background-color: var(--bg-secondary);
    width: 100%;
    height: 24rem;
    border-radius: 0 0 3rem 3rem;
    padding: 2rem
}

.trust__body--faq {
    height: 40rem;
    border-radius: 3rem
}

.trust__body--faq .trust__title {
    margin-top: -10rem;
    margin-bottom: 4rem
}

@media (max-width: 47.99875em) {
    .trust__body {
        height:31.6rem;
        border-radius: 0rem 0rem 5rem 5rem;
        padding: 3rem
    }

    .trust__body--faq {
        height: 53rem;
        border-radius: 5rem
    }

    .trust__body--faq .trust__title {
        margin-top: -13rem;
        margin-bottom: 7rem
    }
}

.trust__body:before {
    content: url(../img/trust-board.svg);
    position: absolute;
    width: calc(100% - 4rem);
    left: 2rem;
    top: 2rem;
    z-index: 1
}

@media (max-width: 47.99875em) {
    .trust__body:before {
        width:calc(100% - 6rem);
        left: 3rem;
        top: 3rem
    }
}

.trust__title {
    position: relative;
    margin-top: -12rem;
    z-index: 10;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 5rem
}

@media (max-width: 47.99875em) {
    .trust__title {
        font-size:3.4rem;
        margin-top: -17rem;
        margin-bottom: 7rem
    }
}

.trust__items {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2.2rem
}

@media (max-width: 47.99875em) {
    .trust__items {
        gap:3rem
    }
}

.trust__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 2rem;
    border-radius: 100px;
    background-color: var(--bg-primary);
    box-shadow: 1rem 2rem 6rem #dbe6ed99
}

@media (max-width: 47.99875em) {
    .trust__item {
        padding:2rem 3rem
    }
}

.trust__image {
    width: 17rem
}

@media (max-width: 47.99875em) {
    .trust__image {
        width:22rem
    }
}

.trust__rating-icon {
    width: 2.6rem
}

@media (max-width: 47.99875em) {
    .trust__rating-icon {
        width:3.2rem
    }
}

.trust__rating {
    display: flex;
    gap: 1rem;
    font-size: 2.4rem;
    font-weight: 600
}

@media (max-width: 47.99875em) {
    .trust__rating {
        font-size:3rem
    }
}

.reviews {
    position: relative;
    margin-bottom: 17rem
}

.reviews__container {
    position: relative
}

@media (max-width: 47.99875em) {
    .reviews__container {
        padding-bottom:12rem
    }
}

.reviews__title-block {
    margin-bottom: 5.5rem
}

.reviews__link {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.6rem;
    text-decoration: underline
}

.reviews__body {
    position: relative;
    background-color: var(--bg-primary);
    padding: 3rem 3rem 3rem 2.7rem;
    border-radius: 3rem;
    box-shadow: 2rem 2rem 9rem #dbe6edbd;
    flex: 1 1 auto
}

@media (max-width: 47.99875em) {
    .reviews__body {
        padding:5rem 4rem;
        border-radius: 3rem
    }
}

.reviews__body-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--primary-12)
}

.reviews__item-badge {
    font-size: 1.6rem;
    padding: .6rem 1.2rem;
    color: var(--secondary);
    background-color: var(--secondary-4);
    border: 1px solid var(--secondary-12);
    border-radius: 1rem;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 47.99875em) {
    .reviews .link {
        display:none
    }
}

.reviews__user {
    display: flex;
    margin-top: -3rem;
    margin-left: 1rem;
    margin-right: 1rem;
    border-radius: 0 0 3rem 3rem;
    border: 1px solid #fff;
    background-color: var(--bg-secondary);
    box-shadow: 2rem 2rem 9rem #dbe6edbd;
    padding: 5rem 3rem 2rem;
    gap: 3rem;
    align-items: center
}

@media (max-width: 47.99875em) {
    .reviews__user {
        margin-top:-6rem;
        padding: 9rem 4rem 4rem 5rem
    }
}

.reviews__date {
    font-size: 1.6rem;
    color: var(--text-secondary)
}

@media (max-width: 47.99875em) {
    .reviews__date {
        font-size:2rem
    }
}

.reviews__name {
    font-weight: 700
}

@media (max-width: 47.99875em) {
    .reviews__name {
        font-size:2.4rem
    }
}

.reviews__cards {
    overflow: visible!important
}

.reviews__link>svg {
    width: .9rem;
    height: 1.6rem;
    margin-left: 1.4rem
}

.reviews__link>svg .reviews__cards {
    display: flex;
    flex-wrap: wrap
}

.reviews__item {
    position: relative;
    display: flex;
    flex-direction: column
}

.reviews__item:nth-child(3n) {
    margin-right: 0
}

.reviews__text-block {
    width: 100%
}

@media (min-width: 47.99875em) {
    .reviews__text-block {
        height:21rem
    }
}

.reviews__text {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical
}

@media (max-width: 47.99875em) {
    .reviews__text {
        -webkit-line-clamp:7;
        line-clamp: 7
    }
}

.reviews__text-link {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.6rem;
    text-decoration: underline
}

.reviews__text-link>svg {
    width: .9rem;
    height: 1.6rem;
    margin-left: 1rem
}

.reviews__text-link>svg path {
    stroke: var(--text-primary)
}

.reviews__item-btn {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 8.1rem;
    height: 8.1rem
}

.reviews__item-btn>img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.reviews__item-description {
    margin-bottom: 1.6rem;
    font-size: 1.6rem
}

.reviews__item-description span {
    font-size: 2.2rem;
    font-weight: 600
}

@media (max-width: 47.99875em) {
    .reviews__item-description span {
        font-size:3rem
    }
}

.reviews__item-title {
    margin-bottom: 2.8rem;
    font-weight: 700;
    font-size: 2.4rem;
    height: 3.2rem
}

.reviews__item-rating {
    display: flex;
    padding: 0 .5rem;
    margin-bottom: .8rem
}

.reviews__item-rating-text {
    padding: 0 .5rem;
    color: #97a5ae
}

@media (max-width: 47.99875em) {
    .reviews {
        margin-bottom:20rem
    }

    .reviews__title-block {
        margin-bottom: 8rem
    }

    .reviews__link {
        justify-content: center;
        font-size: 3.2rem
    }

    .reviews__link>svg {
        width: 1.8rem;
        height: 3.2rem;
        margin-left: 2.8rem
    }

    .reviews__link.mobile {
        display: flex
    }

    .reviews__cards {
        flex-direction: column;
        justify-content: normal
    }

    .reviews__item {
        position: relative;
        width: 100%;
        max-height: 70rem
    }
}

@media (max-width: 47.99875em) and (max-width: 47.99875em) {
    .reviews__item {
        max-height:60rem
    }
}

@media (max-width: 47.99875em) {
    .reviews__image-block {
        height:47.4rem;
        margin-bottom: 6rem;
        border-radius: 6.4rem
    }

    .reviews__image-block>img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .reviews__text-block {
        margin-bottom: 6rem
    }

    .reviews__text {
        margin-bottom: 4rem;
        font-size: 2.2rem
    }

    .reviews__text-link {
        font-size: 2.2rem
    }

    .reviews__text-link>svg {
        width: 1.8rem;
        height: 3.2rem;
        margin-left: 2rem
    }

    .reviews__item-btn {
        right: .8rem;
        top: 1.8rem;
        width: 16.2rem;
        height: 16.2rem
    }

    .reviews__item-description {
        font-size: 2.2rem
    }

    .reviews__item-title {
        margin-bottom: 2.8rem;
        font-weight: 700;
        font-size: 3.4rem;
        height: 6.4rem
    }

    .reviews__item-rating-svg {
        width: 4rem;
        height: 4rem;
        margin-right: 1.8rem
    }

    .reviews__item-rating-text {
        padding: 0 1rem
    }
}

.social-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5.4rem;
    width: 5.4rem;
    padding: 0;
    border-radius: 100rem;
    font-weight: 700;
    font-size: 1.6rem;
    box-shadow: .2rem .2rem 1rem #fff6 inset;
    background-color: var(--bg-primary)
}

@media (min-width: 47.99875em) {
    .social-button span {
        display:none
    }
}

@media (max-width: 47.99875em) {
    .social-button {
        flex:1 1 auto;
        font-size: 2.2rem;
        padding: 0rem 1rem 0rem 4rem;
        height: 9rem;
        width: initial;
        box-shadow: 1rem 2rem 6rem #dbe6ed33
    }
}

.social-button--whatsapp .social-button__icon {
    background: linear-gradient(0deg,#85e797,#50dd69)
}

.social-button--telegram .social-button__icon {
    background: linear-gradient(0deg,#74c5ea,#58b9e6)
}

@media (max-width: 47.99875em) {
    .social-button--color {
        color:var(--primary);
        background-color: var(--bg-accent)
    }

    .social-button--color .social-button__icon {
        background: initial;
        background-color: var(--bg-primary);
        box-shadow: 1rem 2rem 6rem #dbe6ed33
    }

    .social-button--color .social-button__icon .whatsapp-icon {
        fill: #85e797
    }

    .social-button--color .social-button__icon .telegram-icon {
        fill: #58b9e6
    }
}

.social-button__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.4rem;
    height: 5.4rem;
    background: linear-gradient(90deg,#28d146,#28d146);
    background-color: var(--bg-primary);
    border-radius: 30rem
}

@media (max-width: 47.99875em) {
    .social-button__icon {
        width:7rem;
        height: 7rem
    }
}

.social-button__icon svg {
    width: 2.4rem;
    height: 2.4rem
}

@media (max-width: 47.99875em) {
    .social-button__icon svg {
        width:3.2rem;
        height: 3.2rem
    }
}

.social-button .whatsapp-icon,.social-button .telegram-icon {
    fill: var(--bg-primary)
}

.guarantees__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4rem;
    align-items: center
}

@media (max-width: 47.99875em) {
    .guarantees__container {
        grid-template-columns:1fr
    }
}

.guarantees__items {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 47.99875em) {
    .guarantees__items {
        order:2
    }

    .guarantees__items--left {
        margin-top: -8rem
    }
}

.guarantees__item {
    display: flex;
    align-items: center;
    min-height: 16rem;
    padding: 2rem 3rem;
    border-radius: 3rem;
    background-color: var(--bg-primary);
    box-shadow: 2rem 2rem 9rem #dbe6edbd
}

@media (max-width: 47.99875em) {
    .guarantees__item {
        position:relative;
        width: 100%;
        min-height: 24.5rem;
        padding: 3rem 4rem;
        border-radius: 3rem;
        z-index: 10
    }

    .guarantees__item:nth-child(4) {
        display: none
    }
}

.guarantees__item-icon {
    position: relative;
    width: 2.9rem;
    height: 2.9rem;
    margin-right: 1.7rem;
    flex: 1 0 auto
}

@media (max-width: 47.99875em) {
    .guarantees__item-icon {
        width:5rem;
        height: 5rem;
        margin-right: 3.2rem
    }
}

.guarantees__item-icon img {
    width: 100%;
    height: auto;
    display: block
}

@media (max-width: 47.99875em) {
    .guarantees__item-icon img {
        position:absolute;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.guarantees__item-description {
    margin-bottom: .9rem;
    font-size: 1.6rem;
    color: var(--text-secondary)
}

@media (max-width: 47.99875em) {
    .guarantees__item-description {
        margin-bottom:1rem;
        font-size: 2.2rem
    }
}

.guarantees__item-title {
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem
}

@media (max-width: 47.99875em) {
    .guarantees__item-title {
        font-size:2.8rem
    }
}

.guarantees__intro {
    position: relative
}

@media (min-width: 47.99875em) {
    .guarantees__intro:before,.guarantees__intro:after {
        content:"";
        position: absolute;
        width: 19rem;
        height: 44.2rem;
        top: calc(50% - 22rem);
        background-image: url(../img/guarantees-lines.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        z-index: -1
    }

    .guarantees__intro:before {
        left: -2rem
    }

    .guarantees__intro:after {
        content: "";
        right: -2rem;
        transform: scaleX(-1)
    }
}

@media (max-width: 47.99875em) {
    .guarantees__intro {
        order:1
    }
}

.guarantees .title-block {
    justify-content: center;
    text-align: center
}

.guarantees__description {
    text-align: center
}

.guarantees__image {
    display: flex;
    justify-content: center
}

.guarantees__image img {
    width: 40rem
}

@media (max-width: 47.99875em) {
    .guarantees__image img {
        width:46rem
    }
}

.guarantees .button-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .guarantees .button-block {
        margin-top:2rem
    }

    .guarantees .social-button {
        font-size: 1.8rem;
        padding: 0;
        flex: none;
        height: -moz-fit-content;
        height: fit-content
    }

    .guarantees .social-button .social-button__icon {
        width: 8rem;
        height: 8rem
    }

    .guarantees .social-button span {
        display: none
    }
}

.search-form {
    position: relative;
    min-width: 35rem;
    width: 100%
}

.search-form .form__input {
    position: relative;
    padding-left: 6rem;
    box-shadow: none;
    height: 5.4rem;
    font-size: 1.4rem;
    border: 1px solid var(--primary-12);
    width: 100%
}

@media (max-width: 47.99875em) {
    .search-form .form__input {
        height:8rem;
        padding-left: 7rem;
        font-size: 2rem
    }
}

.search-form .form__input::-moz-placeholder {
    font-size: 1.4rem
}

.search-form .form__input::placeholder {
    font-size: 1.4rem
}

@media (max-width: 47.99875em) {
    .search-form .form__input::-moz-placeholder {
        font-size:2rem
    }

    .search-form .form__input::placeholder {
        font-size: 2rem
    }
}

.search-form__label {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%
}

.search-form__label svg {
    position: absolute;
    left: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    z-index: 1;
    fill: var(--primary)
}

@media (max-width: 47.99875em) {
    .search-form__label svg {
        width:3.2rem;
        height: 3.2rem
    }
}

.search {
    position: fixed;
    background-color: var(--bg-primary);
    box-shadow: 1.4rem 1.4rem 16rem 4rem #455d7414;
    border: 0px solid rgb(255,255,255);
    height: 100%;
    visibility: hidden;
    transition: all .5s ease-in-out;
    padding: 12rem 4rem;
    z-index: 130
}

@media (min-width: 47.99875em) {
    .search {
        top:0;
        right: -100%;
        width: 70rem
    }
}

@media (max-width: 47.99875em) {
    .search {
        width:100%;
        bottom: -100%;
        right: 0;
        left: 0;
        padding: 14rem 3% 12rem
    }
}

.search.active {
    visibility: visible;
    transition-delay: .3s
}

@media (min-width: 47.99875em) {
    .search.active {
        right:0
    }
}

@media (max-width: 47.99875em) {
    .search.active {
        bottom:0
    }
}

.search__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem
}

@media (max-width: 47.99875em) {
    .search__header {
        flex-direction:column;
        gap: 2rem;
        margin-bottom: 2rem
    }
}

.search .popup__close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 14rem;
    left: -6.4rem;
    min-width: 4.8rem;
    height: 4.8rem;
    background-color: var(--bg-primary);
    padding: 0
}

.search .popup__close .popup__close-button {
    display: flex;
    align-items: center;
    justify-content: center
}

.search .popup__close .popup__close-button svg {
    width: 2.4rem;
    height: 2.4rem;
    fill: var(--text-accent)
}

.search nav {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 2rem;
    font-size: 2rem
}

.search .tabs__content,.search .tabs__content [data-tabs-item] {
    height: 100%
}

@media (min-width: 47.99875em) {
    .search .tabs__content [data-tabs-item] {
        padding-bottom:5rem
    }
}

.search__title {
    padding: 2rem 0;
    border-bottom: 2px solid transparent;
    transition: all .3s;
    color: var(--text-secondary);
    font-weight: 700
}

.search__title._tab-active {
    color: var(--text-primary);
    background-color: var(--bg-secondary);
    border-radius: 1.2rem
}

.search__title._tab-active span {
    color: var(--secondary)
}

@media (max-width: 47.99875em) {
    .search__title {
        font-size:2.4rem
    }
}

.search__results {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    overflow: auto;
    transition: opacity .1s;
    scroll-behavior: smooth
}

.search--loading .search__results {
    opacity: .3
}

.search__results:after {
    content: "";
    position: absolute;
    left: 0;
    height: 10rem;
    width: 100%;
    z-index: 0;
    background: linear-gradient(to top,var(--bg-primary),transparent)
}

@media (min-width: 47.99875em) {
    .search__results {
        height:100%;
        padding-bottom: 5rem
    }

    .search__results:after {
        bottom: 5rem
    }

    .search__results::-webkit-scrollbar {
        z-index: 100;
        width: 1rem
    }

    .search__results::-webkit-scrollbar-thumb {
        background: var(--service-20);
        border-radius: 2rem;
        background-clip: padding-box;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .search__results::-webkit-scrollbar-thumb:hover {
        background: var(--service-24)
    }
}

@media (max-width: 47.99875em) {
    .search__results {
        font-size:2.4rem;
        gap: 1rem;
        border-top: 1px solid var(--bg-accent);
        height: calc(100dvh - 34rem);
        padding-bottom: 20rem
    }

    .search__results:after {
        bottom: 8rem
    }
}

.search__result-image {
    flex-shrink: 0;
    width: 6.4rem;
    height: 6.4rem;
    overflow: hidden;
    border-radius: 1.2rem;
    margin-right: 2rem
}

.search__result-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.search__result {
    display: flex;
    font-weight: 400;
    padding: 2rem 0
}

.search__result:not(:last-child) {
    border-bottom: 1px solid var(--bg-accent)
}

.search__result span {
    min-width: 3.4rem;
    color: var(--primary);
    font-weight: 600
}

.search__result-title {
    font-weight: 600;
    margin-bottom: .6rem
}

.search__result-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (min-width: 47.99875em) {
    .search__result-description {
        font-size:1.6rem
    }
}

@media (max-width: 47.99875em) {
    .search__result-description {
        font-size:2rem
    }
}

.search__total-count {
    display: none
}

@media (max-width: 47.99875em) {
    .search__total-count {
        text-align:center
    }
}

.search__pagination {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 3rem;
    flex: 1 1 auto
}

@media (max-width: 47.99875em) {
    .search__pagination {
        position:fixed;
        align-items: center;
        width: -moz-fit-content;
        width: fit-content;
        bottom: 10rem;
        flex: 0 0 auto;
        padding: 6px;
        background-color: var(--bg-accent);
        border: 4px solid var(--bg-primary);
        border-radius: 2rem;
        box-shadow: .7rem .7rem 8rem 2rem #455d7414;
        left: 50%;
        transform: translate(-50%)
    }
}

.search__pagination .pagination-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 3rem;
    font-size: 2.6rem;
    font-weight: 600;
    color: var(--text-secondary)
}

.search__pagination .pagination-btn.active {
    color: var(--primary-light);
    background-color: var(--bg-primary)
}

@media (max-width: 47.99875em) {
    .search__pagination .pagination-btn {
        width:8rem;
        height: 6.4rem;
        border-radius: 1rem
    }
}

.search .search__spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5
}

.search .search__spinner.active {
    display: flex;
    justify-content: center;
    align-items: center
}

.search .spinner-container {
    position: relative;
    width: 6.4rem;
    height: 6.4rem
}

@media (max-width: 47.99875em) {
    .search .spinner-container {
        width:6.4rem;
        height: 6.4rem
    }
}

.search .spinner-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 6px solid var(--primary-24);
    border-top: 6px solid var(--primary);
    border-radius: 50%;
    animation: spin 1s infinite linear
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes spinOp {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }
}

.search__no-results {
    padding: 2rem 3rem;
    text-align: center;
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
    border-radius: 5px;
    margin: 2rem auto
}

.search__error {
    padding: 15px;
    text-align: center;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
    margin: 10px 0
}

.faq__items {
    display: grid;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .faq__items {
        margin-bottom:4rem
    }
}

.faq__item {
    border-radius: 2rem;
    background-color: var(--bg-primary);
    border: 1px solid var(--bg-accent)
}

.faq__question {
    display: flex;
    align-items: center;
    padding: 2rem 3rem;
    min-height: 8rem
}

@media (max-width: 47.99875em) {
    .faq__question {
        font-size:2.4rem;
        padding: 3rem
    }
}

.faq__author {
    display: flex;
    gap: 2rem;
    font-size: 1.6rem;
    color: var(--text-secondary)
}

@media (max-width: 47.99875em) {
    .faq__author {
        font-size:2rem
    }
}

.faq__author span {
    font-weight: 400
}

.faq__author--doctor {
    color: var(--text-primary);
    align-items: center
}

.faq__author-name {
    font-weight: 600
}

.faq__question-text {
    font-weight: 600;
    margin-bottom: 1rem
}

.faq__answer {
    position: relative;
    padding: 0 3rem 3rem;
    font-size: 1.8rem
}

@media (max-width: 47.99875em) {
    .faq__answer {
        font-size:2.2rem
    }
}

.faq__answer hr {
    border: none;
    border-top: 1px solid var(--bg-accent);
    margin-bottom: 2rem
}

@media (max-width: 47.99875em) {
    .faq__answer hr {
        margin-bottom:3rem
    }
}

.faq__answer span {
    font-size: 1.4rem;
    color: var(--text-secondary)
}

@media (max-width: 47.99875em) {
    .faq__answer span {
        font-size:1.8rem
    }
}

.faq__author-photo {
    position: relative;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 100%;
    background-color: var(--bg-accent);
    overflow: hidden
}

@media (max-width: 47.99875em) {
    .faq__author-photo {
        width:8rem;
        height: 8rem
    }
}

.faq__author-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.faq__answer-text {
    margin-bottom: 3rem
}

.faq__form {
    background: linear-gradient(to top,var(--service-92),var(--service-68));
    color: var(--bg-primary);
    max-height: -moz-fit-content;
    max-height: fit-content;
    padding: 3rem;
    border-radius: 2rem
}

.faq__form p {
    font-size: 1.4rem;
    color: var(--service-44)
}

.faq__form-title {
    font-size: 3rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: 4rem
}

.faq__form-inputs {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 2rem
}

@media (max-width: 47.99875em) {
    .faq__form-inputs {
        flex-direction:column
    }
}

.faq__form-inputs textarea {
    flex: 0 0 auto
}

.faq__form-inputs input {
    flex: 1 1
}

@media (max-width: 47.99875em) {
    .faq__form-inputs input {
        flex:auto
    }
}

.faq__form-inputs button {
    flex: 1
}

@media (max-width: 47.99875em) {
    .faq__form-inputs button {
        flex:auto;
        width: 100%
    }
}

.page-articles__container {
    position: relative
}

@media (max-width: 47.99875em) {
    .page-articles__container {
        padding-bottom:12rem
    }
}

.page-articles__items {
    overflow: visible!important
}

.page-articles__article {
    padding: 3rem 2rem;
    width: 100%;
    border-radius: 3rem
}

@media (max-width: 47.99875em) {
    .page-articles__article {
        padding:4rem 3rem
    }
}

.page-articles__article:hover .page-articles__image img {
    transform: scale(105%)
}

@media (min-width: 47.99875em) {
    .page-articles .link {
        display:none
    }
}

.page-articles__title {
    font-size: 2rem;
    grid-row: 1;
    font-weight: 700;
    margin-bottom: 1.4rem;
    padding: 0 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 6rem
}

@media (max-width: 47.99875em) {
    .page-articles__title {
        font-size:2.8rem;
        margin-bottom: 2rem
    }
}

.page-articles__badge {
    font-size: 1.6rem;
    color: var(--secondary-28);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 1rem
}

@media (max-width: 47.99875em) {
    .page-articles__badge {
        font-size:2rem
    }
}

.page-articles__image {
    position: relative;
    width: 100%;
    height: 20rem;
    border-radius: 2rem;
    overflow: hidden;
    margin-bottom: 2rem;
    margin-top: 2rem
}

@media (max-width: 47.99875em) {
    .page-articles__image {
        height:32rem;
        margin-top: 3rem;
        margin-bottom: 3rem
    }
}

.page-articles__image img {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s
}

.page-articles__info {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem
}

.page-articles__info-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--text-primary)
}

@media (max-width: 47.99875em) {
    .page-articles__info-item {
        font-size:2.4rem
    }
}

.page-articles__info-item svg {
    width: 2.8rem;
    fill: var(--text-accent)
}

.page-articles__info-item--data {
    font-size: 1.6rem;
    color: var(--text-secondary);
    font-weight: 400
}

@media (max-width: 47.99875em) and (max-width: 47.99875em) {
    .page-articles__info-item--data {
        font-size:2rem
    }
}

.doctors__container {
    position: relative
}

@media (max-width: 47.99875em) {
    .doctors__container {
        padding-bottom:12rem
    }
}

.doctors__item:hover .doctors__image img {
    transform: scale(105%)
}

.doctors__item-header {
    border-radius: 3rem;
    padding: 3rem;
    display: flex;
    gap: 2rem;
    margin-bottom: 1rem
}

.doctors__image {
    position: relative;
    flex: 1 0 auto;
   /* width: 18rem;*/
    height: 42.5rem;
    margin: -1rem 0 -1rem -1rem;
    border-radius: 2rem;
    overflow: hidden;
	aspect-ratio: 0.67;
}
.swiper-slide .doctors__image {height: 50rem;}
.doctors__image img {
    transition: all .3s
}

.doctors__special {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--text-secondary)
}

.doctors__name {
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 1rem
}

@media (max-width: 47.99875em) {
    .doctors__name {
        font-size:2.6rem
    }
}

.doctors__experience {
    color: var(--primary);
    margin-bottom: 2rem
}

.doctors__achievements {
    display: flex;
    gap: 4rem;
    color: var(--text-primary)
}

.doctors__reviews {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-weight: 600
}

.doctors__reviews svg {
    width: 2.4rem;
    fill: var(--text-accent)
}

@media (min-width: 47.99875em) {
    .doctors .link {
        display:none
    }
}

.doctors__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.doctors__buttons a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 2rem 0;
    border-radius: 1.2rem;
    background-color: var(--bg-primary);
    min-height: 7rem
}

@media (max-width: 47.99875em) {
    .doctors__buttons a {
        padding:2rem 0
    }
}

.doctors__buttons button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 2rem 0;
    color: var(--secondary);
    border-radius: 1.2rem;
    background-color: var(--bg-primary);
    min-height: 7rem
}

.doctors__rating {
    display: flex;
    gap: 1rem;
    align-items: center
}

.doctors__rating svg {
    width: 2.4rem;
    fill: var(--accent)
}

.doctors .swiper {
    overflow: visible
}

.stages__items {
    position: relative;
    padding-top: 4rem
}

@media (max-width: 47.99875em) {
    .stages__items {
        display:flex;
        overflow-x: auto;
        overflow-y: visible;
        white-space: wrap;
        gap: 3rem;
        margin: -4rem -3% -10rem;
        padding: 4rem 3% 10rem
    }
}

.stages__item {
    text-align: left;
    position: relative;
    border-radius: 2rem;
    overflow: hidden
}

@media (max-width: 47.99875em) {
    .stages__item {
        min-width:90%;
        border-radius: 3rem
    }
}

.stages__item:nth-child(2) .stages__item-header {
    background: url(../images/support/stages-icon-03.svg) center right -6rem/24rem no-repeat,linear-gradient(to right,var(--primary-32),var(--primary))
}

@media (max-width: 47.99875em) {
    .stages__item:nth-child(2) .stages__item-header {
        background:url(../images/support/stages-icon-03.svg) center right -6rem/28rem no-repeat,linear-gradient(to right,var(--primary-32),var(--primary))
    }
}

.stages__item:nth-child(3) .stages__item-header {
    background: url(../images/support/stages-icon-02.svg) center right -6rem/24rem no-repeat,linear-gradient(to right,var(--primary-32),var(--primary))
}

@media (max-width: 47.99875em) {
    .stages__item:nth-child(3) .stages__item-header {
        background:url(../images/support/stages-icon-02.svg) center right -6rem/28rem no-repeat,linear-gradient(to right,var(--primary-32),var(--primary))
    }
}

.stages__item:nth-child(4) .stages__item-header {
    background: url(../images/support/stages-icon-04.svg) center right -6rem/24rem no-repeat,linear-gradient(to right,var(--icon-green-l),var(--icon-green))
}

@media (max-width: 47.99875em) {
    .stages__item:nth-child(4) .stages__item-header {
        background:url(../images/support/stages-icon-04.svg) center right -6rem/28rem no-repeat,linear-gradient(to right,var(--icon-green-l),var(--icon-green))
    }
}

.stages__item-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-weight: 600;
    padding: 4rem 3rem;
    border-radius: 1.2rem;
    color: var(--bg-primary);
    background: url(../images/support/stages-icon-01.svg) center right -6rem/24rem no-repeat,linear-gradient(to right,var(--primary-32),var(--primary))
}

@media (max-width: 47.99875em) {
    .stages__item-header {
        border-radius:2rem;
        background: url(../images/support/stages-icon-01.svg) center right -6rem/28rem no-repeat,linear-gradient(to right,var(--primary-32),var(--primary))
    }
}

.stages__item-header .stages__item-description {
    font-size: 2.2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    position: relative
}

.stages__item-header .stages__item-description span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff20;
    border: 1px solid rgba(255,255,255,.2509803922);
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f;
    font-weight: 700;
    width: 6.4rem;
    height: 6.4rem;
    line-height: 40px;
    text-align: center;
    border-radius: 1.2rem;
    margin-right: 1.6rem;
    flex-shrink: 0
}

@media (max-width: 47.99875em) {
    .stages__item-header .stages__item-description span {
        width:8rem;
        height: 8rem
    }
}

.stages__item-title {
    font-size: 2.2rem
}

@media (max-width: 47.99875em) {
    .stages__item-title {
        font-size:3rem
    }
}

.stages__item-text {
    padding: 3rem 3rem 4rem;
    font-weight: 500
}

.quiz__box {
    text-align: left
}

.quiz .title-box {
    margin-bottom: 0;
    justify-content: center;
    padding: 2rem
}

.quiz__welcome {
    text-align: left;
    animation: fadeIn .5s ease-in
}

.quiz__title {
    margin-bottom: 2rem
}

.quiz__title span {
    color: var(--secondary)
}

.quiz__description {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    color: var(--text-secondary)
}

.quiz__benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 4rem
}

.quiz__benefit {
    text-align: left;
    background-color: var(--bg-primary);
    border-radius: 2rem
}

@media (min-width: 47.99875em) {
    .quiz__benefit {
        display:flex;
        align-items: center;
        gap: 2rem
    }
}

.quiz__benefit-icon {
    font-size: 4.8rem;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: .5rem;
    letter-spacing: .2rem
}

@media (max-width: 47.99875em) {
    .quiz__benefit-icon {
        font-size:3.8rem
    }
}

.quiz__benefit-title {
    font-weight: 500;
    line-height: 1.4
}

@media (min-width: 47.99875em) {
    .quiz__benefit-title {
        font-size:2rem
    }
}

.quiz__start-button {
    transition: all .3s ease
}

.quiz__start-button:hover {
    background-color: #219a52;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px #27ae6033
}

.quiz__content {
    animation: fadeIn .5s ease-in
}

.quiz__progress {
    margin-top: -2rem;
    margin-bottom: 4rem
}

@media (min-width: 47.99875em) {
    .quiz__progress {
        max-width:calc(100% - 20rem)
    }
}

.quiz__progress-text {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    font-size: .9rem
}

.quiz__progress-bar {
    position: relative;
    margin: 0 0 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.quiz__progress-bar:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #e2e8f0;
    z-index: 1
}

.quiz__progress-line {
    position: absolute;
    top: 50%;
    left: 0;
    height: 4px;
    background: linear-gradient(to left,var(--primary),var(--primary-28));
    transition: width .5s ease;
    z-index: 2
}

.quiz__progress-point {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background-color: #fff;
    border: 4px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--text-secondary);
    position: relative;
    z-index: 3;
    transition: all .5s
}

.quiz__progress-point:after {
    content: attr(data-label);
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    margin-top: .5rem;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--text-secondary)
}

.quiz__progress-point--active {
    background-color: var(--primary);
    background: linear-gradient(to bottom,var(--primary),var(--primary-36));
    border-color: var(--primary);
    color: var(--bg-primary)
}

.quiz__progress-point--active:after {
    color: var(--primary);
    font-weight: 500
}

.quiz__progress-point--completed {
    background-color: var(--primary);
    background: linear-gradient(to bottom,var(--primary),var(--primary-36));
    border-color: var(--primary);
    color: var(--bg-primary)
}

.quiz__step {
    display: none;
    animation: fadeIn .5s ease-in
}

.quiz__step--active {
    display: block
}

.quiz__question {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    color: var(--text-primary);
    font-weight: 700
}

.quiz__options {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (max-width: 47.99875em) {
    .quiz__options {
        display:flex;
        flex-direction: column;
        gap: 2rem
    }
}

.quiz__option {
    position: relative;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    transition: all .4s ease;
    background: var(--bg-primary);
    overflow: hidden
}

.quiz__option:hover,.quiz__option--selected {
    border-color: var(--primary-32);
    background: var(--bg-secondary)
}

.quiz__option--selected .quiz__option-radio {
    border-color: var(--primary);
    background: linear-gradient(to bottom,var(--primary),var(--primary-36))
}

.quiz__option--selected .quiz__option-radio:after {
    transform: translate(-50%,-50%) scale(1)
}

.quiz__option--selected .quiz__option-title {
    color: var(--primary)
}

.quiz__option-input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.quiz__option-label {
    display: flex;
    align-items: flex-start;
    padding: 2rem;
    cursor: pointer;
    gap: 2rem
}

.quiz__option-radio {
    position: relative;
    min-width: 2.8rem;
    height: 2.8rem;
    margin: auto 0;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    transition: all .2s ease
}

.quiz__option-radio:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%,-50%) scale(0);
    transition: transform .2s ease
}

.quiz__option-content {
    flex: 1
}

.quiz__option-title {
    font-weight: 500;
    color: #1e293b;
    margin-bottom: .5rem;
    transition: color .2s ease
}

.quiz__option-description {
    font-size: 1.4rem;
    color: var(--text-secondary);
    line-height: 1.5
}

.quiz__navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem
}

.quiz__navigation button {
    flex: 1
}

.quiz__button {
    padding: .8rem 3rem;
    border-radius: 1.2rem;
    transition: all .3s ease
}

.quiz__button--prev {
    color: var(--text-secondary)
}

.quiz__button--next {
    margin: 0 0 0 auto
}

.quiz__button:disabled {
    background-color: #bdc3c7;
    cursor: not-allowed
}

.quiz__original-price {
    font-size: 1.8rem;
    color: var(--text-secondary);
    text-decoration: line-through
}

@media (max-width: 47.99875em) {
    .quiz__original-price {
        font-size:2rem
    }
}

.quiz__discounted-price {
    font-size: 3.6rem;
    font-weight: 700;
    color: var(--secondary)
}

@media (max-width: 47.99875em) {
    .quiz__discounted-price {
        font-size:3.6rem
    }
}

.quiz__discount-label {
    display: inline-block;
    background-color: var(--secondary);
    color: #fff;
    font-size: 1.8rem;
    padding: .5rem 1rem;
    border-radius: 10rem
}

@media (max-width: 47.99875em) {
    .quiz__discount-label {
        font-size:2rem
    }

    .quiz__form-submit {
        width: 100%
    }
}

.quiz__result {
    text-align: center;
    padding: 2rem
}

.quiz__result-price {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
    gap: 2rem
}

.quiz__result-text {
    color: var(--text-primary);
    font-size: 1.8rem;
    line-height: 1.6;
    margin: 1.5rem 0;
    padding: 0 1rem
}

.quiz__result-text span {
    font-weight: 600
}

.quiz__result-form {
    display: flex;
    margin-top: 2rem;
    justify-content: center;
    text-align: left
}

.quiz__result-success {
    background-color: #d4edda;
    color: #155724;
    padding: 1rem;
    border-radius: 6px;
    margin-top: 1rem
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes selectAnimation {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.95)
    }

    to {
        transform: scale(1)
    }
}

.about-mission h2 {
    margin-top: 0!important
}

.about-mission__text-block {
    position: relative;
    width: 100%;
    padding-right: 6rem
}

.about-mission__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .about-mission__items {
        grid-template-columns:1fr
    }
}

.about-mission__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 12rem;
    border-radius: 2rem;
    overflow: hidden;
    padding: 3rem;
    background: linear-gradient(-45deg,var(--primary) 30%,var(--primary-28));
    color: var(--bg-primary);
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

@media (max-width: 47.99875em) {
    .about-mission__item {
        min-height:24rem;
        padding: 4rem
    }
}

.about-mission__item--last {
    color: var(--primary);
    background: linear-gradient(-45deg,var(--bg-accent) 30%,var(--bg-primary));
    border: 1px solid var(--bg-primary)
}

.about-mission__item-title {
    font-weight: 700;
    font-size: 3.2rem
}

@media (max-width: 47.99875em) {
    .about-mission__item-title {
        font-size:4.8rem
    }
}

@media (min-width: 47.99875em) {
    .about-mission__item-description {
        font-size:1.6rem
    }
}

@media (max-width: 47.99875em) {
    .our-advantages__cards {
        flex-direction:column
    }
}

.our-advantages__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 12rem;
    border-radius: 2rem;
    overflow: hidden;
    padding: 3rem;
    background-color: var(--bg-primary);
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f
}

@media (max-width: 47.99875em) {
    .our-advantages__card {
        width:100%;
        padding: 4rem
    }
}

.our-advantages__card-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    background-color: var(--primary-4);
    border: 2px solid var(--bg-primary);
    border-radius: 1.2rem;
    margin-bottom: 4rem
}

.our-advantages__card-icon svg {
    width: 2.4rem;
    fill: var(--primary)
}

.our-advantages__card-title {
    font-weight: 600
}

.our-history {
    position: relative
}

@media (max-width: 47.99875em) {
    .our-history .arrow-container {
        top:0;
        right: 0;
        bottom: auto;
        justify-content: flex-end
    }
}

.our-history__block {
    position: relative
}

@media (max-width: 47.99875em) {
    .our-history__block,.our-history__block.swiper {
        overflow:visible
    }
}

.our-history__items {
    position: relative
}

.our-history__item {
    position: relative;
    padding: 5rem 6rem 0 0;
    width: 100%
}

.our-history__line {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--bg-accent);
    z-index: -1
}

.our-history__circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: linear-gradient(-45deg,var(--primary),var(--primary-28))
}

.our-history__title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1rem
}

.our-history__subtitle {
    font-weight: 600;
    margin-bottom: 1rem
}

.our-history__text {
    color: var(--text-secondary)
}

.price__container {
    max-width: 100%
}

.price__container>.price__group:first-child>.price__header {
    margin-top: 0rem
}

.price__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .price__items {
        display:flex;
        flex-direction: column
    }
}

.price__item {
    position: relative;
    display: flex;
    padding: 2rem 2rem 2rem 3rem;
    border: 1px solid #fff;
    background-color: var(--bg-secondary);
    border-radius: 2rem;
    box-shadow: .7rem .7rem 8rem 2rem #455d740f;
    gap: 1rem;
    transition: all .3s;
    cursor: pointer
}

.price__item:hover {
    background-color: var(--bg-primary)
}

@media (min-width: 47.99875em) {
    .price__item {
        align-items:center;
        justify-content: space-between;
        min-height: 8.2rem
    }
}

@media (max-width: 47.99875em) {
    .price__item {
        position:sticky;
        flex-direction: column;
        padding: 2rem;
        margin-right: 1rem;
        border-radius: 2rem
    }
}

@media (min-width: 47.99875em) {
    .price__item:hover .price__item-icon {
        background-color:var(--primary)
    }
}

.price__item-title {
    font-weight: 500
}

@media (max-width: 47.99875em) {
    .price__item-title {
        padding-right:4.4rem
    }
}

.price__item-value {
    display: flex;
    align-items: center;
    font-weight: 600;
    height: 100%;
    border-radius: .8rem;
    transition: all .3s;
    flex: 1 0 auto;
    gap: 1rem
}

@media (min-width: 47.99875em) {
    .price__item-value {
        align-items:center;
        justify-content: flex-end
    }
}

@media (max-width: 47.99875em) {
    .price__item-value {
        font-size:2rem;
        font-weight: 700
    }
}

.price__item-value svg {
    fill: var(--bg-primary);
    width: 1.8rem;
    transition: all .3s
}

.price__item-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 4.2rem;
    height: 4.2rem;
    transition: .3s;
    background-color: var(--bg-accent);
    border-radius: 1.2rem;
    outline: 1px solid var(--bg-primary)
}

@media (min-width: 47.99875em) {
    .price__item-icon {
        margin-left:2rem
    }
}

@media (max-width: 47.99875em) {
    .price__item-icon {
        position:absolute;
        width: 6.4rem;
        height: 6.4rem;
        top: calc(50% - 3.2rem);
        right: -1rem;
        background-color: var(--primary);
        background: linear-gradient(to top,var(--primary),var(--primary-40))
    }
}

.price__item-old {
    position: relative;
    color: var(--text-secondary);
    font-size: 1.6rem;
    font-weight: 500
}

.price__item-old:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--secondary)
}

@media (max-width: 47.99875em) {
    .price__item-old {
        font-size:1.8rem;
        order: 1
    }

    .price__item-current {
        font-size: 2.4rem
    }
}

.doctor-selector__input {
    cursor: pointer
}

@media (min-width: 47.99875em) {
    .doctor-selector-dialog {
        max-width:100rem
    }
}

.doctor-selector-dialog .dialog__title {
    margin-bottom: 4rem
}

.doctor-selector-dialog__doctors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem
}

@media (max-width: 47.99875em) {
    .doctor-selector-dialog__doctors {
        grid-template-columns:1fr;
        max-height: 54dvh;
        overflow: scroll
    }
}

.doctor-card {
    background-color: var(--bg-secondary);
    border: 1px solid var(--primary-12);
    border-radius: 2rem;
    cursor: pointer;
    transition: all .3s;
    overflow: hidden;
    display: flex;
    padding: 1rem
}

.doctor-card:hover {
    transform: translateY(-3px);
    background-color: var(--bg-primary)
}

.doctor-card:hover .doctor-card__name {
    color: var(--primary)
}

.doctor-card__image {
    width: 10rem;
    height: 10rem;
    margin-right: 15px;
    border-radius: 1.2rem;
    overflow: hidden
}

.doctor-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.doctor-card__info {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.doctor-card__name {
    margin: 0 0 .6rem;
    font-weight: 600;
    text-align: left;
    font-size: 2rem;
    transition: all .3s
}

.doctor-card__profession {
    margin: 0;
    font-size: 14px;
    color: #718096;
    text-align: left
}

@media (max-width: 47.99875em) {
    .gallery__container {
        max-width:100%
    }
}

.gallery__title {
    margin-bottom: 10rem
}

.gallery__tabs-navigation {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    gap: 3rem
}

@media (min-width: 47.99875em) {
    .gallery__tabs-navigation {
        position:sticky;
        align-items: flex-start;
        top: 14rem;
        flex-direction: column
    }
}

@media (max-width: 47.99875em) {
    .gallery__tabs-navigation {
        display:flex;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 5rem;
        padding-left: 3%
    }
}

.gallery__tabs-title {
    position: relative;
    font-size: 2.4rem;
    flex-shrink: 0
}

@media (max-width: 47.99875em) {
    .gallery__tabs-title {
        padding:0 2rem;
        font-size: 2.8rem
    }
}

.gallery__tabs-title:before {
    content: "";
    width: 0;
    transition: all .3s
}

.gallery__tabs-title._tab-active {
    font-weight: 600
}

.gallery__tabs-title._tab-active:before {
    width: 100%;
    height: 2px;
    position: absolute;
    inset: auto 0 -.6rem 0;
    background-color: var(--primary)
}

@media (max-width: 47.99875em) {
    .gallery__tabs-title._tab-active:before {
        width:8rem;
        margin: auto;
        inset: auto 0 -1rem 0
    }

    .gallery__tabs-content {
        padding: 0 3%
    }
}

.gallery__items {
    display: grid;
    grid-template-columns: repeat(9,auto);
    grid-auto-rows: 12rem;
    gap: 3rem
}

@media (max-width: 47.99875em) {
    .gallery__items {
        grid-template-columns:repeat(2,1fr);
        grid-auto-rows: 25rem;
        gap: 2rem
    }
}

.gallery__item {
    position: relative;
    border-radius: 1.2rem;
    overflow: hidden
}

.gallery__item img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 47.99875em) {
    .gallery__item:nth-child(1) {
        grid-column:1/span 3;
        grid-row: 1/span 4
    }

    .gallery__item:nth-child(2) {
        grid-column: 4/span 6;
        grid-row: 1/span 2
    }

    .gallery__item:nth-child(3) {
        grid-column: 4/span 3;
        grid-row: 3/span 2
    }

    .gallery__item:nth-child(4) {
        grid-column: 7/span 3;
        grid-row: 3/span 4
    }

    .gallery__item:nth-child(5) {
        grid-column: 1/span 3;
        grid-row: 5/span 2
    }

    .gallery__item:nth-child(6) {
        grid-column: 4/span 3;
        grid-row: 5/span 2
    }

    .gallery__item:nth-child(7) {
        grid-column: 1/span 6;
        grid-row: 7/span 2
    }

    .gallery__item:nth-child(8) {
        grid-column: 7/span 3;
        grid-row: 7/span 2
    }

    .gallery__item:nth-child(9) {
        grid-column: 1/span 3;
        grid-row: 9/span 4
    }

    .gallery__item:nth-child(10) {
        grid-column: 4/span 6;
        grid-row: 9/span 2
    }

    .gallery__item:nth-child(11) {
        grid-column: 4/span 3;
        grid-row: 11/span 2
    }

    .gallery__item:nth-child(12) {
        grid-column: 7/span 3;
        grid-row: 11/span 4
    }

    .gallery__item:nth-child(13) {
        grid-column: 1/span 3;
        grid-row: 13/span 2
    }

    .gallery__item:nth-child(14) {
        grid-column: 4/span 3;
        grid-row: 13/span 2
    }

    .gallery__item:nth-child(15) {
        grid-column: 1/span 6;
        grid-row: 15/span 2
    }

    .gallery__item:nth-child(16) {
        grid-column: 7/span 3;
        grid-row: 15/span 2
    }

    .gallery__item:nth-child(17) {
        grid-column: 1/span 3;
        grid-row: 17/span 4
    }

    .gallery__item:nth-child(18) {
        grid-column: 4/span 6;
        grid-row: 17/span 2
    }

    .gallery__item:nth-child(19) {
        grid-column: 4/span 3;
        grid-row: 19/span 2
    }

    .gallery__item:nth-child(20) {
        grid-column: 7/span 3;
        grid-row: 19/span 4
    }

    .gallery__item:nth-child(21) {
        grid-column: 1/span 3;
        grid-row: 21/span 2
    }

    .gallery__item:nth-child(22) {
        grid-column: 4/span 3;
        grid-row: 21/span 2
    }

    .gallery__item:nth-child(23) {
        grid-column: 1/span 6;
        grid-row: 23/span 2
    }

    .gallery__item:nth-child(24) {
        grid-column: 7/span 3;
        grid-row: 23/span 2
    }

    .gallery__item:nth-child(25) {
        grid-column: 1/span 3;
        grid-row: 25/span 4
    }

    .gallery__item:nth-child(26) {
        grid-column: 4/span 6;
        grid-row: 25/span 2
    }

    .gallery__item:nth-child(27) {
        grid-column: 4/span 3;
        grid-row: 27/span 2
    }

    .gallery__item:nth-child(28) {
        grid-column: 7/span 3;
        grid-row: 27/span 4
    }

    .gallery__item:nth-child(29) {
        grid-column: 1/span 3;
        grid-row: 29/span 2
    }

    .gallery__item:nth-child(30) {
        grid-column: 4/span 3;
        grid-row: 29/span 2
    }

    .gallery__item:nth-child(31) {
        grid-column: 1/span 6;
        grid-row: 31/span 2
    }

    .gallery__item:nth-child(32) {
        grid-column: 7/span 3;
        grid-row: 31/span 2
    }

    .gallery__item:nth-child(33) {
        grid-column: 1/span 3;
        grid-row: 33/span 4
    }

    .gallery__item:nth-child(34) {
        grid-column: 4/span 6;
        grid-row: 33/span 2
    }

    .gallery__item:nth-child(35) {
        grid-column: 4/span 3;
        grid-row: 35/span 2
    }

    .gallery__item:nth-child(36) {
        grid-column: 7/span 3;
        grid-row: 35/span 4
    }

    .gallery__item:nth-child(37) {
        grid-column: 1/span 3;
        grid-row: 37/span 2
    }

    .gallery__item:nth-child(38) {
        grid-column: 4/span 3;
        grid-row: 37/span 2
    }

    .gallery__item:nth-child(39) {
        grid-column: 1/span 6;
        grid-row: 39/span 2
    }

    .gallery__item:nth-child(40) {
        grid-column: 7/span 3;
        grid-row: 39/span 2
    }

    .gallery__item:nth-child(41) {
        grid-column: 1/span 3;
        grid-row: 41/span 4
    }

    .gallery__item:nth-child(42) {
        grid-column: 4/span 6;
        grid-row: 41/span 2
    }

    .gallery__item:nth-child(43) {
        grid-column: 4/span 3;
        grid-row: 43/span 2
    }

    .gallery__item:nth-child(44) {
        grid-column: 7/span 3;
        grid-row: 43/span 4
    }

    .gallery__item:nth-child(45) {
        grid-column: 1/span 3;
        grid-row: 45/span 2
    }

    .gallery__item:nth-child(46) {
        grid-column: 4/span 3;
        grid-row: 45/span 2
    }

    .gallery__item:nth-child(47) {
        grid-column: 1/span 6;
        grid-row: 47/span 2
    }

    .gallery__item:nth-child(48) {
        grid-column: 7/span 3;
        grid-row: 47/span 2
    }

    .gallery__item:nth-child(49) {
        grid-column: 1/span 3;
        grid-row: 49/span 4
    }

    .gallery__item:nth-child(50) {
        grid-column: 4/span 6;
        grid-row: 49/span 2
    }

    .gallery__item:nth-child(51) {
        grid-column: 4/span 3;
        grid-row: 51/span 2
    }

    .gallery__item:nth-child(52) {
        grid-column: 7/span 3;
        grid-row: 51/span 4
    }

    .gallery__item:nth-child(53) {
        grid-column: 1/span 3;
        grid-row: 53/span 2
    }

    .gallery__item:nth-child(54) {
        grid-column: 4/span 3;
        grid-row: 53/span 2
    }

    .gallery__item:nth-child(55) {
        grid-column: 1/span 6;
        grid-row: 55/span 2
    }

    .gallery__item:nth-child(56) {
        grid-column: 7/span 3;
        grid-row: 55/span 2
    }

    .gallery__item:nth-child(57) {
        grid-column: 1/span 3;
        grid-row: 57/span 4
    }

    .gallery__item:nth-child(58) {
        grid-column: 4/span 6;
        grid-row: 57/span 2
    }

    .gallery__item:nth-child(59) {
        grid-column: 4/span 3;
        grid-row: 59/span 2
    }

    .gallery__item:nth-child(60) {
        grid-column: 7/span 3;
        grid-row: 59/span 4
    }

    .gallery__item:nth-child(61) {
        grid-column: 1/span 3;
        grid-row: 61/span 2
    }

    .gallery__item:nth-child(62) {
        grid-column: 4/span 3;
        grid-row: 61/span 2
    }

    .gallery__item:nth-child(63) {
        grid-column: 1/span 6;
        grid-row: 63/span 2
    }

    .gallery__item:nth-child(64) {
        grid-column: 7/span 3;
        grid-row: 63/span 2
    }

    .gallery__item:nth-child(65) {
        grid-column: 1/span 3;
        grid-row: 65/span 4
    }

    .gallery__item:nth-child(66) {
        grid-column: 4/span 6;
        grid-row: 65/span 2
    }

    .gallery__item:nth-child(67) {
        grid-column: 4/span 3;
        grid-row: 67/span 2
    }

    .gallery__item:nth-child(68) {
        grid-column: 7/span 3;
        grid-row: 67/span 4
    }

    .gallery__item:nth-child(69) {
        grid-column: 1/span 3;
        grid-row: 69/span 2
    }

    .gallery__item:nth-child(70) {
        grid-column: 4/span 3;
        grid-row: 69/span 2
    }

    .gallery__item:nth-child(71) {
        grid-column: 1/span 6;
        grid-row: 71/span 2
    }

    .gallery__item:nth-child(72) {
        grid-column: 7/span 3;
        grid-row: 71/span 2
    }

    .gallery__item:nth-child(73) {
        grid-column: 1/span 3;
        grid-row: 73/span 4
    }

    .gallery__item:nth-child(74) {
        grid-column: 4/span 6;
        grid-row: 73/span 2
    }

    .gallery__item:nth-child(75) {
        grid-column: 4/span 3;
        grid-row: 75/span 2
    }

    .gallery__item:nth-child(76) {
        grid-column: 7/span 3;
        grid-row: 75/span 4
    }

    .gallery__item:nth-child(77) {
        grid-column: 1/span 3;
        grid-row: 77/span 2
    }

    .gallery__item:nth-child(78) {
        grid-column: 4/span 3;
        grid-row: 77/span 2
    }

    .gallery__item:nth-child(79) {
        grid-column: 1/span 6;
        grid-row: 79/span 2
    }

    .gallery__item:nth-child(80) {
        grid-column: 7/span 3;
        grid-row: 79/span 2
    }

    .gallery__item:nth-child(81) {
        grid-column: 1/span 3;
        grid-row: 81/span 4
    }

    .gallery__item:nth-child(82) {
        grid-column: 4/span 6;
        grid-row: 81/span 2
    }

    .gallery__item:nth-child(83) {
        grid-column: 4/span 3;
        grid-row: 83/span 2
    }

    .gallery__item:nth-child(84) {
        grid-column: 7/span 3;
        grid-row: 83/span 4
    }

    .gallery__item:nth-child(85) {
        grid-column: 1/span 3;
        grid-row: 85/span 2
    }

    .gallery__item:nth-child(86) {
        grid-column: 4/span 3;
        grid-row: 85/span 2
    }

    .gallery__item:nth-child(87) {
        grid-column: 1/span 6;
        grid-row: 87/span 2
    }

    .gallery__item:nth-child(88) {
        grid-column: 7/span 3;
        grid-row: 87/span 2
    }
}

@media (max-width: 47.99875em) {
    .gallery__item {
        grid-row:auto
    }

    .gallery__item:nth-child(3n+1) {
        grid-column: 1/span 2
    }

    .gallery__item:nth-child(3n+2) {
        grid-column: 1/span 1
    }

    .gallery__item:nth-child(3n+3) {
        grid-column: 2/span 1
    }
}

.sidebar-submit__wrapper {
    position: relative;
    border-radius: 3rem;
    padding: 3rem;
    background: url(../img/icon-04.svg) top -3rem right -4rem/20rem no-repeat,linear-gradient(to top,var(--primary),var(--primary-32));
    color: var(--bg-primary);
    overflow: hidden
}

@media (max-width: 47.99875em) {
    .sidebar-submit__wrapper {
        padding:4rem;
        border-radius: 4rem;
        background: url(../img/icon-04.svg) top -4rem right -6rem/28rem no-repeat,linear-gradient(to top,var(--primary),var(--primary-32))
    }
}

.sidebar-submit__wrapper--payments {
    background: url(../img/icon-05.svg) top -3rem right -4rem/20rem no-repeat,linear-gradient(to top,var(--primary),var(--primary-32))
}

@media (max-width: 47.99875em) {
    .sidebar-submit__wrapper--payments {
        background:url(../img/icon-05.svg) top -4rem right -6rem/28rem no-repeat,linear-gradient(to top,var(--primary),var(--primary-32))
    }
}

.sidebar-submit__title {
    font-size: 1.4rem
}

@media (max-width: 47.99875em) {
    .sidebar-submit__title {
        font-size:1.8rem
    }
}

.sidebar-submit__price {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 3rem
}

@media (max-width: 47.99875em) {
    .sidebar-submit__price {
        font-size:3.2rem;
        margin-bottom: 3rem
    }
}

@media (min-width: 47.99875em) {
    .sidebar-submit__text {
        font-size:1.6rem;
        margin-bottom: 3rem
    }
}

@media (max-width: 47.99875em) {
    .sidebar-submit__text {
        margin-bottom:3rem
    }
}

.sidebar-submit .button--glass {
    width: 100%
}

@media (max-width: 47.99875em) {
    .sidebar-submit .button--glass {
        width:100%
    }
}

.sidebar-submit__bar {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: -3rem;
    gap: 2rem;
    border-radius: 0 0 3rem 3rem;
    border: 1px solid #fff;
    background-color: var(--bg-secondary);
    box-shadow: 2rem 2rem 9rem #dbe6edbd;
    padding: 5rem 3rem 3rem;
    z-index: -3
}

@media (max-width: 47.99875em) {
    .sidebar-submit__bar {
        padding:6rem 4rem 4rem
    }
}

.sidebar-submit__bar-title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1rem
}

@media (max-width: 47.99875em) {
    .sidebar-submit__bar-title {
        font-size:3rem
    }
}

.sidebar-submit__bar-icons {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: -moz-max-content;
    height: max-content
}

.sidebar-submit__bar-icon {
    width: 6.4rem;
    height: 3.2rem
}

@media (max-width: 47.99875em) {
    .sidebar-submit__bar-icon {
        width:8.4rem;
        height: 6.4rem
    }
}

.sidebar-submit__bar-icon img {
    -o-object-fit: contain;
    object-fit: contain
}

.sidebar-contacts {
    position: relative;
    border-radius: 3rem;
    padding: 3rem;
    overflow: hidden;
    background-color: var(--bg-primary)
}

@media (max-width: 47.99875em) {
    .sidebar-contacts {
        padding:4rem;
        border-radius: 4rem
    }
}

.sidebar-contacts:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/e47cavc34e.webp) center right -58%/63% no-repeat;
    pointer-events: none
}

@media (max-width: 47.99875em) {
    .sidebar-contacts:after {
        background:url(../img/e47cavc34e.webp) center right -46%/60% no-repeat
    }
}

.sidebar-contacts__title {
    font-weight: 700
}

@media (min-width: 47.99875em) {
    .sidebar-contacts__title {
        font-size:2.4rem;
        margin-bottom: 1rem;
        width: 70%
    }
}

@media (max-width: 47.99875em) {
    .sidebar-contacts__title {
        font-size:3.2rem;
        margin-bottom: 1rem;
        width: 80%
    }
}

.sidebar-contacts__text span {
    font-weight: 600
}

@media (min-width: 47.99875em) {
    .sidebar-contacts__text {
        font-size:1.6rem;
        margin-bottom: 2rem;
        width: 70%
    }
}

@media (max-width: 47.99875em) {
    .sidebar-contacts__text {
        margin-bottom:3rem;
        width: 80%
    }
}

.sidebar-contacts__phone {
    display: flex;
    align-items: center;
    gap: 2rem
}

.sidebar-contacts__phone-link {
    display: block;
    text-align: right;
    font-size: 2.4rem;
    font-weight: 700
}

@media (max-width: 47.99875em) {
    .sidebar-contacts__phone-link {
        font-size:3.2rem
    }
}

.sidebar-contacts__phone-icon {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-primary);
    box-shadow: 1.4rem 1.4rem 10rem 5rem #455d740f;
    position: relative;
    z-index: 1;
    margin-right: 1.5rem
}

.sidebar-contacts__phone-icon:before {
    content: "";
    position: absolute;
    top: .5rem;
    right: .5rem;
    bottom: .5rem;
    left: .5rem;
    background: linear-gradient(0deg,#ffffff1f,#ffffff1f),linear-gradient(0deg,#318e88 -22.77%,#73c1a8 116.6%),linear-gradient(0deg,#e2ecf2,#e2ecf2);
    box-shadow: inset .3rem .2rem .5rem #0000001a;
    border-radius: inherit;
    z-index: -1
}

.licenses-sidebar {
    position: relative;
    border-radius: 3rem
}

@media (max-width: 47.99875em) {
    .licenses-sidebar {
        padding:4rem
    }
}

.licenses-sidebar__title {
    position: relative;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    z-index: 0
}

@media (min-width: 47.99875em) {
    .licenses-sidebar__title {
        padding:3rem
    }
}

@media (max-width: 47.99875em) {
    .licenses-sidebar__title {
        font-size:4rem
    }
}

@media (min-width: 47.99875em) {
    .licenses-sidebar__items {
        padding:0 3rem 4rem
    }
}

.licenses-sidebar__item {
    position: relative;
    height: 34rem
}

.licenses-sidebar__item img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.licenses-sidebar .arrow-container {
    position: relative;
    inset: auto;
    justify-content: center;
    margin-top: 3rem
}

@media (max-width: 47.99875em) {
    .licenses-sidebar .arrow-container {
        display:none
    }
}

.locations__container {
    position: relative
}

.locations__title-block {
    margin-bottom: 4rem;
    text-align: center
}

@media (max-width: 47.99875em) {
    .locations__title-block {
        margin-bottom:3rem
    }
}

.locations__title {
    text-align: center
}

.locations__description {
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
    color: var(--text-secondary);
    font-size: 1.6rem;
    text-align: center
}

@media (max-width: 47.99875em) {
    .locations__description {
        max-width:100%;
        font-size: 2rem
    }
}

.locations__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    background-color: var(--bg-primary);
    border-radius: 3rem;
    padding: 4rem
}

@media (max-width: 47.99875em) {
    .locations__content {
        grid-template-columns:1fr;
        gap: 4rem;
        padding: 4rem;
        border-radius: 4rem
    }
}

.locations__left {
    width: 100%
}

.locations__right {
    position: sticky;
    top: 12rem;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 61.99875em) {
    .locations__right {
        position:relative;
        top: 0
    }
}

.locations__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2rem;
    grid-auto-rows: 1fr
}

@media (max-width: 61.99875em) {
    .locations__list {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (max-width: 47.99875em) {
    .locations__list {
        grid-template-columns:1fr;
        gap: 1.2rem
    }
}

.locations__item-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.locations__item {
    display: flex;
    flex-direction: column;
    border-radius: 1.6rem;
    background-color: var(--bg-secondary);
    border: 1px solid var(--primary-8);
    padding: 2rem;
    transition: all .3s ease;
    text-decoration: none;
    color: inherit;
    flex: 1;
    position: relative;
    overflow: hidden;
    height: 100%
}

.locations__item:hover {
    border: 1px solid var(--primary-20)
}

.locations__item:hover:before {
    opacity: 1
}

.locations__item:hover .locations__link svg {
    transform: translate(5px)
}

@media (max-width: 47.99875em) {
    .locations__item {
        padding:1.6rem
    }
}

.locations__item-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.6rem;
    gap: 1.2rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--primary-12)
}

.locations #map {
    margin-bottom: 4rem;
    border-radius: 3rem;
    overflow: hidden
}

@media (max-width: toEm(47.99875em)) {
    .locations #map {
        position:relative;
        border-radius: 0;
        height: 50rem!important
    }
}

.locations .ymaps-2-1-79-ground-pane {
    filter: grayscale(100%) contrast(100%) brightness(100%)
}

.locations__item-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0;
    line-height: 1.3
}

@media (max-width: 47.99875em) {
    .locations__item-title {
        font-size:2.6rem
    }
}

.locations__item-badge {
    flex-shrink: 0;
    padding: .6rem 1.2rem;
    border-radius: .8rem;
    background-color: var(--primary);
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase
}

.locations__item-info {
    flex: 1;
    display: flex;
    flex-direction: column
}

.locations__info-row {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem
}

.locations__info-row:last-child {
    margin-bottom: 0
}

.locations__info-icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .2rem
}

.locations__info-icon svg {
    width: 100%;
    height: 100%;
    fill: var(--secondary);
    opacity: .7
}

@media (max-width: 47.99875em) {
    .locations__info-icon {
        width:2.4rem;
        height: 2.4rem
    }
}

.locations__info-text {
    flex: 1;
    font-size: 1.4rem;
    color: var(--text-secondary);
    line-height: 1.5
}

@media (max-width: 47.99875em) {
    .locations__info-text {
        font-size:1.8rem
    }
}

.locations__item-footer {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: 1px solid var(--primary-12);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.locations__link {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-weight: 600;
    font-size: 1.6rem;
    transition: all .3s
}

.locations__link svg {
    width: 1.6rem;
    height: 1.6rem;
    fill: currentColor;
    transition: transform .3s
}

@media (max-width: 47.99875em) {
    .locations__link {
        font-size:2rem
    }
}

.locations__map-button {
    display: none
}

.locations__map-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    overflow: hidden
}

@media (max-width: 47.99875em) {
    .locations__map-wrapper {
        border-radius:1.6rem
    }
}

.locations__map {
    width: 100%;
    height: 70rem;
    min-height: 50rem;
    background-color: var(--bg-secondary)
}

@media (max-width: 47.99875em) {
    .locations__map {
        height:60rem;
        min-height: 35rem
    }
}

.locations__map :global [class*=ymaps] {
    border-radius: 2rem
}

@media (max-width: 47.99875em) {
    .locations__map :global [class*=ymaps] {
        border-radius:1.6rem
    }
}

.title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6rem
}

.title-box--center {
    justify-content: center
}

.title-box h2 {
    flex: 1
}

.star-rating {
    display: flex;
    align-items: center
}

.star-rating svg {
    width: 2.4rem;
    height: 2.4rem
}

.star-rating .star-filled {
    fill: var(--accent)
}

.star-rating .star-empty {
    fill: var(--bg-accent)
}

.vbox-overlay {
    --vbox-tools-color: #fff;
    --vbox-title-background: #101010;
    --vbox-title-width: "auto";
    --vbox-title-radius: 0;
    --vbox-share-background: #101010;
    --vbox-share-width: "auto";
    --vbox-share-radius: 0;
    --vbox-padding: 0;
    --vbox-max-width: 100%
}

.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before {
    -webkit-backface-visibility: hidden;
    box-sizing: border-box
}

.vbox-overlay * {
    backface-visibility: visible
}

.vbox-overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999999
}

.vbox-share,.vbox-title {
    line-height: 1;
    position: fixed;
    z-index: 98;
    text-align: center;
    margin: 0 auto;
    color: var(--vbox-tools-color)
}

.vbox-title {
    font-size: 12px;
    background-color: var(--vbox-title-background);
    width: var(--vbox-title-width);
    border-radius: var(--vbox-title-radius);
    padding: 12px 54px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.vbox-share {
    font-size: 24px;
    padding: 0 .35em;
    background-color: var(--vbox-share-background);
    width: var(--vbox-share-width);
    border-radius: var(--vbox-share-radius)
}

.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover {
    border: none!important;
    background: 0 0!important;
    box-shadow: none!important;
    color: inherit!important;
    padding: 6px 12px;
    outline: 0;
    display: inline-block;
    cursor: pointer
}

.vbox-share a {
    color: inherit!important;
    padding: 6px 12px;
    display: inline-block
}

.vbox-share svg {
    z-index: 10;
    vertical-align: middle
}

.vbox-close {
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    padding: 6px 15px;
    color: #000;
    color: var(--vbox-tools-color);
    border: 0;
    font-size: 24px;
    display: flex;
    align-items: center;
    opacity: .8;
    transition: opacity .2s
}

.vbox-close:hover {
    opacity: 1
}

.vbox-left-corner {
    cursor: pointer;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    line-height: 1;
    font-size: 12px;
    z-index: 99;
    display: flex;
    align-items: center;
    color: var(--vbox-tools-color)
}

.vbox-num {
    display: inline-block;
    padding: 12px 15px
}

.vbox-left {
    left: 0
}

.vbox-right {
    right: 0
}

.vbox-top {
    top: 0
}

.vbox-bottom {
    bottom: 0
}

.vbox-next,.vbox-prev {
    position: fixed;
    top: 50%;
    margin-top: -15px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    width: 45px;
    height: 45px;
    z-index: 99;
    opacity: .8;
    transition: opacity .2s
}

.vbox-next:hover,.vbox-prev:hover {
    opacity: 1
}

.vbox-next span,.vbox-prev span {
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top-color: var(--vbox-tools-color);
    border-right-color: var(--vbox-tools-color);
    text-indent: -100px;
    position: absolute;
    top: 8px;
    display: block
}

.vbox-prev {
    left: 15px
}

.vbox-next {
    right: 15px
}

.vbox-prev span {
    left: 10px;
    transform: rotate(-135deg)
}

.vbox-next span {
    transform: rotate(45deg);
    right: 10px
}

.vbox-open {
    overflow: hidden
}

.vbox-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    z-index: 20;
    max-height: 100%;
    padding: 30px 0
}

.vbox-content {
    opacity: 0;
    text-align: center;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%
}

.vbox-container img {
    max-width: 100%;
    height: auto
}

.vbox-child {
    box-shadow: 0 0 12px #00000030,0 6px 6px #0000003b;
    max-width: var(--vbox-max-width);
    text-align: initial;
    padding: var(--vbox-padding)
}

.vbox-child img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: block
}

.vbox-fit .vbox-child img,.vbox-fit .vbox-child.venoratio {
    max-height: calc(100vh - 60px)
}

.vbox-inline,.venoratio {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.venoratio:before {
    display: block;
    padding-top: var(--vb-aspect-ratio);
    content: ""
}

.venoratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--vbox-padding)
}

.venoratio-1x1 {
    --vb-aspect-ratio: 100%;
    max-width: min(var(--vbox-max-width),100vh - 60px)
}

.venoratio-4x3.vbox-child.venoratio {
    --vb-aspect-ratio: 75% ;
    max-width: min(var(--vbox-max-width),(100vh - 60px) * 4 / 3)
}

.venoratio-16x9.vbox-child.venoratio {
    --vb-aspect-ratio: 56.25% ;
    max-width: min(var(--vbox-max-width),(100vh - 60px) * 16 / 9)
}

.venoratio-21x9.vbox-child.venoratio {
    --vb-aspect-ratio: calc(9 / 21 * 100%);
    max-width: min(var(--vbox-max-width),(100vh - 60px) * 21 / 9)
}

.venoratio-full {
    --vb-aspect-ratio: calc(100vh - 60px)
}

.vbox-grab .vbox-child img {
    cursor: grab
}

.vbox-child>iframe {
    border: none!important
}

.vbox-content.swipe-left {
    margin-left: -200px!important
}

.vbox-content.swipe-right {
    margin-left: 200px!important
}

.vbox-preloader {
    transform: translateZ(0)
}

.vbox-preloader .vbox-preloader-inner {
    opacity: 1;
    transition: opacity .2s
}

.vbox-hidden {
    display: none
}

.vbox-preloader.vbox-hidden .vbox-preloader-inner {
    opacity: 0
}

.vbox-backdrop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(-1px);
    z-index: 0
}

.vbox-tooltip {
    position: relative;
    display: inline-block
}

.vbox-tooltip .vbox-tooltip-text {
    visibility: hidden;
    color: #fff;
    text-align: center;
    padding: 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 0;
    opacity: 0;
    transition: opacity .3s;
    margin-bottom: 2px;
    font-family: sans-serif
}

.vbox-top .vbox-tooltip .vbox-tooltip-text {
    bottom: auto;
    top: 100%;
    margin-bottom: 0;
    margin-top: 2px
}

.vbox-tooltip-inner {
    padding: 5px 10px;
    background-color: #000000e6;
    border-radius: 6px;
    font-size: 10px
}

.vbox-tooltip:hover .vbox-tooltip-text {
    visibility: visible;
    opacity: 1
}

.vbox-overlay {
    --sk-size: 40px;
    --sk-color: #333
}

.sk-center {
    margin: auto
}

.sk-plane {
    width: var(--sk-size);
    height: var(--sk-size);
    background-color: var(--sk-color);
    animation: sk-plane 1.2s infinite ease-in-out
}

@keyframes sk-plane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sk-chase {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative;
    animation: sk-chase 2.5s infinite linear both
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2s infinite ease-in-out both
}

.sk-chase-dot:before {
    content: "";
    display: block;
    width: 25%;
    height: 25%;
    background-color: var(--sk-color);
    border-radius: 100%;
    animation: sk-chase-dot-before 2s infinite ease-in-out both
}

.sk-chase-dot:nth-child(1) {
    animation-delay: -1.1s
}

.sk-chase-dot:nth-child(2) {
    animation-delay: -1s
}

.sk-chase-dot:nth-child(3) {
    animation-delay: -.9s
}

.sk-chase-dot:nth-child(4) {
    animation-delay: -.8s
}

.sk-chase-dot:nth-child(5) {
    animation-delay: -.7s
}

.sk-chase-dot:nth-child(6) {
    animation-delay: -.6s
}

.sk-chase-dot:nth-child(1):before {
    animation-delay: -1.1s
}

.sk-chase-dot:nth-child(2):before {
    animation-delay: -1s
}

.sk-chase-dot:nth-child(3):before {
    animation-delay: -.9s
}

.sk-chase-dot:nth-child(4):before {
    animation-delay: -.8s
}

.sk-chase-dot:nth-child(5):before {
    animation-delay: -.7s
}

.sk-chase-dot:nth-child(6):before {
    animation-delay: -.6s
}

@keyframes sk-chase {
    to {
        transform: rotate(360deg)
    }
}

@keyframes sk-chase-dot {
    to,80% {
        transform: rotate(360deg)
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(.4)
    }

    0%,to {
        transform: scale(1)
    }
}

.sk-bounce {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative
}

.sk-bounce-dot {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--sk-color);
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    animation: sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)
}

.sk-bounce-dot:nth-child(2) {
    animation-delay: -1s
}

@keyframes sk-bounce {
    0%,to {
        transform: scale(0)
    }

    45%,55% {
        transform: scale(1)
    }
}

.sk-wave {
    width: var(--sk-size);
    height: var(--sk-size);
    display: flex;
    justify-content: space-between
}

.sk-wave-rect {
    background-color: var(--sk-color);
    height: 100%;
    width: 15%;
    animation: sk-wave 1.2s infinite ease-in-out
}

.sk-wave-rect:nth-child(1) {
    animation-delay: -1.2s
}

.sk-wave-rect:nth-child(2) {
    animation-delay: -1.1s
}

.sk-wave-rect:nth-child(3) {
    animation-delay: -1s
}

.sk-wave-rect:nth-child(4) {
    animation-delay: -.9s
}

.sk-wave-rect:nth-child(5) {
    animation-delay: -.8s
}

@keyframes sk-wave {
    0%,to,40% {
        transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1)
    }
}

.sk-pulse {
    width: var(--sk-size);
    height: var(--sk-size);
    background-color: var(--sk-color);
    border-radius: 100%;
    animation: sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)
}

@keyframes sk-pulse {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

.sk-flow {
    width: calc(var(--sk-size) * 1.3);
    height: calc(var(--sk-size) * 1.3);
    display: flex;
    justify-content: space-between
}

.sk-flow-dot {
    width: 25%;
    height: 25%;
    background-color: var(--sk-color);
    border-radius: 50%;
    animation: sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both
}

.sk-flow-dot:nth-child(1) {
    animation-delay: -.3s
}

.sk-flow-dot:nth-child(2) {
    animation-delay: -.15s
}

@keyframes sk-flow {
    0%,to,80% {
        transform: scale(.3)
    }

    40% {
        transform: scale(1)
    }
}

.sk-swing {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative;
    animation: sk-swing 1.8s infinite linear
}

.sk-swing-dot {
    width: 45%;
    height: 45%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--sk-color);
    border-radius: 100%;
    animation: sk-swing-dot 2s infinite ease-in-out
}

.sk-swing-dot:nth-child(2) {
    top: auto;
    bottom: 0;
    animation-delay: -1s
}

@keyframes sk-swing {
    to {
        transform: rotate(360deg)
    }
}

@keyframes sk-swing-dot {
    0%,to {
        transform: scale(.2)
    }

    50% {
        transform: scale(1)
    }
}

.sk-circle {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative
}

.sk-circle-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle-dot:before {
    content: "";
    display: block;
    width: 15%;
    height: 15%;
    background-color: var(--sk-color);
    border-radius: 100%;
    animation: sk-circle 1.2s infinite ease-in-out both
}

.sk-circle-dot:nth-child(1) {
    transform: rotate(30deg)
}

.sk-circle-dot:nth-child(2) {
    transform: rotate(60deg)
}

.sk-circle-dot:nth-child(3) {
    transform: rotate(90deg)
}

.sk-circle-dot:nth-child(4) {
    transform: rotate(120deg)
}

.sk-circle-dot:nth-child(5) {
    transform: rotate(150deg)
}

.sk-circle-dot:nth-child(6) {
    transform: rotate(180deg)
}

.sk-circle-dot:nth-child(7) {
    transform: rotate(210deg)
}

.sk-circle-dot:nth-child(8) {
    transform: rotate(240deg)
}

.sk-circle-dot:nth-child(9) {
    transform: rotate(270deg)
}

.sk-circle-dot:nth-child(10) {
    transform: rotate(300deg)
}

.sk-circle-dot:nth-child(11) {
    transform: rotate(330deg)
}

.sk-circle-dot:nth-child(1):before {
    animation-delay: -1.1s
}

.sk-circle-dot:nth-child(2):before {
    animation-delay: -1s
}

.sk-circle-dot:nth-child(3):before {
    animation-delay: -.9s
}

.sk-circle-dot:nth-child(4):before {
    animation-delay: -.8s
}

.sk-circle-dot:nth-child(5):before {
    animation-delay: -.7s
}

.sk-circle-dot:nth-child(6):before {
    animation-delay: -.6s
}

.sk-circle-dot:nth-child(7):before {
    animation-delay: -.5s
}

.sk-circle-dot:nth-child(8):before {
    animation-delay: -.4s
}

.sk-circle-dot:nth-child(9):before {
    animation-delay: -.3s
}

.sk-circle-dot:nth-child(10):before {
    animation-delay: -.2s
}

.sk-circle-dot:nth-child(11):before {
    animation-delay: -.1s
}

@keyframes sk-circle {
    0%,to,80% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.sk-circle-fade {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative
}

.sk-circle-fade-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle-fade-dot:before {
    content: "";
    display: block;
    width: 15%;
    height: 15%;
    background-color: var(--sk-color);
    border-radius: 100%;
    animation: sk-circle-fade 1.2s infinite ease-in-out both
}

.sk-circle-fade-dot:nth-child(1) {
    transform: rotate(30deg)
}

.sk-circle-fade-dot:nth-child(2) {
    transform: rotate(60deg)
}

.sk-circle-fade-dot:nth-child(3) {
    transform: rotate(90deg)
}

.sk-circle-fade-dot:nth-child(4) {
    transform: rotate(120deg)
}

.sk-circle-fade-dot:nth-child(5) {
    transform: rotate(150deg)
}

.sk-circle-fade-dot:nth-child(6) {
    transform: rotate(180deg)
}

.sk-circle-fade-dot:nth-child(7) {
    transform: rotate(210deg)
}

.sk-circle-fade-dot:nth-child(8) {
    transform: rotate(240deg)
}

.sk-circle-fade-dot:nth-child(9) {
    transform: rotate(270deg)
}

.sk-circle-fade-dot:nth-child(10) {
    transform: rotate(300deg)
}

.sk-circle-fade-dot:nth-child(11) {
    transform: rotate(330deg)
}

.sk-circle-fade-dot:nth-child(1):before {
    animation-delay: -1.1s
}

.sk-circle-fade-dot:nth-child(2):before {
    animation-delay: -1s
}

.sk-circle-fade-dot:nth-child(3):before {
    animation-delay: -.9s
}

.sk-circle-fade-dot:nth-child(4):before {
    animation-delay: -.8s
}

.sk-circle-fade-dot:nth-child(5):before {
    animation-delay: -.7s
}

.sk-circle-fade-dot:nth-child(6):before {
    animation-delay: -.6s
}

.sk-circle-fade-dot:nth-child(7):before {
    animation-delay: -.5s
}

.sk-circle-fade-dot:nth-child(8):before {
    animation-delay: -.4s
}

.sk-circle-fade-dot:nth-child(9):before {
    animation-delay: -.3s
}

.sk-circle-fade-dot:nth-child(10):before {
    animation-delay: -.2s
}

.sk-circle-fade-dot:nth-child(11):before {
    animation-delay: -.1s
}

@keyframes sk-circle-fade {
    0%,to,39% {
        opacity: 0;
        transform: scale(.6)
    }

    40% {
        opacity: 1;
        transform: scale(1)
    }
}

.sk-grid {
    width: var(--sk-size);
    height: var(--sk-size)
}

.sk-grid-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: var(--sk-color);
    float: left;
    animation: sk-grid 1.3s infinite ease-in-out
}

.sk-grid-cube:nth-child(1) {
    animation-delay: .2s
}

.sk-grid-cube:nth-child(2) {
    animation-delay: .3s
}

.sk-grid-cube:nth-child(3) {
    animation-delay: .4s
}

.sk-grid-cube:nth-child(4) {
    animation-delay: .1s
}

.sk-grid-cube:nth-child(5) {
    animation-delay: .2s
}

.sk-grid-cube:nth-child(6) {
    animation-delay: .3s
}

.sk-grid-cube:nth-child(7) {
    animation-delay: 0s
}

.sk-grid-cube:nth-child(8) {
    animation-delay: .1s
}

.sk-grid-cube:nth-child(9) {
    animation-delay: .2s
}

@keyframes sk-grid {
    0%,to,70% {
        transform: scaleZ(1)
    }

    35% {
        transform: scale3D(0,0,1)
    }
}

.sk-fold {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative;
    transform: rotate(45deg)
}

.sk-fold-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1)
}

.sk-fold-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sk-color);
    animation: sk-fold 2.4s infinite linear both;
    transform-origin: 100% 100%
}

.sk-fold-cube:nth-child(2) {
    transform: scale(1.1) rotate(90deg)
}

.sk-fold-cube:nth-child(4) {
    transform: scale(1.1) rotate(180deg)
}

.sk-fold-cube:nth-child(3) {
    transform: scale(1.1) rotate(270deg)
}

.sk-fold-cube:nth-child(2):before {
    animation-delay: .3s
}

.sk-fold-cube:nth-child(4):before {
    animation-delay: .6s
}

.sk-fold-cube:nth-child(3):before {
    animation-delay: .9s
}

@keyframes sk-fold {
    0%,10% {
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }

    to,90% {
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

.sk-wander {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative
}

.sk-wander-cube {
    background-color: var(--sk-color);
    width: 20%;
    height: 20%;
    position: absolute;
    top: 0;
    left: 0;
    --sk-wander-distance: calc(var(--sk-size) * .75);
    animation: sk-wander 2s ease-in-out -2s infinite both
}

.sk-wander-cube:nth-child(2) {
    animation-delay: -.5s
}

.sk-wander-cube:nth-child(3) {
    animation-delay: -1s
}

@keyframes sk-wander {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: translate(var(--sk-wander-distance)) rotate(-90deg) scale(.6)
    }

    50% {
        transform: translate(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)
    }

    50.1% {
        transform: translate(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)
    }

    75% {
        transform: translate(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)
    }

    to {
        transform: rotate(-360deg)
    }
}

.swiper {
    overflow: hidden
}

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

.swiper-container {
    position: relative
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    display: flex;
    position: relative
}

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

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start
}

.swiper-initialized .swiper-slide {
    flex-shrink: 0
}

.swiper-android .swiper-slide,.swiper-android .swiper-wrapper {
    transform: translateZ(0);
    width: 363.667px;
    margin-right: 25px
}

.swiper-button-lock {
    opacity: .5
}

.arrow-container {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    right: 0
}

@media (max-width: 768px) {
    .arrow-container {
        top:initial;
        bottom: 0;
        width: 100%
    }
}

.swiper-button-next,.swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 10rem;
    height: 6.4rem;
    background-color: var(--text-primary);
    outline: none;
    transition: opacity .3s linear 0s;
    cursor: pointer
}

.swiper-button-next svg,.swiper-button-prev svg {
    width: 3.3rem;
    fill: var(--bg-primary)
}

.swiper-scrollbar-horizontal {
    width: 30rem;
    height: 4px;
    border-radius: 10px;
    background-color: var(--bg-accent);
    margin-right: 4rem
}

.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
    border-radius: 10px;
    height: 4px;
    background-color: var(--secondary);
    cursor: pointer
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .8;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    border-radius: 1.6rem 0 0 1.6rem
}

@media (max-width: 768px) {
    .swiper-button-prev,.swiper-rtl .swiper-button-next {
        border-radius:2rem 0 0 2rem
    }
}

.swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {
    transform: scaleX(-1) scaleY(-1)
}

.swiper-button-prev:before,.swiper-rtl .swiper-button-next:before {
    content: "";
    position: absolute;
    height: 5rem;
    width: 1px;
    background-color: #ffffff1e;
    left: calc(100% - 1px);
    top: calc(50% - 2.5rem);
    z-index: 20
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    border-radius: 0 1.6rem 1.6rem 0
}

@media (max-width: 768px) {
    .swiper-button-next,.swiper-rtl .swiper-button-prev {
        border-radius:0 2rem 2rem 0
    }
}

.swiper-button-lock {
    display: block!important
}

.swiper-pagination {
    display: flex;
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 1;
    bottom: -6rem;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width: 768px) {
    .swiper-pagination {
        bottom:-16rem
    }
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 3rem));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, .5rem));
    display: inline-block;
    border-radius: 100px;
    background: var(--swiper-pagination-bullet-inactive-color, var(--primary));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

@media (max-width: 768px) {
    .swiper-pagination-bullet {
        width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10rem));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 3rem))
    }
}

button.swiper-pagination-bullet {
    border: none;
    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-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--primary)
}

.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, .8rem)
}

@media (max-width: 768px) {
    .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, 2rem)
    }
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-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: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}
.doctors__name{word-break: break-word;}