@charset "UTF-8";

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

abbr,
fieldset,
iframe,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

ul li {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

legend {
    color: #000
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

img {
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none;
    color: inherit
}

button {
    cursor: pointer;
    border: none;
    background: 0 0;
    padding: 0;
    margin: 0;
    color: inherit
}

:root {
    --green: #00A9B4;
    --red: #E31E24;
    --neutral: #25263B;
    --white: #FFFFFF;
    --blue: #1A73DA;
    --light-blue: #529EF8;
    --green-hover: #00BEB8;
    --size: 14px;
    --container: 1440px;
    --gap: 24px;
    --trans: 0.3s ease-in-out;
    --swiper-theme-color: #007aff
}

@media screen and (max-width:1680px) {
    :root {
        --container: 1260px
    }
}

@media screen and (max-width:1100px) {
    :root {
        --container: 984px;
        --gap: 20px
    }
}

@media screen and (max-width:480px) {
    :root {
        --gap: 16px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .05em;
    background: 0 0;
    border: none;
    padding: 0;
    letter-spacing: .03em
}

.btn-green {
    background-color: var(--green);
    border-radius: 22px;
    color: var(--white);
    font-weight: 700
}

.btn-green:hover {
    background-color: var(--green-hover)
}

.red {
    color: var(--red)
}

.title {
    font-weight: 700
}

.title-32 {
    font-size: clamp(20px, 14px + 1.25vw, 32px)
}

.title-56 {
    font-size: clamp(20px, 2px + 3.75vw, 56px)
}

.custom-input {
    padding: 16px 28px;
    background: var(--white);
    border-radius: 8px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    color: #000;
    font-size: 16px;
    position: relative
}

.custom-input:has(input) {
    height: 56px
}

.custom-input:has(textarea) {
    height: 84px
}

.custom-input span {
    position: relative;
    z-index: 1;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    color: #595a70;
    pointer-events: none
}

.custom-input span b {
    color: var(--red)
}

.custom-input:has(input:focus),
.custom-input:has(input:valid),
.custom-input:has(textarea:focus),
.custom-input:has(textarea:valid) {
    padding-top: 4px;
    background: #fbfcfe
}

.custom-input:has(input:focus) span,
.custom-input:has(input:valid) span,
.custom-input:has(textarea:focus) span,
.custom-input:has(textarea:valid) span {
    font-size: 14px
}

.custom-input:has(input:focus) input,
.custom-input:has(input:focus) textarea,
.custom-input:has(input:valid) input,
.custom-input:has(input:valid) textarea,
.custom-input:has(textarea:focus) input,
.custom-input:has(textarea:focus) textarea,
.custom-input:has(textarea:valid) input,
.custom-input:has(textarea:valid) textarea {
    padding: 28px 28px 8px
}

.custom-input input,
.custom-input textarea {
    position: absolute;
    inset: 0;
    stroke: none;
    border: 1px solid #fff;
    outline: 0;
    color: var(--neutral);
    z-index: 0;
    padding: 16px 28px;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px
}

.custom-input:hover {
    background: #fbfcfe
}

.custom-input.is-invalid input {
    border-color: #e31e24
}

.custom-input.is-invalid::after,
.custom-input.is-invalid::before {
    opacity: 1;
    visibility: visible
}

.custom-input::before {
    content: "Пожалуйста, заполните поле";
    position: absolute;
    left: 0;
    bottom: calc(100% + 6px);
    padding: 10px 14px;
    border-radius: 6px;
    background: #ff5a5a;
    z-index: 1;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.custom-input::after {
    content: "";
    background: url(img/treug.svg) center/cover no-repeat;
    position: absolute;
    width: 12px;
    height: 6px;
    bottom: 100%;
    left: 94px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.p-top {
    padding-top: var(--header-height)
}

.custom-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: auto
}

.custom-navigation__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background-color: #fff
}

.custom-navigation__btn.swiper-button-disabled svg {
    stroke: #d5d4e2
}

.custom-navigation__btn svg {
    height: 18px;
    width: 18px;
    fill: transparent;
    stroke: var(--green);
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.custom-navigation__btn:hover svg {
    stroke: var(--green-hover)
}

.scroll-padlock {
    overflow: hidden;
    padding-right: var(--scrollbar-width)
}

.list-blue {
    padding-left: 0 !important
}

.list-blue li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px
}

.list-blue li::before {
    content: "—";
    display: block;
    color: var(--blue)
}

.icon-link {
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.icon-link:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.top-info__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1px;
    border-radius: 20px;
    overflow: hidden
}

.top-info_modal .top-info__info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.top-info_modal .top-info__column:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.top-info__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 700;
    color: var(--blue);
    background-color: #f6f7fb;
    line-height: 120%;
    padding: 10px 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.top-info__column:first-child {
    padding-left: 20px;
    padding-right: 12px
}

.top-info__column:last-child {
    padding-left: 12px;
    padding-right: 20px
}

.top-info__column svg {
    width: 20px;
    height: 20px;
    fill: transparent;
    stroke: var(--blue)
}

.top-info__promo {
    height: 40px;
    width: 89px;
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    background: url(img/promo-d-bg.svg) center/cover no-repeat;
    color: var(--white);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width:1100px) {
    .top-info:not(.top-info_modal) .top-info__column svg {
        display: none
    }

    .top-info:not(.top-info_modal) .top-info__column {
        font-size: 11px
    }

    .top-info:not(.top-info_modal) .top-info__column span {
        display: none
    }

    .top-info__column:not(.top-info_modal) .top-info__price {
        font-size: 18px;
        height: 32px;
        width: 81.18px;
        padding: 6px 12px
    }

    .top-info__promo {
        font-size: 16px;
        height: 32px;
        width: 72px;
        padding: 6px 12px
    }
}

.team-second.team {
    padding-top: 48px;
    padding-bottom: 80px;
    position: relative
}

.team-second.team::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 405px;
    background: #f2f8ff;
    z-index: -1
}

@media (max-width:640px) {
    .team-second.team::before {
        display: none
    }

    .team__title {
        text-align: center
    }
}

.team-second.team .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 16px 4px
}

@media (max-width:960px) {
    .team-second.team .container {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

.team-card {
    overflow: hidden;
    border-radius: clamp(20px, 14px + 1.25vw, 32px);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.team-card.swiper-slide {
    height: auto !important
}

.team-card__img {
    aspect-ratio: 1/1;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.team-card__title {
    padding: 28px 48px 24px 32px;
    background-color: #d8eaff;
    font-size: clamp(14px, 12px + .4166666667vw, 18px);
    font-weight: 700;
    position: relative;
    -webkit-transition: color var(--trans);
    transition: color var(--trans)
}

.team-card__title span {
    display: block;
    max-width: 130px
}

.team-card__title::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background-image: url(img/icons-1/arrow-up-right.svg);
    background-size: cover
}

@media (max-width:1680px) {
    .team-card__title {
        padding: 32px 32px 24px 16px
    }
}

.team-card__desc {
    padding: 16px 16px 28px 32px;
    background-color: #f3f8ff;
    font-size: clamp(12px, 11px + .2083333333vw, 14px);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 150%
}

@media (max-width:1680px) {
    .team-card__desc {
        padding: 16px 16px 24px
    }
}

.team-card:hover .team-card__title {
    color: var(--green-hover)
}

.team {
    padding: 56px 0px 48px;
    overflow: hidden
}

.team__up {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    margin-bottom: 48px
}

.team__title {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

@media (max-width:1100px) {
    .team-second.team::before {
        height: 340px
    }

    .team__title {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }
}

@media (max-width:780px) {
    .team-second.team .container {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .team__title {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }
}

.team__desc {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: span 2/7;
    font-size: clamp(12px, 10px + .4166666667vw, 16px)
}

@media (max-width:1100px) {
    .team__desc {
        -ms-grid-column: 4;
        -ms-grid-column-span: 3;
        grid-column: span 3/7
    }

    .services__link {
        margin-left: 84px
    }
}

@media (max-width:780px) {
    .team__desc {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }
}

.team__swiper.swiper {
    max-width: 100%
}

.team .swiper-slide {
    height: auto
}

.services {
    padding: 60px 0px
}

.services__link {
    color: var(--green);
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
    position: relative;
    -webkit-transition: color var(--trans);
    transition: color var(--trans);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.services__link::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--green);
    position: absolute;
    left: 0;
    bottom: -8px;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.services__link:hover {
    color: var(--green-hover)
}

.services__link:hover::after {
    background-color: var(--green-hover)
}

@media (max-width:640px) {
    .team__desc {
        text-align: center
    }

    .services {
        padding: 36px 0px
    }

    .services__link {
        margin-left: 0px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.services__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.services__title {
    margin-bottom: 56px;
    max-width: 60%
}

.services__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
    gap: 48px
}

.services__side {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

@media (max-width:1100px) {
    .services__title {
        max-width: 100%;
        text-align: center
    }

    .services__content {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        width: 100%;
        gap: 0
    }

    .services__side {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        margin-bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .services__items {
        width: 100%
    }
}

.services__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 38px 40px;
    margin-bottom: 56px
}

@media (max-width:640px) {
    .services__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 8px
    }
}

.services__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.services__item-icon {
    width: 64px;
    height: 64px
}

@media (max-width:640px) {
    .services__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .services__item-icon {
        width: 56px;
        height: 56px
    }
}

.services__item:hover .services__item-text {
    color: var(--green-hover)
}

.services__item-text {
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: color var(--trans);
    transition: color var(--trans)
}

.services__quote {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.services__quote-text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 32px;
    position: relative;
    font-family: RobotoSerif
}

.services__quote-text::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 27px);
    left: 0;
    width: 48px;
    height: 48px;
    background-image: url(img/services/icon-quote.svg);
    background-size: cover
}

@media (max-width:1100px) {
    .services__item-text {
        font-size: 14px
    }

    .services__quote {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .services__quote-text::before {
        display: block;
        position: static;
        bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .services__quote-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 36px
    }
}

@media (max-width:640px) {
    .services__quote-text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }
}

.services__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width:1100px) {
    .services__author {
        padding-left: 84px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:640px) {
    .services__author {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto)[12];
        grid-template-columns: repeat(12, auto);
        padding-left: 0;
        gap: 16px 24px
    }
}

.services__author-image {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .2509803922);
    box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .2509803922);
    padding: 8px;
    margin-right: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.services__author-image img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:640px) {
    .services__author-image {
        margin: 0
    }
}

.services__author-podpis {
    margin-right: 24px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-grid-column-span: 11;
    grid-column: span 11
}

@media (max-width:640px) {
    .services__author-podpis {
        margin: 0
    }

    .services__author-info {
        -ms-grid-column-span: 12;
        grid-column: span 12
    }
}

.services__author-name {
    font-weight: 700;
    color: var(--green);
    margin-bottom: 4px
}

.services__author-desc {
    max-width: 177px
}

.service-item.is-current {
    background-color: #f0f0f7;
    color: var(--green)
}

.service-item.accordeon.active {
    background-color: #f0f0f7
}

.service-item {
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    background-color: #f6f7fb
}

.service-item__arrow {
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.service-item__arrow:hover {
    color: var(--green)
}

.service-item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 700
}

.service-item__top:hover a {
    color: var(--green)
}

.service-item__top a {
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.service-item__icon {
    width: 36px;
    height: 36px
}

.service-item__content {
    padding: 8px 22px 12px 72px
}

.service-item__arrow {
    padding: 8px 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 15px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.service-item__arrow::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(img/arrow-l.webp) center/cover no-repeat;
    -webkit-transition: -webkit-transform var(--trans);
    transition: -webkit-transform var(--trans);
    transition: transform var(--trans);
    transition: transform var(--trans), -webkit-transform var(--trans)
}

.service-item__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.service-item__links a {
    padding: 4px 0px;
    font-size: 15px;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.service-item__links a:hover {
    color: var(--green)
}

.service-item .accordeon:not(.service-item).active .service-item__arrow::after,
.service-item.active>.service-item__top>.service-item__arrow::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.service-item .accordeon:not(.service-item) .service-item__arrow::after {
    width: 12px;
    height: 12px
}

.service-container {
    width: 100%;
    position: relative;
    padding-bottom: 80px
}

.service-container_doctor .service-container__section>h2 {
    margin-bottom: clamp(20px, 16px + .8333333333vw, 28px)
}

.service-container_protesis .service-container__side {
    border-radius: 20px;
    background: #edf4fd
}

.service-container_protesis .service-container__columns {
    gap: 20px !important
}

@media (max-width:1280px) {
    .service-container_protesis {
        padding-bottom: 36px
    }

    .service-container_protesis .service-container__side {
        display: none !important
    }

    .service-container_protesis .service-container__columns {
        margin-bottom: 0 !important
    }

    .service-container_protesis .service-container__column-side {
        position: static
    }

    .service-container_protesis .service-container__text-content {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/span 1;
        margin-bottom: 0
    }
}

.service-container__article-side-bottom {
    padding: 24px 16px
}

.service-container__side-btn {
    font-size: 12px;
    color: var(--green);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 22px;
    border: 2px solid var(--green);
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 6px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    line-height: 24px;
    font-weight: 700
}

.service-container__side-btn:hover {
    border-color: var(--green-hover);
    color: var(--green-hover)
}

.service-container__article-item-image {
    height: 64px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px 8px 32px 0px;
    overflow: hidden
}

.service-container__article-item-title {
    color: #25263b;
    line-height: 150%;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.service-container__article-item-date {
    margin-bottom: 4px;
    color: #77758d
}

.service-container__article-item {
    padding: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 93px 1fr;
    grid-template-columns: 93px 1fr;
    gap: 16px;
    border-bottom: 1px solid #d8e3f1
}

.service-container__article-item:hover .service-container__article-item-title {
    color: var(--green-hover)
}

.service-container__article-date {
    text-align: right;
    font-size: 16px;
    color: #77758d
}

.service-container>.container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 322px 1fr;
    grid-template-columns: 322px 1fr;
    gap: 28px
}

@media (max-width:1280px) {
    .service-container__article-date {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/span 1;
        text-align: start;
        font-size: 14px
    }

    .service-container>.container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        width: 100%;
        margin: 0
    }

    .service-container__doctor.container {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/span 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/span 1
    }
}

.service-container .section-top {
    margin-bottom: 36px
}

.service-container__doctor.container {
    width: 100%
}

@media (min-width:1281px) {
    .service-container__doctor.container {
        margin-top: -180px
    }
}

@media (max-width:780px) {
    .service-container__doctor.container {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/span 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/span 1;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-bottom: 36px
    }
}

@media (max-width:480px) {
    .service-container__doctor.container {
        width: calc(100% + 32px);
        margin-left: -16px
    }
}

.service-container__doctor-image {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 64px 0px;
    margin-bottom: 28px
}

@media (max-width:1280px) {
    .service-container__doctor-image {
        border-radius: 32px
    }
}

.service-container__doctor-link_mail {
    color: var(--green)
}

.service-container__doctor-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (max-width:780px) {
    .service-container__doctor-image {
        border-radius: 0px;
        margin-bottom: 0
    }

    .service-container__doctor-bottom {
        padding: 24px 16px;
        background: #f2f8ff
    }
}

.service-container__doctor-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.service-container__doctor-link svg {
    width: 20px;
    height: 20px;
    fill: transparent;
    stroke: var(--green);
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.service-container__doctor-link:hover {
    color: var(--green-hover)
}

.service-container__doctor-link:hover svg {
    stroke: var(--green-hover)
}

.service-container__certificates-title {
    font-size: 20px;
    margin-bottom: 42px
}

.service-container__certificates-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px
}

.service-container__certificates-next svg,
.service-container__certificates-prev svg {
    width: 20px;
    height: 20px;
    fill: transparent;
    stroke: var(--green);
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.service-container__certificates-next.swiper-button-disabled svg,
.service-container__certificates-prev.swiper-button-disabled svg {
    stroke: #d5d4e2
}

.service-container__certificates-swiper {
    width: 100%;
    margin-bottom: 58px
}

.service-container__certificates-swiper .swiper-slide {
    width: 100%;
    aspect-ratio: 212/152;
    -o-object-fit: cover;
    object-fit: cover
}

.service-container__certificates {
    background: #f2f8ff;
    padding: 28px 32px;
    border-radius: 32px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: var(--header-height);
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1280px) {
    .service-container__certificates {
        position: static;
        top: 0;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/span 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/span 1
    }
}

@media (max-width:780px) {
    .service-container__certificates {
        grid-row: auto/span 1;
        grid-column: auto/span 1;
        margin-bottom: 40px;
        padding: 24px 28px
    }
}

.service-container__certificates .custom-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px
}

.service-container__certificates .custom-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #d5d4e2;
    display: block;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.service-container__certificates .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--green)
}

.service-container_doctor {
    padding-top: 36px
}

.service-container_doctor>.container {
    gap: 60px;
    -ms-grid-columns: 332px 1fr 276px;
    grid-template-columns: 332px 1fr 276px
}

.service-container_doctor .service-container__sections.container {
    width: var(--container);
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    gap: 60px;
    -ms-grid-columns: 332px 1fr 276px;
    grid-template-columns: 332px 1fr 276px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media (max-width:1280px) {
    .service-container_doctor>.container {
        -ms-grid-columns: 1fr 228px;
        grid-template-columns: 1fr 228px;
        width: min(var(--container), 100% - var(--gap) * 2);
        margin: 0 auto;
        gap: 92px
    }

    .service-container_doctor .service-container__sections.container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        width: min(var(--container), 100% - var(--gap) * 2);
        margin: 0 auto
    }

    .service-container_doctor .service-container__sections.container>span {
        display: none
    }

    .service-container_doctor .service-container__content {
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        grid-row: 1/span 4
    }

    .service-container__content {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.service-container_doctor .service-container__section {
    padding: 0
}

.service-container_doctor .service-container__column-side {
    display: none
}

.service-container_doctor .service-container__form-section {
    margin-bottom: 60px
}

.service-container_doctor .service-container__columns.container {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    width: 100%;
    margin: 0
}

.service-container_doctor .service-container__team-section {
    margin-bottom: 0
}

@media (max-width:780px) {
    .service-container_doctor>.container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 0
    }

    .service-container_doctor .service-container__content {
        grid-row: auto/span 1
    }

    .service-container_doctor .service-container__text-content {
        margin-bottom: 48px
    }

    .service-container_doctor {
        padding-top: 0
    }
}

.service-container__text-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 36px;
    margin-bottom: 60px
}

.service-container__side.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    border-radius: 20px;
    overflow: hidden;
    position: sticky;
    top: calc(var(--header-height) - 22px);
    left: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width:1280px) {
    .service-container__side.container {
        position: static
    }
}

@media (min-width:1281px) {
    .service-container__side.container {
        margin: 0;
        width: auto
    }
}

.service-container__columns.container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 276px;
    grid-template-columns: 1fr 276px;
    gap: 60px;
    position: relative;
    margin-bottom: 60px
}

@media (max-width:1100px) {
    .service-container__columns.container {
        -ms-grid-columns: 1fr 248px;
        grid-template-columns: 1fr 248px
    }
}

@media (max-width:960px) {
    .service-container__columns.container {
        gap: 16px;
        -ms-grid-columns: 1fr 232px;
        grid-template-columns: 1fr 232px
    }
}

@media (max-width:640px) {
    .services__author-desc {
        max-width: 100%
    }

    .service-container__columns.container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 36px
    }
}

.service-container__section {
    padding: 0 32px;
    line-height: 150%
}

.service-container__section>h2 {
    font-size: clamp(20px, 16px + .8333333333vw, 28px);
    font-weight: 700;
    margin-bottom: 20px
}

.service-container__section ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px;
    padding-left: 28px
}

.service-container__section ul li {
    list-style-type: disc;
    font-size: 16px
}

@media (max-width:1100px) {
    .service-container__section {
        padding: 0
    }
}

.service-container__column-side {
    position: sticky;
    top: calc(var(--header-height) - 22px);
    left: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.service-container__column-side .btn {
    padding: 16px 0px;
    width: 100%
}

.service-container__questions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #e8f6ff;
    border-radius: 20px;
    padding: 28px
}

.service-container__questions .btn {
    padding: 6px 24.5px;
    line-height: 150%;
    max-width: 162px;
    font-size: 12px
}

.service-container__questions-text {
    margin-bottom: 20px;
    max-width: 220px
}

.service-container__questions-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

.service-container__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    font-size: 16px
}

.service-container__text b {
    color: var(--green)
}

.service-container__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.service-container__table-top {
    background-color: #f6f7fb;
    font-weight: 700
}

.service-container__table-row {
    padding: 12px 32px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    gap: 24px
}

.service-container__table-row:not(:first-child) {
    border-bottom: 1px solid #eae9f3
}

.service-container__table-row p {
    max-width: 500px
}

.service-container__table-row>b {
    text-wrap: nowrap
}

.service-container__sections.container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 276px;
    grid-template-columns: 1fr 276px;
    gap: 60px;
    position: relative;
    overflow: hidden
}

@media (min-width:1281px) {

    .service-container__columns.container,
    .service-container__sections.container {
        margin: 0;
        width: 100%
    }
}

@media (max-width:1100px) {
    .service-container__table-row {
        padding: 12px 16px
    }

    .service-container__sections.container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.service-container__team.swiper,
.service-container__team.swiper .swiper-wrapper {
    max-width: 100%
}

@media (min-width:1101px) {
    .service-container__team.swiper .swiper-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 12px
    }

    .service-container__team.swiper .team-card.swiper-slide {
        width: auto !important
    }
}

.service-container__section-title {
    font-size: clamp(20px, 16px + .8333333333vw, 28px);
    margin-bottom: 28px;
    padding-left: 32px
}

@media (max-width:1100px) {
    .service-container__section-title {
        padding-left: 0
    }
}

.service-container__form-section {
    padding: 48px 56px;
    background: #d8eaff;
    border-radius: 32px
}

.service-container__form-section .title {
    padding: 0
}

.service-container__team-section {
    margin-bottom: 60px
}

.service-container__form-inputs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
    margin-bottom: 24px
}

.service-container__form-inputs .custom-input:nth-child(3) {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

@media (max-width:780px) {
    .service-container__form-section {
        padding: 24px 20px 28px
    }

    .service-container__form-inputs .custom-input {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

.service-container__form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.service-container__form-bottom .btn {
    padding: 20px 28px;
    border-radius: 28px
}

.service-container__form-bottom p {
    font-size: 12px
}

.service-container__form-bottom p a {
    color: var(--blue)
}

@media (max-width:640px) {
    .service-container__form-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }
}

.service-container__sections-container {
    min-width: 0
}

.service-container__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: clamp(36px, 24px + 2.5vw, 60px)
}

.service-container__card {
    padding: 32px;
    border-radius: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    background: #f6f7fb
}

@media (max-width:780px) {
    .service-container__card {
        padding: 32px 20px
    }
}

.service-container__card-title {
    font-size: 16px
}

.service-container__card-icon {
    width: 56px;
    height: 56px
}

.service-container__result {
    margin-bottom: clamp(36px, 24px + 2.5vw, 60px)
}

.service-container__result .compare {
    border-radius: 32px;
    overflow: hidden
}

@media (max-width:1100px) {
    .service-container__result {
        max-width: 624px;
        margin: 0 auto;
        margin-bottom: clamp(36px, 24px + 2.5vw, 60px)
    }
}

.section-top {
    width: 100%;
    max-width: 1920px;
    color: var(--white);
    overflow: hidden
}

.section-top_image .section-top__image-long {
    height: 240px;
    -ms-grid-column-span: 3;
    grid-column: span 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.section-top_image .section-top__image-long::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 240px;
    height: 100%;
    background: #e8f6ff;
    z-index: 0
}

.section-top_image .section-top__image-long img {
    width: var(--container);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1
}

@media (max-width:1100px) {
    .section-top_image .section-top__image-long {
        height: 250px
    }
}

.section-top_profile .section-top__container {
    -ms-grid-columns: minmax(auto, 1080px);
    grid-template-columns: minmax(auto, 1080px);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media (max-width:1680px) {
    .section-top_profile .section-top__container {
        -ms-grid-columns: minmax(auto, 920px);
        grid-template-columns: minmax(auto, 920px)
    }
}

@media (max-width:1280px) {
    .section-top_image .section-top__image-long img {
        width: 100%
    }

    .section-top_profile .section-top__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        width: 100%;
        margin: 0
    }
}

.section-top_profile .section-top__main {
    width: auto;
    position: relative;
    overflow: visible;
    padding: 16px 32px
}

.section-top_profile .section-top__main::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 600px;
    height: 100%;
    background: url(img/left-side.webp) left/cover no-repeat
}

.section-top_profile .section-top__main::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 240px;
    height: 100%;
    background: url(img/stars-side.webp) right/cover no-repeat
}

@media (max-width:640px) {
    .service-container__cards {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .section-top_image .section-top__image-long {
        height: 120px
    }

    .section-top_profile .section-top__main {
        padding: 12px 16px 20px
    }

    .section-top__main::after {
        display: none
    }
}

.section-top_service .section-top__container {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%
}

.section-top_service .section-top__image {
    position: relative;
    border-radius: 0px 0px 120px;
    overflow: hidden
}

@media (max-width:1100px) {
    .section-top_service .section-top__image {
        border-radius: 0
    }
}

.section-top_service .section-top__main {
    width: 100%;
    border-radius: 20px 0px 0px;
    overflow: hidden;
    position: relative
}

.section-top_service .section-top__left,
.section-top_service .section-top__right {
    display: none
}

.section-top__image {
    height: clamp(180px, 57px + 25.625vw, 426px);
    width: 100%
}

.section-top__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.section-top__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr
}

.section-top__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background-color: #60ade1
}

.section-top__left img {
    width: 116px;
    height: 116px;
    -o-object-fit: cover;
    object-fit: cover
}

.section-top__main {
    width: var(--container);
    max-width: 100%;
    background-color: #55a3d6;
    padding: 16px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    position: relative;
    overflow: hidden
}

.section-top__main::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(img/section-right.webp) right/contain no-repeat;
    pointer-events: none;
    z-index: 0
}

@media (max-width:780px) {
    .section-top__main {
        padding: 12px 20px 24px
    }
}

@media (max-width:640px) {
    .section-top__main {
        padding: 12px 16px 16px
    }
}

.section-top__subtitle {
    font-weight: 500;
    font-size: clamp(14px, 12px + .4166666667vw, 18px);
    position: relative;
    z-index: 1
}

.section-top__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1
}

.section-top__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #c6e9ff;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.section-top__list-item:hover {
    color: #9dcfef
}

.section-top__list-item:not(:last-child, .section-top__list-item:last-child)::after {
    content: "";
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    background: url(img/arrow-right.svg) center/cover no-repeat
}

.section-top__title {
    font-weight: 700;
    font-size: clamp(24px, 18px + 1.25vw, 36px);
    line-height: 130%;
    position: relative;
    z-index: 1
}

.section-top__right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1280px) {
    .section-top__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .section-top__main {
        width: 100%
    }

    .section-top__left,
    .section-top__right {
        display: none
    }
}

.reviews {
    padding-bottom: 80px
}

.reviews__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.reviews__item {
    -webkit-box-shadow: 0px 4px 16px 0px rgba(89, 90, 112, .0784313725);
    box-shadow: 0px 4px 16px 0px rgba(89, 90, 112, .0784313725);
    padding: 40px;
    border-radius: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (auto)[3];
    grid-template-columns: repeat(3, auto);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 40px
}

@media (max-width:640px) {
    .reviews__item {
        gap: 16px;
        padding: 20px
    }
}

.reviews__item-title {
    min-width: 198px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.reviews__item-title b {
    font-weight: 400;
    color: var(--green);
    text-wrap: nowrap
}

@media (max-width:1100px) {
    .section-top_service .section-top__main {
        border-radius: 0
    }

    .reviews__item {
        -ms-grid-columns: (auto)[2];
        grid-template-columns: repeat(2, auto)
    }

    .reviews__item-title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 4px 16px;
        padding-left: 80px;
        min-width: 0
    }

    .reviews__item-content {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

@media (max-width:640px) {
    .reviews__item-title {
        padding-left: 0
    }
}

.reviews__item-name {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: clamp(20px, 18px + .4166666667vw, 24px);
    padding-left: 80px
}

.reviews__item-text {
    font-size: 16px;
    line-height: 150%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 32px
}

.reviews__item-text::before {
    content: "";
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    background: url(img/services/icon-quote.svg) center/cover no-repeat
}

@media (max-width:640px) {
    .reviews__item-name {
        padding-left: 0
    }

    .reviews__item-text::before {
        display: none
    }
}

.reviews__item-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(4px, 2px + .4166666667vw, 8px);
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-top: 48px
}

.reviews__item-rating svg {
    width: clamp(18px, 15px + .625vw, 24px);
    height: clamp(18px, 15px + .625vw, 24px)
}

.rating {
    padding: 36px 0px 40px
}

.rating__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
    gap: 12px
}

@media (max-width:960px) {
    .rating__container {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 28px 12px
    }
}

.rating__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.rating__item:hover .rating__item-image {
    background-color: #f0f0f7
}

.rating__item-image {
    height: 64px;
    width: 100%;
    position: relative;
    border-radius: 32px;
    background-color: #f6f7fb;
    overflow: hidden;
    -webkit-transition: background-color var(--trans);
    transition: background-color var(--trans)
}

.rating__item-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 120%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    mix-blend-mode: darken
}

.rating__value {
    font-size: 16px;
    font-weight: 700;
    color: var(--green)
}

.promo-item.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 520px;
    width: 100%;
    height: auto;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    pointer-events: none
}

@media (max-width:1680px) {
    .promo-item.swiper-slide {
        min-height: 440px
    }
}

@media (max-width:1100px) {
    .reviews__item-rating {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/span 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/span 1;
        margin-top: 0
    }

    .promo-item.swiper-slide {
        min-height: 340px
    }
}

@media (max-width:640px) {
    .rating__container {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .rating__item-image {
        height: 48px
    }

    .promo-item.swiper-slide {
        min-height: 284px
    }
}

.promo-item.swiper-slide-active {
    pointer-events: auto
}

.promo-item__container {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.promo-item__decor {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.promo-item__decor-draw {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
    max-width: 130px;
    position: relative
}

.promo-item__decor-draw img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.promo-item__decor-right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    height: 100%
}

.promo-item__decor-color {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    background: var(--decor-color, #c5e7ff);
    min-width: 20px
}

@media (max-width:640px) {

    .promo-item__decor-color,
    .promo-item__decor-draw,
    .promo-item__decor-right {
        display: none
    }
}

.promo-item__empty {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width:960px) {
    .promo-item__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .promo-item__empty {
        display: none
    }
}

.promo-item__decor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width:960px) {
    .promo-item__decor {
        display: none
    }
}

.promo-item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: relative
}

@media (max-width:640px) {
    .promo-item__body {
        min-height: 136px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .promo-item__body::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: 16px;
        background: var(--decor-color);
        opacity: .9;
        z-index: 2
    }
}

.promo-item__content.container {
    margin: 0;
    width: var(--container);
    position: relative;
    z-index: 1;
    padding: 64px 32px 76px
}

@media (max-width:960px) {
    .promo-item__content.container {
        width: 100%
    }
}

.promo-item__title {
    margin-bottom: 28px;
    font-size: 56px;
    max-width: 440px
}

@media (max-width:1680px) {
    .promo-item__content.container {
        padding: 56px 20px 60px
    }

    .promo-item__title {
        font-size: 48px
    }
}

@media (max-width:1100px) {
    .promo-item__content.container {
        padding: 40px 20px 44px
    }

    .promo-item__title {
        font-size: 28px
    }
}

@media (max-width:640px) {
    .promo-item__content.container {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: var(--decor-color)
    }

    .promo-item__title {
        font-size: 20px;
        padding: 24px 15px;
        margin: 0;
        background-color: var(--card-color, #55a3d6);
        max-width: 100%
    }
}

.promo-item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: -1
}

.promo-item__image img {
    height: 100%;
    width: 1210px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 0 240px 240px 0;
    overflow: hidden
}

@media (max-width:1680px) {
    .promo-item__image img {
        width: 1024px
    }
}

@media (max-width:1100px) {
    .promo-item__image img {
        width: 758px;
        border-radius: 0
    }
}

@media (max-width:640px) {
    .promo-item__image img {
        width: 100%;
        position: absolute;
        inset: 0
    }

    .promo-item__image {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        position: relative;
        height: 148px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .promo-item__color {
        display: none
    }
}

.promo-item__color {
    width: 360px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--card-color, #55a3d6)
}

@media (max-width:1680px) {
    .promo-item__color {
        width: 273px
    }
}

@media (max-width:1100px) {
    .promo-item__color {
        width: 246px
    }
}

.promo-item__btn {
    padding: 16px 28px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--btn-color, #fff);
    border: 1px solid var(--btn-color, #fff);
    border-radius: 28px;
    margin-top: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

@media (max-width:640px) {
    .promo-item__btn {
        margin-top: 12px;
        margin-left: 14px;
        margin-bottom: 16px
    }
}

.promo-item__btn:hover {
    border-color: var(--btn-color-hover, #fff);
    color: var(--btn-color-hover)
}

.promo-item__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px
}

.promo-item__list li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-left: -21px;
    font-weight: 600
}

.promo-item__list li::before {
    content: "—";
    font-size: 14px;
    color: var(--list-color, #fff)
}

@media (max-width:1100px) {
    .promo-item__btn {
        padding: 10px 20px;
        font-size: 11px
    }

    .promo-item__list li {
        font-size: 12px
    }
}

@media (max-width:640px) {
    .promo-item__list {
        display: none
    }
}

.promo-item__adreess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    font-size: 48px
}

.promo-item__adreess b {
    font-size: 24px
}

@media (max-width:1680px) {
    .promo-item__list li {
        margin-left: 0
    }

    .promo-item__adreess {
        font-size: 36px;
        gap: 24px
    }
}

@media (max-width:1100px) {
    .promo-item__adreess {
        font-size: 24px;
        gap: 16px;
        max-width: 201px
    }

    .promo-item__adreess b {
        font-size: 16px
    }
}

@media (max-width:640px) {
    .promo-item__adreess b {
        font-size: 11px
    }

    .promo-item__adreess {
        font-size: 16px;
        max-width: 100%
    }

    .promo {
        border-bottom: 1px solid #eae9f3
    }
}

.promo {
    max-width: 1920px;
    width: 100%
}

.promo__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promo__swiper.swiper {
    height: 100%;
    width: 100%
}

.promo__swiper.swiper .swiper-navigation {
    position: absolute;
    bottom: 78px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    pointer-events: none
}

@media (max-width:1680px) {
    .promo__swiper.swiper .swiper-navigation {
        bottom: 60px
    }
}

@media (max-width:780px) {
    .promo__swiper.swiper .swiper-navigation {
        display: none
    }
}

.promo__swiper.swiper .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    position: absolute;
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    pointer-events: auto
}

.promo__swiper.swiper .swiper-pagination span {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.promo__swiper.swiper .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: var(--red)
}

@media (max-width:1680px) {
    .promo__swiper.swiper .swiper-pagination {
        bottom: 79px
    }

    .promo .custom-navigation__btn {
        width: 48px;
        height: 48px
    }

    .promo .custom-navigation {
        gap: 16px
    }
}

.prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 20px;
    background: #f6f7fb
}

.prices__item {
    padding: 24px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    position: relative
}

.prices__item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eae9f3
}

.prices__item-icon {
    height: 40px;
    width: 40px
}

.prices__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.prices__item-title {
    font-weight: 700
}

.prices__item-link {
    font-size: 12px;
    color: var(--green);
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.prices__item-link:hover {
    color: var(--green-hover)
}

.portfolio {
    padding: 36px 0px 80px
}

.portfolio__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

@media (max-width:960px) {
    .portfolio__container {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.portfolio__item {
    padding: 36px 40px 64px;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .1411764706);
    box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .1411764706);
    border-radius: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.portfolio__item-title {
    margin-bottom: 28px;
    margin-top: auto;
    font-weight: 700;
    font-size: clamp(16px, 14px + .4166666667vw, 20px);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1100px) {
    .portfolio__container {
        gap: 16px
    }

    .portfolio__item {
        padding: 20px 20px 36px
    }

    .portfolio__item-title {
        margin-bottom: 16px;
        font-size: 16px;
        min-height: 72px
    }
}

@media (max-width:640px) {
    .portfolio__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .portfolio__item-title {
        min-height: 48px
    }
}

.portfolio__item-compare {
    margin-bottom: 28px
}

.portfolio__item-name b {
    color: var(--green);
    font-weight: 400
}

@media (max-width:1100px) {
    .portfolio__item-compare {
        margin-bottom: 16px
    }

    .portfolio__item-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.offers-second {
    padding-top: 36px;
    padding-bottom: 80px
}

.offers-second__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

@media (max-width:1280px) {
    .offers-second__container {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }
}

.offers-card {
    background: var(--white);
    border-radius: 32px;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .1411764706);
    box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .1411764706)
}

.offers-card__top {
    padding: 28px
}

@media (max-width:1100px) {
    .offers-card__top {
        padding: 20px 20px 16px
    }
}

.offers-card__title {
    padding: 24px 28px 48px;
    font-size: clamp(18px, 15px + .625vw, 24px);
    font-weight: 700
}

@media (max-width:1100px) {
    .offers-card__title {
        padding: 24px 20px 32px
    }
}

@media (max-width:640px) {
    .offers-second__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .offers-card__title {
        padding: 16px 20px 24px
    }
}

.offers-card__info {
    padding: 12px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    background: #f6f7fb
}

.offers-card__info-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(8px, 6px + .4166666667vw, 12px)
}

.offers-card__img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-grid-row-span: 3;
    grid-row: span 3;
    -ms-grid-column-span: 1;
    grid-column: span 1
}

@media (max-width:1100px) {
    .offers-card__info {
        padding: 16px 20px
    }

    .offers-card__img {
        width: 72px;
        height: 72px
    }
}

.offers-card__name {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: clamp(14px, 12px + .4166666667vw, 18px);
    font-weight: 700
}

.offers-card__desc {
    font-size: clamp(12px, 11px + .2083333333vw, 14px)
}

.offers-card__bottom {
    padding: 20px 28px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

.offers-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: clamp(20px, 16px + .8333333333vw, 28px);
    font-weight: 700
}

.offers-card__price b {
    font-size: clamp(14px, 12px + .4166666667vw, 18px);
    font-weight: 700;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #9493a9;
    position: relative
}

.offers-card__price b::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--red);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1100px) {
    .offers-card__bottom {
        padding: 12px 20px 20px
    }

    .offers-card__price {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px
    }

    .offers-card__price b {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.offers-card__btn {
    max-width: 225px;
    padding: 15px 28px;
    font-size: 13px;
    letter-spacing: .02em
}

@media (max-width:1100px) {
    .offers-card__btn {
        max-width: 100%;
        width: 100%
    }
}

.offers {
    background: #f6f7fb;
    padding: 52px 0px;
    overflow: hidden
}

@media (max-width:640px) {
    .offers {
        padding: 32px 0px
    }
}

.offers__title {
    margin-bottom: 32px
}

.offers__swiper.swiper {
    overflow: visible
}

.modal-thanks {
    width: 100%;
    max-width: 540px;
    background: #fff;
    border-radius: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 44px 24px 72px;
    position: relative
}

.modal-thanks__icon {
    margin-bottom: 32px
}

.modal-thanks__title {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700
}

.modal-thanks__close {
    position: absolute;
    top: 28px;
    right: 28px;
    cursor: pointer
}

.modal-thanks__close svg {
    width: 20px;
    height: 20px;
    stroke: var(--green)
}

.modal {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(27, 30, 115, .8);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal_callback .modal__content {
    padding: 0px 16px
}

.modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.modal_thanks .modal__container {
    width: calc(100% - 20px);
    max-width: 540px
}

.modal_thanks .modal__content {
    height: 100%;
    width: 100%
}

.location {
    max-width: 1920px
}

.location__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 63% 37%;
    grid-template-columns: 63% 37%;
    position: relative;
    overflow: hidden
}

.location__decor {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.location__decor::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 260px;
    width: 100%;
    height: 100%;
    background-image: url(../img/location-decor.webp)
}

.location__content {
    padding: 48px;
    background-color: #d8eaff
}

.location__content-container.container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (auto)[2];
    grid-template-columns: repeat(2, auto);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:961px) {
    .location__content-container.container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 268px;
        margin: 0
    }
}

.location__title {
    margin-bottom: 16px;
    font-size: 18px;
    color: var(--blue);
    font-weight: 700
}

@media (max-width:640px) {
    .location__content-container.container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .location__title {
        font-size: 14px
    }
}

.location__adreess {
    font-size: clamp(20px, 14px + 1.25vw, 32px);
    font-weight: 700;
    color: var(--blue);
    margin-bottom: 22px
}

@media (max-width:960px) {

    .modal_appointment .modal__container,
    .modal_appointment .modal__content {
        height: 100%;
        width: 100%
    }

    .location__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .location__decor {
        display: none
    }

    .location__content {
        padding: 24px 0px 32px
    }

    .location__title {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .location__adreess {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        max-width: 380px
    }

    .location__tel {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }
}

.location__tel {
    display: block;
    font-size: clamp(20px, 18px + .4166666667vw, 24px);
    font-weight: 700;
    color: var(--blue);
    margin-bottom: 28px
}

.location__btn {
    padding: 20px 28px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 28px
}

.location .map {
    width: 100%;
    position: relative
}

@media (max-width:960px) {
    .location__btn {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .location .map {
        height: 260px
    }
}

.info-block {
    padding: 44px 0px;
    background-image: url(img/info-block-bg.webp);
    background-size: cover;
    color: var(--white)
}

.info-block__side-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    position: absolute;
    bottom: 37px;
    left: 248px;
    z-index: 10
}

.info-block__side-pagination span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #d5d4e2;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    cursor: pointer
}

.info-block__side-pagination span.swiper-pagination-bullet-active {
    background: var(--green)
}

.info-block__card.swiper-slide {
    padding: 40px 40px 70px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 177px 1fr;
    grid-template-columns: 177px 1fr;
    gap: 30px;
    color: #25263b
}

.info-block__card-text {
    font-family: RobotoSerif;
    font-style: italic;
    line-height: 150%
}

.info-block__card-text::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url(img/services/icon-quote.svg) center/cover no-repeat;
    margin-bottom: 27px
}

@media (max-width:780px) {
    .promo__swiper.swiper .swiper-pagination {
        display: none
    }

    .info-block__side-pagination {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .info-block__card.swiper-slide {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 20px;
        padding: 20px 20px 80px
    }

    .info-block__card-text::before {
        display: none
    }

    .info-block__card-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.info-block__card-desc {
    line-height: 150%
}

.info-block__card-name {
    font-weight: 700;
    color: var(--green);
    margin-bottom: 4px
}

.info-block__card-image {
    width: 82px;
    height: 82px;
    padding: 6px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .2509803922);
    box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .2509803922);
    margin-bottom: 24px
}

.info-block__card-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%
}

@media (max-width:780px) {
    .info-block__card-image {
        margin-bottom: 0
    }
}

.info-block_slider .info-block__content.container {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.info-block_slider .info-block__container.container {
    gap: 0
}

.info-block_slider .info-block__items {
    gap: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.info-block_slider .info-block__item {
    max-width: 176px
}

.info-block_slider .info-block__item-title {
    font-size: 16px;
    max-width: 176px
}

.info-block_slider .info-block__item-text {
    max-width: 176px;
    width: 100%;
    font-size: 14px
}

.info-block_slider .info-block__side {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    background: #fff;
    border-radius: 32px;
    padding: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative
}

@media (max-width:1100px) {
    .info-block {
        padding: 0px
    }

    .info-block_slider {
        padding: 48px 0px 56px
    }

    .info-block_slider .info-block__content.container {
        padding: 0
    }

    .info-block_slider .info-block__container.container {
        width: min(var(--container), 100% - var(--gap) * 2);
        margin: 0 auto
    }

    .info-block_slider .info-block__items {
        display: none
    }

    .info-block_slider .info-block__side {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

.info-block__container.container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
    gap: 32px
}

.info-block__content.container {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.info-block__title {
    margin-bottom: 42px
}

@media (max-width:1100px) {
    .info-block__container.container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        width: 100%;
        margin: 0;
        gap: 0
    }

    .info-block__content.container {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 40px 0px
    }

    .info-block__title {
        text-align: center
    }
}

.info-block__side-navigation.custom-navigation {
    position: absolute;
    top: 40px;
    right: 40px;
    gap: 20px;
    z-index: 10
}

.info-block__side-navigation.custom-navigation .custom-navigation__btn {
    -webkit-box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .1411764706);
    box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .1411764706);
    width: 48px;
    height: 48px
}

@media (max-width:780px) {
    .info-block__side-navigation.custom-navigation {
        top: auto;
        right: 0;
        bottom: 0;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px
    }
}

.info-block__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

@media (max-width:640px) {
    .info-block__items {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 16px
    }
}

.info-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.info-block__item-image {
    height: 64px;
    width: 64px
}

.info-block__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.info-block__item-title {
    font-size: 20px;
    font-weight: 700;
    max-width: 165px
}

@media (max-width:1280px) {
    .info-block__item-title {
        font-size: 18px;
        max-width: 100%
    }
}

@media (max-width:1100px) {
    .info-block__item-title {
        font-size: 16px
    }
}

.info-block__item-text {
    color: var(--light-blue);
    font-size: 14px;
    line-height: 20px
}

@media (max-width:1440px) {
    .info-block__item-text {
        font-size: 12px
    }
}

@media (max-width:640px) {
    .info-block__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px
    }

    .info-block__item-image {
        height: 48px;
        width: 48px
    }

    .info-block__item-text {
        display: none
    }
}

.info-block__side {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    padding: 48px 48px 32px;
    background: rgba(82, 158, 248, .5);
    border-radius: 32px 32px 82px 0px
}

.info-block__form.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-block__form.container .custom-input {
    margin-bottom: 16px
}

@media (min-width:1101px) {

    .info-block__content.container,
    .info-block__form.container,
    .info-block__side {
        width: 100%;
        margin: 0
    }
}

@media (max-width:1100px) {
    .info-block__side {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 28px 0px;
        border-radius: 0px
    }

    .info-block__form.container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 24px 16px
    }

    .info-block__form.container .custom-input {
        margin-bottom: 0
    }
}

.info-block__form-btn {
    padding: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 179, 203, .3019607843);
    box-shadow: 0px 8px 16px 0px rgba(0, 179, 203, .3019607843);
    line-height: 20px;
    min-height: 56px;
    border-radius: 28px;
    margin-bottom: 24px
}

@media (max-width:780px) {
    .info-block__form.container {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .info-block__form-btn,
    .info-block__form.container .custom-input {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

.info-block__form-text {
    font-size: 11px;
    line-height: 16px
}

.info-block__form-text a {
    color: var(--green)
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 10
}

.header.is-scroll .header__container {
    -ms-grid-rows: 0fr -webkit-max-content;
    -ms-grid-rows: 0fr max-content;
    grid-template-rows: 0fr -webkit-max-content;
    grid-template-rows: 0fr max-content
}

.header.is-scroll:not(.is-open) .header__main {
    -webkit-box-shadow: 0px 4px 16px 0px rgba(89, 90, 112, .0784313725);
    box-shadow: 0px 4px 16px 0px rgba(89, 90, 112, .0784313725)
}

.header.is-scroll .header__logo {
    height: 40px
}

@media (max-width:1100px) {
    .info-block__form-btn {
        margin-bottom: 0
    }

    .info-block__form-text {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }

    .header.is-scroll .header__logo {
        height: 36px
    }
}

@media (max-width:1100px) and (min-width:641px) {
    .header.is-open {
        background-color: rgba(234, 233, 243, .5)
    }
}

.header.is-open .header__burger-icon span:nth-child(2) {
    opacity: 0
}

.header.is-open .header__burger-icon span:nth-child(1) {
    top: 50%;
    left: 7px;
    width: 22px;
    -webkit-transform: rotate(45deg) translateY(-50%) translateX(0%);
    -ms-transform: rotate(45deg) translateY(-50%) translateX(0%);
    transform: rotate(45deg) translateY(-50%) translateX(0%)
}

@media (max-width:480px) {
    .header.is-open .header__burger-icon span:nth-child(1) {
        left: -1px
    }
}

.header.is-open .header__burger-icon span:nth-child(3) {
    top: 50%;
    left: 8px;
    width: 22px;
    -webkit-transform: rotate(-45deg) translateX(0%) translateY(-50%);
    -ms-transform: rotate(-45deg) translateX(0%) translateY(-50%);
    transform: rotate(-45deg) translateX(0%) translateY(-50%)
}

.header.is-open .header__mobile-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.header__btn-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 24px;
    margin-left: 28px;
    margin-bottom: 24px
}

@media (min-width:641px) {

    .header__btn-mobile,
    .header__btn.btn-green svg {
        display: none
    }
}

.header__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr -webkit-max-content;
    -ms-grid-rows: 1fr max-content;
    grid-template-rows: 1fr -webkit-max-content;
    grid-template-rows: 1fr max-content;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    pointer-events: all;
    background-color: var(--white)
}

.header__top-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(auto, 25%) auto -webkit-max-content -webkit-max-content;
    -ms-grid-columns: minmax(auto, 25%) auto max-content max-content;
    grid-template-columns: minmax(auto, 25%) auto -webkit-max-content -webkit-max-content;
    grid-template-columns: minmax(auto, 25%) auto max-content max-content;
    padding: 12px 0px
}

@media (max-width:1680px) {
    .header__top-container {
        -ms-grid-columns: minmax(auto, 20%) auto -webkit-max-content -webkit-max-content;
        -ms-grid-columns: minmax(auto, 20%) auto max-content max-content;
        grid-template-columns: minmax(auto, 20%) auto -webkit-max-content -webkit-max-content;
        grid-template-columns: minmax(auto, 20%) auto max-content max-content
    }
}

.header__top {
    border-bottom: 1px solid #eae9f3;
    overflow: hidden
}

@media (max-width:1280px) {
    .header__top {
        display: none
    }
}

.header__top-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit
}

.header__top-link svg {
    width: 20px;
    height: 20px;
    fill: transparent;
    stroke: var(--green)
}

.header__call {
    font-weight: 700;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.header__address {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.header__schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.header__schedule li {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 11px;
    line-height: 150%
}

.header__schedule li:has(b) {
    text-transform: none
}

.header__schedule li:has(b) b {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 11px;
    color: var(--red)
}

@media (max-width:1100px) {
    .header__top-link svg {
        stroke: var(--blue)
    }

    .header__call {
        margin-bottom: 20px;
        font-size: 18px
    }

    .header__address {
        margin-bottom: 8px;
        font-size: 11px
    }

    .header__schedule {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-bottom: 16px;
        padding-left: 28px
    }
}

.header__link-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-left: 32px
}

.header__link-icon {
    width: 20px;
    height: 20px
}

.header__link-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.header__main-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(auto, 25%) auto -webkit-max-content;
    -ms-grid-columns: minmax(auto, 25%) auto max-content;
    grid-template-columns: minmax(auto, 25%) auto -webkit-max-content;
    grid-template-columns: minmax(auto, 25%) auto max-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media (max-width:1280px) {
    .header__main-container {
        gap: 32px
    }
}

@media (max-width:1100px) {
    .header__link-icons {
        padding-left: 28px;
        margin-left: 0
    }

    .header__link-icon {
        width: 28px;
        height: 28px
    }

    .header__main-container {
        padding: 16px 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header__logo {
    width: auto;
    height: 48px;
    -webkit-transition: height var(--trans);
    transition: height var(--trans)
}

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

@media (max-width:1100px) {
    .header__logo {
        height: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@media (max-width:780px) {
    .info-block__form-text {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        text-align: center
    }

    .header.is-scroll .header__logo {
        height: 28px
    }

    .header__logo {
        height: 36px
    }
}

.header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

@media (max-width:1680px) {
    .header__main-container {
        -ms-grid-columns: minmax(auto, 20%) auto -webkit-max-content;
        -ms-grid-columns: minmax(auto, 20%) auto max-content;
        grid-template-columns: minmax(auto, 20%) auto -webkit-max-content;
        grid-template-columns: minmax(auto, 20%) auto max-content
    }

    .header__list {
        gap: 16px
    }
}

@media (max-width:1100px) {
    .header__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 12px
    }
}

.header__list-item>a {
    font-size: 15px;
    font-weight: 700;
    text-wrap: nowrap;
    padding: 28px 0px 32px;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    line-height: 20px;
    border-bottom: 3px solid transparent
}

@media (max-width:1100px) {
    .header__list-item>a {
        padding: 0px 0px 0px 28px
    }

    .header__list-item>a::before {
        content: "";
        width: 16px;
        height: 1.5px;
        background-color: var(--blue);
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .header__list-item {
        width: 100%
    }
}

.header__accordeon {
    position: relative
}

@media (min-width:1101px) {
    .header__list-item:hover>a {
        color: var(--green)
    }

    .header__accordeon:hover>a img {
        -webkit-transform: rotate(180deg) translateY(-25%);
        -ms-transform: rotate(180deg) translateY(-25%);
        transform: rotate(180deg) translateY(-25%)
    }

    .header__accordeon:hover>a {
        border-color: var(--green)
    }
}

.header__accordeon>a {
    border-bottom: 3px solid transparent
}

@media (max-width:1100px) {
    .header__accordeon {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: -webkit-max-content 0fr;
        -ms-grid-rows: max-content 0fr;
        grid-template-rows: -webkit-max-content 0fr;
        grid-template-rows: max-content 0fr;
        -webkit-transition: grid-template-rows var(--trans);
        transition: grid-template-rows var(--trans);
        transition: grid-template-rows var(--trans), -ms-grid-rows var(--trans)
    }

    .header__accordeon.active {
        -ms-grid-rows: -webkit-max-content 1fr;
        -ms-grid-rows: max-content 1fr;
        grid-template-rows: -webkit-max-content 1fr;
        grid-template-rows: max-content 1fr
    }

    .header__accordeon.active .header__accordeon-list {
        padding-top: 8px
    }

    .header__accordeon.active .header__accordeon-btn img {
        -webkit-transform: rotate(180deg) translateY(-25%);
        -ms-transform: rotate(180deg) translateY(-25%);
        transform: rotate(180deg) translateY(-25%)
    }
}

.header__accordeon:hover .header__accordeon-list {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.header__accordeon-list {
    position: absolute;
    top: 100%;
    left: -24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    padding: 24px 24px 32px;
    background-color: var(--white);
    border-radius: 0px 12px 12px;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(89, 90, 112, .0784313725);
    box-shadow: 0px 4px 16px 0px rgba(89, 90, 112, .0784313725);
    min-width: 209px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.header__accordeon-link {
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: color var(--trans);
    transition: color var(--trans);
    line-height: 20px
}

.header__accordeon-link:hover {
    color: var(--green)
}

.header__accordeon-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.header__accordeon-btn img {
    width: 8px;
    height: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform var(--trans);
    transition: -webkit-transform var(--trans);
    transition: transform var(--trans);
    transition: transform var(--trans), -webkit-transform var(--trans)
}

@media (max-width:1100px) {
    .header__accordeon-list {
        position: static;
        left: 0;
        padding: 0px 0px 4px 28px;
        border-radius: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: none;
        background-color: transparent;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        overflow: hidden
    }

    .header__accordeon-btn img {
        width: 12px;
        height: 14px
    }
}

.header__btn.btn-green {
    padding: 6px 24px;
    line-height: 24px;
    font-size: 12px;
    max-width: 171px;
    width: 100%
}

.header__btn.btn-green svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: var(--green)
}

@media (max-width:640px) {
    .info-block__form-btn {
        margin-top: 8px
    }

    .header__logo {
        height: 32px
    }

    .header__btn.btn-green {
        background: 0 0;
        padding: 0;
        width: auto
    }

    .header__btn.btn-green span {
        display: none
    }
}

.header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    color: var(--green);
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 11px;
    font-weight: 700
}

@media (max-width:480px) {
    .header.is-open .header__burger-icon span:nth-child(3) {
        left: 0px
    }

    .header__burger span {
        display: none
    }
}

@media (min-width:1101px) {
    .header__burger {
        display: none
    }
}

.header__burger-icon {
    width: 36px;
    height: 36px;
    background-color: #f6f7fb;
    border-radius: 100%;
    position: relative
}

.header__burger-icon span {
    display: block;
    height: 2px;
    width: 16px;
    background-color: var(--green);
    border-radius: 1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.header__burger-icon span:nth-child(1) {
    top: 11px;
    left: 50%
}

@media (max-width:480px) {
    .header__burger-icon span {
        width: 20px
    }

    .header__burger-icon span:nth-child(1) {
        top: 3px
    }
}

.header__burger-icon span:nth-child(2) {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.header__burger-icon span:nth-child(3) {
    bottom: 11px;
    left: 50%
}

@media (max-width:480px) {
    .header__burger-icon span:nth-child(3) {
        bottom: 3px
    }

    .header__burger-icon {
        height: 20px;
        width: 20px;
        background-color: transparent
    }
}

.header__mobile-menu {
    display: none
}

@media (max-width:1100px) {
    .header__mobile-menu {
        display: block;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(89, 90, 112, .0784313725);
        box-shadow: 0px 4px 16px 0px rgba(89, 90, 112, .0784313725);
        background-color: var(--white);
        border-radius: 0px 0px 16px 16px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: var(--trans);
        transition: var(--trans)
    }
}

@media (max-width:640px) {
    .header__mobile-menu {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.header__mobile-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 0px 36px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 28px
}

.header__mobile-column_left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header__mobile-column_right {
    max-width: 248px
}

.footer {
    background-color: #f2f8ff;
    padding: 60px 0px
}

@media (max-width:640px) {
    .footer {
        padding: 32px 0px 48px
    }
}

.footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 44px
}

.footer__top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto minmax(auto, 424px);
    grid-template-columns: auto minmax(auto, 424px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

@media (max-width:1100px) {
    .footer__top {
        -ms-grid-columns: auto minmax(auto, 554px);
        grid-template-columns: auto minmax(auto, 554px);
        gap: 20px
    }
}

@media (max-width:960px) {
    .footer__top {
        -ms-grid-columns: auto minmax(auto, 448px);
        grid-template-columns: auto minmax(auto, 448px)
    }
}

@media (max-width:780px) {
    .footer__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer__logo {
    height: 48px
}

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

@media (max-width:1100px) {
    .footer__logo {
        height: 40px
    }
}

.footer__form {
    width: 100%;
    border-radius: 28px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: var(--white);
    -webkit-box-shadow: 0px 8px 20px 0px rgba(175, 212, 255, .1019607843);
    box-shadow: 0px 8px 20px 0px rgba(175, 212, 255, .1019607843);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px;
    height: 56px
}

.footer__label {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.footer__label input {
    width: 100%;
    height: 100%;
    padding: 0px 8px 0px 24px;
    outline: 0;
    border: none;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.footer__label input.is-input {
    font-size: 20px;
    font-weight: 700
}

.footer__form-btn {
    max-width: 175px;
    width: 100%;
    font-size: 12px;
    color: var(--green);
    padding: 16px 22px;
    border-radius: 28px;
    border: 2px solid var(--green);
    font-weight: 700;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.footer__form-btn:hover {
    border-color: var(--green-hover);
    color: var(--green-hover)
}

.footer__main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(auto, 25%) auto auto 424px;
    grid-template-columns: minmax(auto, 25%) auto auto 424px;
    gap: 25px
}

@media (max-width:1680px) {
    .footer__main {
        -ms-grid-columns: minmax(auto, 20%) auto auto 412px;
        grid-template-columns: minmax(auto, 20%) auto auto 412px
    }
}

@media (max-width:1100px) {
    .footer__main {
        -ms-grid-columns: minmax(auto, 20%) auto auto 304px;
        grid-template-columns: minmax(auto, 20%) auto auto 304px
    }
}

@media (max-width:960px) {
    .footer__main {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:780px) {
    .footer__main {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .footer__column:nth-child(1) {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

@media (max-width:640px) {
    .footer__label input {
        font-size: 14px
    }

    .footer__column:nth-child(1) {
        display: block;
        padding: 0 20px
    }

    .footer__column {
        display: none
    }
}

.footer__column-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 32px;
    font-size: 20px;
    font-weight: 700
}

@media (max-width:1100px) {
    .footer__column-title {
        font-size: 16px
    }
}

.footer__column-text {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 28px;
    line-height: 20px
}

.footer__column-text b {
    color: var(--green);
    font-weight: 400
}

@media (max-width:1100px) {
    .footer__column-text {
        font-size: 12px;
        gap: 16px
    }
}

.footer__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.footer__contact:hover {
    color: var(--green-hover)
}

.footer__contact svg {
    width: 20px;
    height: 20px;
    fill: transparent;
    stroke: var(--neutral)
}

@media (max-width:1100px) {
    .footer__contact {
        font-size: 18px
    }
}

.footer__contact-mail {
    margin-bottom: 32px;
    color: var(--green);
    position: relative
}

.footer__contact-mail span {
    position: relative
}

.footer__contact-mail span::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--green);
    position: absolute;
    left: 0;
    bottom: -4px;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.footer__shedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    font-size: 14px
}

.footer__shedule b {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 400
}

.footer__shedule b span {
    color: #b6b5c8
}

.footer__shedule p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.footer__column-list .footer__column-title {
    padding-left: 21px
}

.footer__list {
    max-width: 195px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.footer__list a {
    color: var(--green);
    -webkit-transition: color var(--trans);
    transition: color var(--trans);
    font-size: 14px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    line-height: 20px
}

.footer__list a::before {
    content: "—";
    font-size: 14px;
    color: var(--neutral)
}

.footer__list a:hover {
    color: var(--green-hover)
}

@media (max-width:1100px) {
    .footer__shedule {
        font-size: 12px
    }

    .footer__list a {
        font-size: 13px;
        line-height: 18px
    }
}

.footer__btn-all.btn {
    margin-top: 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 8px 12px 8px 20px;
    background-color: var(--white);
    border-radius: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    font-weight: 700;
    color: var(--green);
    -webkit-transition: color var(--trans);
    transition: color var(--trans)
}

.footer__btn-all.btn:hover {
    color: var(--green-hover)
}

.footer__btn-all.btn img {
    width: 10px;
    height: 10px
}

.footer__blog-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
}

@media (max-width:960px) {
    .footer__column-blog {
        display: none
    }
}

.cookies {
    max-width: 990px;
    width: calc(100% - 20px);
    background: rgba(89, 90, 112, .95);
    position: fixed;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
    padding: 16px 40px 24px 24px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@media (max-width:640px) {
    .cookies {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px
    }
}

.cookies.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.cookies__text {
    line-height: 150%;
    width: 100%;
    color: #fff
}

.cookies__text a {
    color: #b6b5c8
}

.cookies__btn {
    padding: 6px 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    line-height: 170%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cookies__close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer
}

.cookies__close svg {
    width: 16px;
    height: 16px;
    stroke: var(--green);
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.cookies__close:hover svg {
    stroke: var(--green-hover)
}

.container {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: min(var(--container), 100% - var(--gap) * 2)
}

.container_abs {
    position: absolute;
    left: max(var(--gap), (100% - var(--container)) / 2)
}

.container_right {
    width: min(100% - var(--gap), 100% - (100% - var(--container)) / 2);
    margin-right: unset
}

.container_left {
    width: min(100% - var(--gap), 100% - (100% - var(--container)) / 2);
    margin-left: unset
}

.container__half {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: min(var(--container) / 2, 50%)
}

.container__full {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: min(var(--container), 100%)
}

.contacts {
    padding-top: 24px;
    padding-bottom: 80px
}

.contacts__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 12px
}

.contacts__card {
    border-radius: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contacts__card_info {
    background-color: #f2f8ff;
    padding: 36px 64px
}

.contacts__card_info .contacts__card-title {
    margin-bottom: 52px
}

@media (max-width:960px) {
    .contacts__card_info .contacts__card-title {
        margin-bottom: 24px
    }
}

.contacts__card_form {
    background-color: #d8eaff;
    padding: 36px 100px 48px
}

.contacts__card_form .contacts__card-title {
    margin-bottom: 40px
}

@media (max-width:1280px) {
    .contacts__card {
        padding: 40px
    }
}

@media (max-width:960px) {
    .contacts__card_form .contacts__card-title {
        margin-bottom: 28px
    }

    .contacts__card {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .appointment_callback .appointment__top {
        padding: 52px 32px 16px
    }
}

@media (max-width:640px) {
    .contacts__card {
        padding: 32px 20px
    }
}

.contacts__schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    gap: 4px 12px;
    padding-left: 32px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contacts__schedule li {
    text-transform: uppercase;
    letter-spacing: .05em
}

.contacts__schedule li:has(b) {
    text-transform: none
}

.contacts__schedule li:has(b) b {
    color: var(--red);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .05em
}

.contacts__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    font-weight: 700;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.contacts__contact svg {
    width: 20px;
    height: 20px;
    stroke: var(--green);
    fill: transparent;
    -webkit-transition: stroke var(--trans);
    transition: stroke var(--trans)
}

.contacts__contact_mail {
    color: var(--green)
}

.contacts__contact_mail span {
    position: relative
}

.contacts__contact_mail span::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--green);
    position: absolute;
    left: 0;
    bottom: -4px;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.contacts__contact:hover {
    color: var(--green-hover)
}

.contacts__contact:hover svg {
    stroke: var(--green-hover)
}

.contacts__card-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px;
    margin-bottom: 24px
}

.contacts__socials-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.contacts__socials-item img {
    width: 36px;
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover
}

.contacts__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
    margin-top: auto
}

@media (max-width:1100px) {
    .contacts__contact {
        font-size: 16px
    }

    .contacts__socials-item img {
        width: 32px;
        height: 32px
    }

    .contacts__socials {
        gap: 16px
    }
}

.contacts__card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
    margin-top: auto
}

.contacts__card-bottom b {
    font-size: 16px
}

@media (max-width:1100px) {
    .contacts__card-bottom {
        gap: 20px
    }

    .contacts__card-bottom b {
        font-size: 14px
    }
}

@media (max-width:640px) {
    .contacts__card-bottom {
        display: none
    }
}

.contacts__form-btn {
    padding: 20px 28px;
    border-radius: 28px
}

.contacts__form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.contacts__form-bottom p {
    font-size: 12px;
    max-width: 303px
}

.contacts__form-bottom p a {
    color: var(--blue)
}

@media (max-width:640px) {
    .contacts__form-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts__form-bottom .btn {
        width: 100%
    }
}

.contacts__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.contacts__card-title {
    font-size: clamp(20px, 16px + .8333333333vw, 28px)
}

.contacts__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.contacts__map {
    overflow: hidden;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    height: 390px;
    border-radius: 32px
}

@media (max-width:640px) {
    .contacts__map {
        height: 260px;
        border-radius: 0px;
        margin-left: -20px;
        width: calc(100% + 40px)
    }
}

.compare {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden
}

.compare__image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.compare__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.compare__image--after {
    clip-path: inset(0 0 0 50%)
}

.compare__divider {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    border-left: 2px solid #fff;
    pointer-events: none
}

.compare__handle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    max-width: none;
    cursor: pointer
}

.blog {
    padding-top: 48px;
    padding-bottom: 80px
}

.blog__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

@media (max-width:1100px) {
    .blog__container {
        gap: 16px;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:640px) {
    .blog__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.b-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px
}

.b-card__img {
    width: 104px;
    height: 72px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px 8px 32px 0px
}

.b-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.b-card__date {
    font-size: 14px;
    color: #77758d;
    line-height: 20px
}

.b-card__title {
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: color var(--trans);
    transition: color var(--trans)
}

.b-card:hover .b-card__title {
    color: var(--green)
}

.articles {
    padding: 53px 0px 63px;
    overflow: hidden;
    border-top: 1px solid #eae9f3;
    border-bottom: 1px solid #eae9f3
}

@media (min-width:1281px) {
    .articles_protesis {
        display: none
    }
}

.articles__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.articles__title {
    margin-bottom: 44px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.articles__swiper.swiper {
    overflow: visible;
    max-width: 100%;
    margin-bottom: 48px;
    width: 100%
}

.articles .swiper-slide {
    height: auto
}

.articles__btn {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--green);
    font-weight: 700;
    position: relative;
    -webkit-transition: color var(--trans);
    transition: color var(--trans)
}

.articles__btn::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--green);
    position: absolute;
    left: 0;
    bottom: -4px;
    -webkit-transition: all var(--trans);
    transition: all var(--trans)
}

.articles__btn:hover {
    color: var(--green-hover)
}

.articles__btn:hover::after {
    background-color: var(--green-hover)
}

.articles__round {
    position: absolute;
    top: 0px;
    right: 44px;
    width: 140px;
    height: 140px;
    z-index: 2
}

.appointment {
    max-width: 744px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    border-radius: 32px;
    overflow: visible;
    position: relative
}

.appointment_callback .appointment__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 32px
}

.appointment_callback .appointment__inputs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%
}

.appointment_callback .appointment__inputs .custom-input input {
    background: #f0f0f7
}

@media (max-width:780px) {
    .articles__round {
        display: none
    }

    .appointment_callback .appointment__inputs {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.appointment_callback .appointment__bottom {
    padding: 24px 56px 48px
}

@media (max-width:960px) {
    .appointment_callback .appointment__bottom {
        padding: 16px 32px 28px
    }

    .appointment_callback .appointment__close {
        position: absolute;
        right: 20px;
        left: auto;
        top: 20px;
        width: 20px;
        height: 20px;
        background: 0 0;
        border-radius: 0
    }

    .appointment_callback .appointment__close svg {
        width: 100%;
        height: 100%;
        stroke: var(--green)
    }

    .appointment:not(.appointment_callback) {
        max-width: 100%;
        width: 100%;
        border-radius: 0;
        min-height: 100%
    }

    .appointment:not(.appointment_callback) .appointment__body {
        padding: 56px 16px 16px
    }

    .appointment:not(.appointment_callback) .appointment__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 0;
        margin-bottom: 20px;
        border-bottom: 0
    }

    .appointment:not(.appointment_callback) .appointment__close {
        position: fixed;
        right: 16px;
        top: 16px;
        width: 48px;
        height: 48px;
        left: auto
    }
}

.appointment__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100vh;
    overflow-y: auto
}

.appointment__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0px;
    padding: 48px 56px 24px;
    border-bottom: 1px solid #eae9f3
}

.appointment__title {
    font-size: clamp(20px, 16px + .8333333333vw, 28px)
}

.appointment__title b {
    color: var(--green)
}

.appointment__main {
    padding: 24px 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px
}

.appointment__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(44px, auto) 1fr;
    grid-template-columns: minmax(44px, auto) 1fr;
    gap: 20px
}

@media (max-width:960px) {
    .appointment__main {
        gap: 20px;
        padding: 0;
        margin-bottom: 32px
    }

    .appointment__row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 4px
    }
}

.appointment__row-title {
    padding-top: 5px;
    font-size: 14px;
    color: #25263b
}

.appointment__row:nth-child(1) .appointment__row-name {
    font-size: clamp(16px, 15px + .2083333333vw, 18px)
}

.appointment__row:nth-child(2) .appointment__row-name {
    font-size: clamp(20px, 18px + .4166666667vw, 24px)
}

.appointment__row-name {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.appointment__row-name>b {
    font-weight: 400;
    font-size: 14px
}

.appointment__price {
    font-size: 28px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.appointment__price b {
    color: #9493a9;
    font-size: 18px;
    position: relative
}

.appointment__price b::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: var(--red)
}

@media (max-width:960px) {
    .appointment__row-title {
        padding-top: 0
    }

    .appointment__price {
        margin-top: 20px
    }
}

@media (min-width:961px) {
    .appointment__form.service-container__section-container.service-container__form-section {
        border-radius: 0px 0px 32px 32px;
        padding-top: 32px
    }

    .appointment__form.service-container__section-container.service-container__form-section .service-container__section-title {
        display: none
    }
}

.appointment__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00a9b4;
    border-radius: 100%;
    width: 64px;
    height: 64px;
    cursor: pointer;
    -webkit-transition: all var(--trans);
    transition: all var(--trans);
    position: absolute;
    top: 0;
    left: calc(100% + 20px)
}

.appointment__close svg {
    width: 20px;
    height: 20px;
    stroke: #fff
}

.appointment__close:hover {
    background-color: var(--green-hover)
}

.advantages {
    padding: 46px 0px
}

@media (max-width:1680px) {
    .advantages {
        padding: 36px 0px
    }
}

@media (max-width:1100px) {
    .advantages {
        padding: 32px 0px
    }
}

@media (max-width:640px) {
    .advantages {
        display: none
    }
}

.advantages__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr)
}

.advantages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 30px
}

@media (max-width:1100px) {
    .advantages__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        padding: 0
    }
}

.advantages__item-icon {
    width: 92px;
    height: 92px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.advantages__item-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.advantages__item-text {
    font-size: 16px;
    font-weight: 700
}

.accordeon {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: -webkit-max-content 0fr;
    -ms-grid-rows: max-content 0fr;
    grid-template-rows: -webkit-max-content 0fr;
    grid-template-rows: max-content 0fr;
    -webkit-transition: grid-template-rows var(--trans);
    transition: grid-template-rows var(--trans);
    transition: grid-template-rows var(--trans), -ms-grid-rows var(--trans)
}

.accordeon.active {
    -ms-grid-rows: -webkit-max-content 1fr;
    -ms-grid-rows: max-content 1fr;
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr
}

.accordeon__btn {
    cursor: pointer
}

.accordeon:not(.active) .accordeon__content {
    padding-top: 0px;
    padding-bottom: 0px
}

.accordeon__content {
    overflow: hidden;
    -webkit-transition: padding var(--trans);
    transition: padding var(--trans)
}

.about {
    padding-top: 56px;
    padding-bottom: 68px
}

.about__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 472px;
    grid-template-columns: 1fr 472px;
    gap: 120px
}

@media (max-width:1100px) {
    .advantages__item-icon {
        width: 68px;
        height: 68px
    }

    .about__container {
        -ms-grid-columns: 1fr 248px;
        grid-template-columns: 1fr 248px
    }
}

@media (max-width:780px) {
    .about__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 0
    }
}

.about__title {
    font-size: clamp(20px, 12px + 1.6666666667vw, 36px);
    margin-bottom: 28px
}

.about__text {
    font-size: 16px;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.about__image {
    width: 100%;
    aspect-ratio: 472/323;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 32px 32px 120px 0px
}

@media (max-width:1100px) {
    .about__image {
        border-radius: 16px 16px 60px 0px
    }
}

@media (max-width:780px) {
    .about__image {
        display: none
    }
}

.a-card {
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .1411764706);
    box-shadow: 0px 4px 20px 0px rgba(89, 90, 112, .1411764706);
    border-radius: 32px;
    overflow: hidden;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.a-card__img {
    aspect-ratio: 464/301;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 464;
    border-radius: 32px 32px 80px 0px
}

@media (max-width:640px) {
    .about__text {
        font-size: 14px
    }

    .a-card__img {
        border-radius: 20px 20px 56px 0px
    }
}

.a-card__body {
    padding: clamp(24px, 22px + .4166666667vw, 28px) clamp(20px, 12px + 1.6666666667vw, 36px) clamp(32px, 30px + .4166666667vw, 36px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.a-card__date {
    margin-bottom: 12px;
    font-size: 12px;
    color: #77758d;
    font-weight: 400;
    display: block
}

.a-card__title {
    font-weight: 700;
    font-size: clamp(18px, 17px + .2083333333vw, 20px);
    margin-bottom: 12px;
    -webkit-transition: color var(--trans);
    transition: color var(--trans)
}

.a-card__title:hover {
    color: var(--green)
}

.a-card__text {
    margin-bottom: 20px;
    line-height: 150%
}

@media (max-width:640px) {
    .a-card__text {
        font-size: 14px
    }
}

.a-card__btn {
    padding-top: 24px;
    border-top: 1px solid #eae9f3;
    margin-top: auto;
    font-size: 12px;
    color: var(--green);
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
    -webkit-transition: color var(--trans);
    transition: color var(--trans)
}

.a-card__btn:hover {
    color: var(--green-hover)
}

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

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

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

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

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

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

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

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

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

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

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
    transform-style: preserve-3d
}

&.swiper-horizontal {
    scroll-snap-type: x mandatory
}

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

.swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

/*@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}*/

#__bs_notify__ {
    background-color: rgba(27, 32, 50, .4) !important;
    color: rgba(250, 250, 250, .6) !important
}

@font-face {
    font-family: rawline;
    src: url(fonts/rawline-600.woff) format("woff"), url(fonts/rawline-600.woff2) format("woff2"), url(fonts/rawline-600.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: rawline;
    src: url(fonts/rawline-700.woff) format("woff"), url(fonts/rawline-700.woff2) format("woff2"), url(fonts/rawline-700.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: rawline;
    src: url(fonts/rawline-400.woff) format("woff"), url(fonts/rawline-400.woff2) format("woff2"), url(fonts/rawline-400.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: RobotoSerif;
    src: url(fonts/RobotoSerif-Regular.woff) format("woff"), url(fonts/RobotoSerif-Regular.woff2) format("woff2"), url(fonts/RobotoSerif-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

footer,
header,
section {
    width: 100%
}

body,
html {
    background-color: var(--background);
    font-size: var(--size);
    color: var(--neutral);
    font-family: rawline, sans-serif;
    font-variant-numeric: lining-nums proportional-nums;
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-style: normal;
    line-height: 1.2;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    width: 100%
}

body.scroll-padlock .header {
    padding-right: var(--scrollbar-width)
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: auto
}

.sprite {
    display: none
}

em {
    font-style: italic
}

strong {
    font-weight: 700
}

.mb1 {
    margin-bottom: 100px
}

.mb2 {
    margin-bottom: 80px
}

.mb3 {
    margin-bottom: 60px
}

.mb4 {
    margin-bottom: 40px
}

.mb5 {
    margin-bottom: 30px
}

@media (max-width:960px) {
    .mb1 {
        margin-bottom: 80px
    }

    .mb2 {
        margin-bottom: 60px
    }

    .mb3 {
        margin-bottom: 40px
    }

    .mb4 {
        margin-bottom: 30px
    }

    .mb5 {
        margin-bottom: 20px
    }
}

@media (max-width:480px) {
    .mb1 {
        margin-bottom: 60px
    }

    .mb2 {
        margin-bottom: 40px
    }

    .mb3 {
        margin-bottom: 30px
    }

    .mb4 {
        margin-bottom: 20px
    }

    .mb5 {
        margin-bottom: 15px
    }
}