@font-face {
    font-family: Onest;
    src: url(../fonts/Onest-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Onest;
    src: url(../fonts/Onest-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Onest;
    src: url(../fonts/Onest-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Onest;
    src: url(../fonts/Onest-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Inter;
    src: url(../fonts/Inter-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Onest;
    src: url(../fonts/Onest-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 320px;
}
.container {
    width: 100%;
    max-width: 1452px;
    padding: 0 26px;
    margin: 0 auto;
}
.list-reset {
    list-style: none;
}
a {
    text-decoration: none;
    cursor: pointer;
}
button{
    cursor: pointer;
}
body {
    background-color: var(--page-bg);
}
.extra-page .big-lines {
    opacity: 0.2;
}
body.stop-scroll {
    overflow: hidden;
}
input {
    outline: none;
    color: var(--text-color) !important;
}
html {
    font-family: Onest;
    font-size: 18px;
    line-height: 120%;
    -webkit-tap-highlight-color: transparent;
}
html.lenis {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
.cities {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: grid;
    place-items: center;
    background: #00000080;
    z-index: 200;
    padding: 20px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.cities.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all 0.3s;
}
.cities__modal {
    width: 100%;
    max-width: 1000px;
    background: var(--page-bg);
    border-radius: 20px;
    padding: 27px 30px 40px;
    position: relative;
}
.cities__close {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 25px;
    height: 25px;
    border: none;
    background: transparent;
    cursor: pointer;
}
.cities__close svg {
    width: 100%;
    height: 100%;
}
.cities__head h3 {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.35px;
    color: var(--primary-color);
}
.cities__inner {
    margin-top: 20px;
}
.cities__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    row-gap: 5px;
}
.cities__list li a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.28px;
    color: var(--text-color2);
    transition: 0.2s;
}
.cities__list li a:hover {
    color: var(--accent-color);
}
@media (max-width: 650px) {
    .cities__head h3 {
        font-size: 24px;
    }
    .cities__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 400px) {
    .cities__head h3 {
        font-size: 20px;
    }
}
@media (max-width: 500px) {
    .cities__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
.form {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #080a1d40;
    z-index: 200;
    display: grid;
    place-items: center;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
}
.form.is-open {
    opacity: 1;
    visibility: visible;
    transition: all 0.4s;
}
.form__modal {
    width: 100%;
    max-width: 500px;
    background-color: var(--page-bg);
    padding: 40px 60px 40px;
    border-radius: 20px;
    position: relative;
    overflow-y: auto;
}
.form__modal-close {
    position: absolute;
    right: 53px;
    top: 39px;
    background: none;
    border: none;
    cursor: pointer;
}
.form__modal.hidden {
    display: none;
}
.form__modal-head-title {
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.35px;
    color: var(--primary-color);
    max-width: 331px;
}
.form__modal-head p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--text-color2);
    margin-top: 28px;
}
.form__modal-inner {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}
.form__group {
    display: flex;
    flex-direction: column;
}
.form__group input {
    width: 100%;
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
    padding: 23px 33px;
    background-color: var(--input-bg);
    border: 1px solid var(--secondary2);
}
.form__group-note {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.24px;
    color: var(--secondary1);
    margin-top: 7px;
}
.form__modal-btn {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.4px;
    padding: 20px;
    width: 100%;
    border: none;
    border-radius: 4px;
    background-color: var(--accent-color);
    margin-top: 28px;
    color: var(--secondary-color);
    transition: all 0.2s;
    cursor: pointer;
}
.form__modal-btn:hover {
    box-shadow: 0 0 10px var(--accent-color);
}
.form__agreement {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.28px;
    color: var(--secondary1);
    text-align: center;
    max-width: 333px;
    margin: 11px auto 0;
}
.form__thank {
    width: 100%;
    max-width: 681px;
    background-color: var(--page-bg);
    border-radius: 20px;
    min-height: 390px;
    padding-left: 118px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 108px;
    position: relative;
}
.form__thank.hidden {
    display: none;
}
.form__thank .blue__img {
    top: 33px;
    left: 400px;
}
.form__thank-plane--1 {
    position: absolute;
    left: 150px;
    top: 122px;
    fill: var(--accent-color);
}
.form__thank-plane--2 {
    position: absolute;
    left: 210px;
    top: 55px;
    fill: var(--accent-color);
}
.form__thank-plane--3 {
    position: absolute;
    left: 320px;
    top: 10px;
    fill: var(--accent-color);
}
.form__thank-head {
    max-width: 260px;
}
.form__thank-head-title {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.35px;
    color: var(--primary-color);
}
.form__thank-head p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--text-color2);
    margin-top: 21px;
}
@media (max-width: 992px) {
    .form__thank .blue__img {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .form__thank {
        padding-left: 50px;
    }
    .form__thank .blue__img {
        left: 320px;
    }
    .form__thank-plane--1 {
        left: 80px;
    }
    .form__thank-plane--2 {
        left: 134px;
    }
    .form__thank-plane--3 {
        left: 240px;
    }
}
@media (max-width: 650px) {
    .form__modal {
        padding-left: 40px;
        padding-right: 40px;
    }
    .form__thank {
        text-align: center;
        min-height: auto;
        padding: 60px;
        justify-content: center;
    }
    .form__thank .blue__img,
    .form__thank-plane--1,
    .form__thank-plane--2,
    .form__thank-plane--3 {
        display: none;
    }
}
@media (max-width: 500px) {
    .form__modal-close {
        right: 20px;
        top: 20px;
        width: 25px;
        height: 25px;
    }
    .form__modal-close svg {
        width: 100%;
        height: 100%;
    }
    .form__modal-head h3 {
        font-size: 28px;
    }
    .form__modal-head p {
        font-size: 15px;
        margin-top: 10px;
    }
    .form__modal-inner {
        margin-top: 17px;
    }
    .form__modal {
        padding: 40px 20px;
    }
    .form__group input {
        font-size: 16px;
        padding: 15px 20px;
    }
    .form__modal-btn {
        font-size: 16px;
    }
    .form__thank-head h3 {
        font-size: 28px;
    }
    .form__thank-head p {
        font-size: 16px;
    }
}
.menu {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--page-bg);
    z-index: 25;
    padding: 70px 27px 27px;
    overflow-y: auto;
    transition: all 0.3s;
    will-change: transform;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}
.menu.active {
    top: 0;
    transition: all 0.3s;
}
.menu__nav {
    padding-top: 22px;
    border-top: 1px solid var(--secondary2);
}
.menu__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.menu__nav-link {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.48px;
    color: var(--primary-color);
}
.menu__nav-link svg {
    stroke: var(--primary-color);
}
.menu__nav-link--repair,
.menu__nav-link--service {
    display: flex;
    align-items: center;
    gap: 10px;
}
.menu__bottom {
    margin-top: auto;
    padding-top: 20px;
}
.menu__btn {
    padding: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: var(--primary-color);
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    background: none;
    width: 100%;
    margin-top: 33px;
    max-width: 320px;
}
.menu__copy {
    max-width: 330px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.26px;
    color: var(--secondary1);
    margin-top: 37px;
}
.menu .header__location {
    display: flex;
    gap: 8px;
    display: none;
}
.menu .header__cta {
    display: block;
}
.menu__rep {
    position: absolute;
    right: -150%;
    top: 90px;
    width: 100%;
    height: 90dvh;
    background-color: var(--page-bg);
    z-index: 3;
    transition: all 0.2s;
    padding: 0 27px;
}
.menu__rep .repair__list li a {
    display: inline-flex;
}
.menu__rep.active {
    right: 0;
    transition: all 0.2s;
}
.menu__rep-back {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.48px;
    color: var(--primary-color);
    background: none;
    margin-bottom: 22px;
    border: none;
}
.menu__rep-back svg {
    stroke: var(--primary-color);
}
.menu__serv {
    position: absolute;
    right: -150%;
    top: 0;
    width: 100%;
    height: auto;
    background-color: var(--page-bg);
    z-index: 3;
    overflow-y: auto;
    transition: all 0.2s;
    padding: 0 27px 27px;
    margin-top: 85px;
    min-height: 300px;
}
.menu__serv ul {
    grid-template-columns: 1fr;
    gap: 30px;
    border-top: none;
}
.menu__serv ul li {
    display: inline-flex;
}
.menu__serv.active {
    right: 0;
    transition: all 0.2s;
}
.menu__serv-back {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.48px;
    color: var(--primary-color);
    background: none;
    margin-bottom: 22px;
    border: none;
}
.menu__serv-back svg {
    stroke: var(--primary-color);
}
.service__menu-list--item svg {
    fill: var(--primary-color);
}
.service__menu-list--item svg path {
    fill: var(--primary-color);
}
.menu .menu__rep-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 29px;
    padding-bottom: 30px;
    height: 80vh;
    overflow-y: auto;
}
.menu .repair__list-item span {
    line-height: 120%;
}
.menu .repair__list li a {
    display: grid;
    align-items: center;
    gap: 13px;
    height: 48px;
    margin-bottom: 10px;
}

@media (max-width: 550px) {
    .menu {
        position: fixed;
    }
}
@media (max-width: 480px) {
    .menu .header__location span:before {
        bottom: -3px !important;
    }
}
.repair {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 1;
    background-color: var(--page-bg);
    padding-bottom: 40px;
    will-change: transform;
    box-shadow: 0 29px 23px -7px #0000004d;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.repair .container {
    padding-top: 40px;
    border-top: 1px solid var(--secondary2);
    max-width: 1400px;
}
@media (min-width: 1410px) {
    .repair .container {
        padding-left: 0;
        padding-right: 0;
    }
}
.repair ul li a {
    padding-top: 0;
    padding-bottom: 0;
}
.repair .service__cta {
    margin-top: 60px;
}
.menu__rep-inner .repair__list li{
    line-height: 50px;
}
.menu__rep-inner .repair__list li a{
    
}
.repair__menu .repair__list {
    display: grid;
    grid-template-columns: repeat(3, auto);
}
.repair__list-item {
    display: grid;
    grid-template-columns: 43px 1fr;
    gap: 22px;
    align-items: center;
}
.repair__list-item::before {
    display: flex;
    align-items: center;
    content: " ";
    width:43px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.repair__list-item:hover span {
    color: var(--accent-color);
}
.repair__list-item span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 330%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
    transition: color 0.2s;
}
.category-item-id-15::before {
    background-image: url('../images/category-item-15.webp');
    background-size: 38px 34px;
}
.category-item-id-16::before {
    background-image: url('../images/category-item-16.webp');
    background-size: 37px 37px;
}
.category-item-id-10::before {
    background-image: url('../images/category-item-10.webp');
    background-size: 33px 29px;
}
.category-item-id-14::before {
    background-image: url('../images/category-item-14.webp');
    background-size: 29px 37px;
}
.category-item-id-11::before {
    background-image: url('../images/category-item-11.webp');
    background-size: 41px 27px;
}
.category-item-id-9::before {
    background-image: url('../images/category-item-9.webp');
    background-size: 35px 32px;
}
.category-item-id-6::before {
    background-image: url('../images/category-item-6.webp');
    background-size: 31px 31px;
}
.category-item-id-12::before {
    background-image: url('../images/category-item-12.webp');
    background-size: 38px 23px;
}
.category-item-id-1::before {
    background-image: url('../images/category-item-1.webp');
    background-size: 33px 33px;
}
.category-item-id-13::before {
    background-image: url('../images/category-item-13.webp');
    background-size: 38px 39px;
}
.category-item-id-4::before {
    background-image: url('../images/category-item-4.webp');
    background-size: 31px 29px;
}
.category-item-id-17::before {
    background-image: url('../images/category-item-17.webp');
    background-size: 43px 43px;
}
.category-item-id-3::before {
    background-image: url('../images/category-item-3.webp');
    background-size: 37px 41px;
}
.category-item-id-8::before {
    background-image: url('../images/category-item-8.webp');
    background-size: 43px 20px;
}
.category-item-id-7::before {
    background-image: url('../images/category-item-7.webp');
    background-size: 27px 27px;
}
.category-item-id-2::before {
    background-image: url('../images/category-item-2.webp');
    background-size: 26px 48px;
}
.category-item-id-18::before {
    background-image: url('../images/service-item-id-18.svg');
    background-size: 27px 27px;
}
.repair__menu {
    pointer-events: none;
}
.repair__menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.service__menu {
    position: fixed;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: var(--page-bg);
    transition: all 0.3s;
    padding-bottom: 40px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: 0 29px 35px -7px #0000004d;
}
.service__menu-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 40px;
    border-top: 1px solid var(--secondary2);
}
.service__menu-list--item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.service__menu-list--item:hover span {
    color: var(--accent-color);
}
.service__menu-list--item span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
    transition: color 0.2s;
}
.service__menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    padding: 21px 0px;
    will-change: transform;
    transform: translateY(-100%);
    transition: all 0.3s;
}
.header.is-visible {
    transform: translateY(0);
    transition: all 0.3s;
}
.header.active {
    background-color: var(--page-bg);
    transition: all 0.3s;
}
.header.is-active,
.header.is-white {
    background-color: var(--page-bg);
}
.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-color);
    padding-bottom: 22px;
    position: relative;
}
.header__left {
    display: flex;
    align-items: center;
    gap: 77px;
}
.header__burger {
    display: none;
    width: 32px;
    height: 22px;
    flex-direction: column;
    justify-content: space-between;
    background: transparent;
    border: none;
}
.header__burger span {
    background-color: var(--primary-color);
    height: 3px;
    border-radius: 5px;
}
.header__burger span:nth-child(1) {
    width: 24px;
}
.header__burger span:nth-child(2) {
    width: 100%;
}
.header__burger span:nth-child(3) {
    width: 18px;
}
.header__logo {
    display: flex;
    align-items: center;
    max-width: 368px;
    gap: 34px;
}
.header__logo img {
    max-width: 214px;
    max-height: 60px;
    width: 100%;
    height: 100%;
}
.header__logo span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--primary-color);
}
.header__location {
    background: none;
    border: none;
    cursor: pointer;
}
.header__location:hover svg {
    fill: var(--accent-color);
}
.header__location:hover span {
    color: var(--accent-color);
}
.header__location:hover span:before {
    background-color: var(--accent-color);
}
.header__location svg {
    fill: var(--primary-color);
    transition: all 0.2s;
}
.header__location span {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.15px;
    color: var(--primary-color);
    position: relative;
    transition: all 0.2s;
}
.header__location span:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--secondary1);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    will-change: transform;
}
.header__right {
    display: flex;
    align-items: center;
    gap: 69px;
}
.header__btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: var(--primary-color);
    padding: 10px 15px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    cursor: pointer;
    transition: 0.2s;
    background: none;
}
.header__btn:hover {
    color: var(--secondary-color);
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.header__cta a {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.24px;
    color: var(--primary-color);
    transition: 0.2s;
}
.header__cta a:hover {
    color: var(--accent-color);
}
.header__cta div {
    display: flex;
    align-items: center;
    gap: 7px;
}
.header__cta div span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--primary-color);
}
.header__cta div svg {
    fill: var(--accent-color);
}
.header__bottom {
    position: relative;
}
.header__bottom li a, .header__bottom li>div.header__nav-link {
    padding-bottom: 20px;
    padding-top: 20px;
}
.header__bottom li a svg, .header__bottom li>div.header__nav-link svg {
    stroke: var(--primary-color);
}
.header__nav-list {
    display: flex;
    align-items: center;
    gap: 30px;
}
.header__nav-link {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.48px;
    color: var(--primary-color);
    transition: 0.2s;
}
.header__nav-link:hover {
    color: var(--accent-color);
}
.header__nav-link--repair,
.header__nav-link--service {
    display: flex;
    align-items: center;
    gap: 10px;
}
.header__cta-mob {
    display: none;
    align-items: center;
    gap: 28px;
}
.header__cta-mob button svg,
.header__cta-mob a svg {
    fill: var(--primary-color);
}
.header__mob-link {
    display: flex;
}
.location-btn {
    border: none;
    background: none;
    display: flex;
    gap: 5px;
    align-items: center;
}
.burger span {
    transition: all 0.2s;
    position: relative;
}
.burger span:nth-child(1) {
    top: 0;
}
.burger span:nth-child(3) {
    bottom: 0;
}
.burger.active span:nth-child(1) {
    width: 100%;
    transform: rotate(45deg);
    top: 9px;
}
.burger.active span:nth-child(2) {
    opacity: 0;
}
.burger.active span:nth-child(3) {
    width: 100%;
    transform: rotate(-45deg);
    bottom: 9px;
}
@media (max-width: 1100px) {
    .header__left {
        gap: 30px;
    }
    .header__logo span {
        max-width: 120px;
    }
    .header__btn {
        display: none;
    }
}
@media (max-width: 992px) {
    .header__bottom {
        display: none;
    }
    .header__inner {
        border-bottom: none;
        padding: 0;
    }
    .header__logo img {
        max-width: 123px;
    }
    .header__burger {
        display: flex;
    }
    .header__cta-mob {
        gap: 26px;
        padding-right: 3px;
    }
}
@media (max-width: 767.98px) {
    .header__logo span {
        display: none;
    }
}
@media (max-width: 650px) {
    .header__location {
        margin-left: auto;
    }
    .header__location span {
        display: none;
    }
    .header__location svg {
        width: 23px;
        height: auto;
    }
    .header__inner {
        gap: 20px;
    }
    .header__left {
        width: 100%;
    }
    .header__right {
        flex-shrink: 0;
    }
}
@media (max-width: 550px) {
    .header__cta {
        display: none;
    }
    .header__cta-mob {
        display: flex;
    }
    .header__location {
        display: none;
    }
    .header {
        position: fixed;
    }
}
@media (max-width: 480px) {
    .header {
        padding: 18px 0;
    }
    .header__left {
        gap: 30px;
    }
}
.hero {
    background: var(--hero-gradient);
    border-radius: 0 0 80px 80px;
    padding-top: 190px;
    padding-bottom: 46px;
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
}
.hero__bg-line {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    background-size: cover;
}
.hero__container {
    max-width: 1461px;
    position: relative;
    z-index: 2;
}
.hero__inner {
    position: relative;
    padding-bottom: 40px;
}
.hero__info {
    max-width: 811px;
}
.hero__info h1 {
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 95%;
    letter-spacing: -2.7px;
    color: var(--primary-color);
    margin-top: 10px;
}
.hero__info h1 span.h1_brand {
    color: var(--accent-color);
}
.hero__info h1 span.h1_geo  {
    display: block;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.5px;
    color: var(--primary-color);
}
.hero__info p {
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.5px;
    color: var(--primary-color);
    margin-top: 12px;
}
.hero__cta {
    max-width: 560px;
    margin-top: 60px;
    margin-left: 5px;
}
.hero__cta-title {
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.25px;
    color: var(--primary-color);
}
.hero__cta-title span {
    font-weight: 700;
}
.hero__form {
    display: flex;
    gap: 11px;
    margin-top: 21px;
}
.hero__form input {
    width: 100%;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
    padding: 18px 40px 18px 20px;
    color: var(--text-color-main);
    border-radius: 4px;
    border: 1px solid var(--input-bg);
    outline: none;
    background-color: var(--input-bg);
    color: var(--text-color);
    border: 1px solid #bcc5d0;
}
.hero__form input::placeholder {
    color: var(--text-color);
}
.hero__form button {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: var(--secondary-color);
    padding: 18px 33.5px;
    background-color: var(--accent-color);
    border: none;
    border-radius: 4px;
    flex-shrink: 0;
    cursor: pointer;
    transition: 0.2s;
}
.hero__form button:hover {
    box-shadow: 0 0 10px var(--accent-color);
}
.hero__cta-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.28px;
    color: var(--text-color2);
    max-width: 333px;
    margin-top: 16px;
    margin-left: 3px;
}
.top_category__img{
    max-width: 797px;
    position: absolute;
    bottom: 25px;
    left: 900px;
    will-change: transform;
}
.hero__img {
    max-width: 797px;
    position: absolute;
    bottom: 25px;
    left: 686px;
    will-change: transform;
}
.hero__bottom {
    padding-right: 5px;
    padding-top: 40px;
    border-top: 1px solid var(--line-color);
}
.hero__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.hero__list-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.22px;
    color: var(--primary-color);
}
.hero__list-item span {
    font-weight: 600;
}
.hero__list-item svg {
    flex-shrink: 0;
    fill: var(--primary-color);
}
@media (min-width: 1300px) {
    .hero__bg-line {
        background: url(../images/hero-bg-line.webp) no-repeat;
    }
}
@media (max-width: 1300px) {
    .hero__list-item {
        align-items: flex-start;
    }
}
@media (max-width: 992px) {
    .hero {
        padding-top: 90px;
    }
    .hero__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    .hero__cta-title {
        font-size: 20px;
    }
    .hero__info {
        max-width: 570px;
    }
    .hero__info h1 {
        font-size: 65px;
    }
    .hero__info h1 span.h1_geo {
        font-size: 35px;
    }
    .hero__info p {
        font-size: 35px;
    }
    .hero__bg-line {
        background: url(../images/hero-bg-line-992.webp) no-repeat;
    }
} 
@media (max-width: 650px) {
    .hero {
        border-radius: 0 0 20px 20px;
    }
    .hero__img {
        display: none;
    }
    .hero__info {
        max-width: 420px;
    }
    .hero__info h1 {
        font-size: 50px;
    }
    .hero__info h1 span.h1_geo {
        font-size: 28px;
    }
    .hero__info p {
        font-size: 28px;
    }
    .hero__bg-line {
        background: url(../images/hero-bg-line-650.webp) no-repeat;
    }
}
@media (max-width: 550px) {
    .hero {
        padding-top: 60px;
        padding-bottom: 38px;
    }
    .hero__bg-line {
        background-position: 30%;
    }
    .hero__form {
        flex-direction: column;
    }
    .hero__container {
        padding: 0 22px;
    }
    .hero__info h1 {
        font-size: 36px;
        letter-spacing: -1.2px;
    }
    .hero__info p {
        letter-spacing: -0.9px;
        margin-top: 14px;
    }
    .hero__cta {
        margin-top: 30px;
        margin-left: 0px;
    }
    .hero__cta-title {
        font-size: 16px;
    }
    .hero__form {
        margin-right: 6px;
        margin-top: 11px;
        gap: 9px;
    }
    .hero__form input {
        font-size: 18px;
        padding: 14px 40px 14px 20px;
    }
    .hero__form button {
        font-size: 18px;
        padding: 14px;
        text-align: center;
    }
    .hero__cta-text {
        font-size: 11px;
        letter-spacing: -0.22px;
        text-align: center;
        margin-top: 11px;
        margin-left: -8px;
    }
    .hero__inner {
        padding-bottom: 30px;
    }
    .hero__bottom {
        padding-top: 20px;
    }
    .hero__list-item {
        align-items: center;
        font-size: 15px;
        gap: 9px;
    }
    .hero__list-item:nth-child(3) svg {
        width: 30px;
        height: 30px;
    }
    .hero__bg-line {
        background: url(../images/hero-bg-line-550.webp) no-repeat;
    }
}
@media (max-width: 450px) {
    .hero__bg-line {
        background: url(../images/hero-bg-line-450.webp) no-repeat;
    }
}
@media (max-width: 400px) {
    .hero__bg-line {
        background: url(../images/hero-bg-line-400.webp) no-repeat;
    }
}
@media (max-width: 360px) {
    .hero__bg-line {
        background: url(../images/hero-bg-line-360.webp) no-repeat;
    }
}
.breadcrumbs {
    padding: 5px 0 0px 3px;
}

.breadcrumbs ol {
    display: flex;
    list-style: none;
    margin: 0;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.breadcrumbs ol li {
    display: flex;
    line-height: 30px;
    font-size: 10px
}

.breadcrumbs ol li span {
    font-size: 12px;
    position: relative
}

.breadcrumbs a {
    color: var(--primary-color);
    position: relative
}

.breadcrumbs a:hover {
    color: var(--accent-color)
}
.breadcrumbs li.link:after {
    content: ' ';
    margin: 11px 7px 0px 5px;
    width: 8px;
    height: 8px;
    display: block;
    border-right: 1px solid var(--secondary1);
    border-top: 1px solid var(--secondary1);
    transform: rotate(45deg);
}

.breadcrumbs li.current span {
    color: var(--secondary1)
}

.breadcrumbs li a span:after,.breadcrumbs li a span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: width .3s linear
}

.breadcrumbs li a span:after {
    border-bottom: 1px solid var(--primary-color)
}

.breadcrumbs li a span:before {
    border-bottom: 1px solid var(--accent-color)
}

.breadcrumbs li a:hover span:after {
    right: 0;
    left: auto;
    width: 0
}

.service {
    
}
.service__head h2 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
}
.service__head h2 span {
    color: var(--accent-color);
}
.service__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 45px;
}
.service__item {
    min-height: 254px;
    padding: 26px 30px 37px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    background-color: var(--service-card-bg);
    border-radius: 15px;
    overflow: hidden;
    transition: 0.4s;
    will-change: transform, opacity;
}
.service__item::after {
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    will-change: transform;
    transition: transform 0.2s;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.service__item-img {
    position: absolute;
    will-change: transform;
    transition: transform .2s;
}
.service-item-id-1::after{
    background-image: url(../images/service-item-id-1.webp);
}
.service-item-id-2::after{
    background-image: url(../images/service-item-id-2.webp);
}
.service-item-id-3::after{
    background-image: url(../images/service-item-id-3.webp);
}
.service-item-id-4::after{
    background-image: url(../images/service-item-id-4.webp);
}
.service-item-id-6::after{
    background-image: url(../images/service-item-id-6.webp);
}
.service-item-id-7::after{
    background-image: url(../images/service-item-id-7.webp);
}
.service-item-id-8::after{
    background-image: url(../images/service-item-id-8.webp);
}
.service-item-id-9::after{
    background-image: url(../images/service-item-id-9.webp);
}
.service-item-id-10::after{
    background-image: url(../images/service-item-id-10.webp);
}
.service-item-id-11::after{
    background-image: url(../images/service-item-id-11.webp);
}
.service-item-id-12::after{
    background-image: url(../images/service-item-id-12.webp);
}
.service-item-id-13::after{
    background-image: url(../images/service-item-id-13.webp);
}
.service-item-id-14::after{
    background-image: url(../images/service-item-id-14.webp);
}
.service-item-id-15::after{
    background-image: url(../images/service-item-id-15.webp);
}
.service-item-id-16::after{
    background-image: url(../images/service-item-id-16.webp);
}
.service-item-id-17::after{
    background-image: url(../images/service-item-id-17.webp);
}
.service__item:hover {
    background-color: var(--service-card-bg-hover);
    transition: 0.4s;
}
.service__item:hover>span,
.service__item:hover p {
    color: var(--secondary-text);
}
.service__item:hover::after {
    transform: scale(1.1);
}
.service__item:hover .service__item-img  {
    transform: scale(1.1);
}
.service__item>span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
    transition: 0.2s;
    position: relative;
    z-index: 3;
}
.service__item p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
    transition: 0.2s;
    position: relative;
    z-index: 3;
}

.service__cta {
    background-color: var(--extra);
    margin-top: 30px;
    padding: 25px 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    overflow: hidden;
    position: relative;
}
.service__cta-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/service-cta-line.webp) no-repeat;
    background-size: cover;
    opacity: 0.5;
    will-change: transform;
}
.service__cta-left {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 2;
}
.service__cta-left p {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.44px;
    color: var(--secondary-color);
}
.service__cta-right {
    display: flex;
    align-items: center;
    gap: 47px;
    position: relative;
    z-index: 2;
}
.service__cta-right a {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.24px;
    color: var(--secondary-color);
    flex-shrink: 0;
}
.service__cta-btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: var(--secondary-color);
    padding: 10px 13px;
    background: none;
    border-radius: 4px;
    border: 1px solid var(--secondary-color);
    cursor: pointer;
    transition: 0.2s;
}
.service__cta-btn:hover {
    background-color: var(--secondary-color);
    color: var(--extra);
}
.service__cta-btn span:nth-child(2) {
    display: none;
}
.service .service__row-2 {
    margin-top: 30px;
}

.service .service__item svg {
    max-width: 71px;
    left: 66%;
    bottom: 57px;
    fill: var(--accent-color);
}
.service__adv {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 30px;
}
.service__adv-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 30px;
    height: 100px;
    border-radius: 15px;
    border: 2px solid var(--secondary2);
}
.service__adv-item-left {
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
}
.service__adv-item-left svg {
    fill: var(--primary-color);
}
.service__adv-item-right {
    color: var(--secondary1);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.4px;
}
.trouble__item a{
    min-height: 190px;
}
.trouble__item span.service__item-title{
    font-size:18px;
}
@media (max-width: 1330px) {
    .service__cta {
        flex-direction: column;
    }
    .service__adv {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 992px) {
    .service__row {
        grid-template-columns: repeat(2, 1fr);
    }
    .service__cta {
        padding-left: 20px;
        padding-right: 20px;
    }
    .service__cta-left p {
        max-width: 320px;
    }
    .service__head h2 {
        font-size: 45px;
    }
}
@media (max-width: 767.98px) {
    .service__adv {
        grid-template-columns: 1fr;
        margin-top: 10px;
        gap: 8px;
    }
    .service__adv-item {
        height: 50px;
    }
    .service__adv-item-left {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -0.32px;
    }
    .service__adv-item-left svg {
        width: 18px;
        height: 18px;
    }
    .service__adv-item-right {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: -0.32px;
    }
}
@media (max-width: 600px) {
    .trouble__item a{
        min-height: 150px;
    }
    .trouble__item span.service__item-title{
        font-size:15px;
    }
    .service__item>span{
        font-size:15px;
    }
    .service__row {
        gap: 6px;
        row-gap: 10px;
    }
    .service__cta-left p {
        font-size: 16px;
        max-width: 223px;
    }
    .service__cta-right {
        gap: 14px;
    }
    .service__cta-right a {
        font-size: 16px;
    }
    .service__cta-btn {
        font-size: 13px;
        padding: 7px 16px;
    }
    .service__cta-btn span:nth-child(1) {
        display: none;
    }
    .service__cta-btn span:nth-child(2) {
        display: block;
    }
}
@media (max-width: 1280px) {
    .service__item::after {
        background-size: 150px;
    }
}
@media (max-width: 576px) {
    .hero {
        margin-bottom: 30px;
    }
    .service__item {
        min-height: 135px;
        padding: 16px 3px 24px 16px;
    }
    .service__item h3 {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .service__item p {
        font-size: 14px;
        letter-spacing: -0.28px;
        margin-left: 2px;
    }
    .service__head h2 {
        font-size: 28px;
        letter-spacing: -0.9px;
    }
    .service__row-1 {
        margin-top: 20px;
    }
    .service__item::after {
        background-size: 90px;
    }
    .service__cta {
        margin-top: 9px;
        padding-top: 18px;
        padding-bottom: 21px;
        gap: 15px;
    }
    .service .service__row-2 {
        margin-top: 10px;
    }
    .service .service__item svg {
        max-width: 38px;
        height: auto;
        left: 62%;
        bottom: 20px;
    }
}
@media (max-width: 450px) {
    .service__cta-left {
        justify-content: space-between;
        width: 100%;
        padding: 4px;
    }
    .service__cta-left p {
        font-weight: 500;
        letter-spacing: -0.32px;
    }
    .service__cta-left p span {
        font-weight: 600px;
    }
    .service__adv-item {
        padding: 16px 21px 16px 24px;
    }
}
@media (max-width: 400px){
    .service__item p {
        font-size: 12px;
    }
}
@media (max-width: 360px) {
    .trouble__item a{
        min-height: 135px;
    }
    .trouble__item span.service__item-title{
        font-size:14px;
    }
    .service__item>span{
        font-size:14px;
    }
}
@media (max-width: 320px) {
    .trouble__item a{
        min-height: 120px;
    }
    .trouble__item span.service__item-title{
        font-size:13px;
    }
    .service__item>span{
        font-size:13px;
    }
}
.steps {
    padding-top: 100px;
}
.steps__container {
    max-width: 1444px;
}
.steps__head {
    max-width: 921px;
}
.steps__head h3 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
}
.steps__head h3 span {
    color: var(--accent-color);
}
.steps__head p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
    color: var(--primary-color);
    margin-top: 32px;
}
.steps__inner {
    margin-top: 24px;
    display: grid;
    position: relative;
}
.steps__inner:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--line-color);
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 0;
    will-change: transform;
}
.steps__inner .steps__container {
    display: flex;
    position: relative;
    z-index: 1;
}
.steps__item {
    flex-shrink: 0;
    will-change: transform, opacity;
}
.steps__item:nth-child(1) {
    margin-right: 46px;
}
.steps__item:nth-child(1) div.steps__item-title {
    max-width: 312px;
}
.steps__item:nth-child(2) {
    margin-right: 74px;
}
.steps__item:nth-child(2) div.steps__item-title {
    max-width: 285px;
}
.steps__item:nth-child(3) {
    margin-right: 85px;
}
.steps__item:nth-child(3) p {
    max-width: 285px;
}
.steps__item:nth-child(4) .steps__item-num {
    background-color: var(--accent-color);
    color: var(--secondary-color);
}
.steps__item:nth-child(4) p {
    max-width: 210px;
}
.steps__item-num {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
    color: var(--accent-color);
    background-color: var(--page-bg);
    border: 2px solid var(--accent-color);
    border-radius: 50%;
}
.steps__item-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
    margin-top: 15px;
}
.steps__item-text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.15px;
    margin-top: 10px;
    color: var(--primary-color);
}
.steps__slider .swiper-scrollbar {
    display: none;
}
.steps__slider .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: var(--accent-color);
}
@media (max-width: 1330px) {
    .steps__slider .swiper-slide {
        width: auto;
        max-width: 100%;
    }
    .steps__slider {
        padding-bottom: 40px;
    }
    .steps__slider .swiper-scrollbar {
        display: block;
        left: 50% !important;
        transform: translate(-50%) !important;
        width: 95% !important;
        background: var(--secondary2);
    }
}
@media (max-width: 992px) {
    .steps {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .steps__head h3 {
        font-size: 45px;
    }
    .steps__inner .steps__container {
        padding-left: 0;
        padding-right: 0;
    }
    .steps__inner {
        padding-left: 26px;
        padding-right: 26px;
    }
}
@media (max-width: 767.98px) {
    .steps__head h3 {
        font-size: 35px;
    }
}
@media (max-width: 550px) {
    .steps {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .steps__head h3 {
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -0.9px;
    }
    .steps__head p {
        font-size: 16px;
        letter-spacing: -0.16px;
        margin-top: 16px;
    }
    .steps__inner {
        margin-top: 18px;
    }
    .steps__inner .steps__container {
        padding-bottom: 22px;
    }
    .steps__item-title {
        font-size: 18px;
    }
    .steps__item p {
        font-size: 13px;
        line-height: 130%;
        letter-spacing: -0.13px;
        margin-top: 11px;
    }
    .steps__item:nth-child(1) {
        margin-right: 0;
    }
    .steps__item:nth-child(1) h3 {
        max-width: 227px;
    }
    .steps__item:nth-child(1) p {
        max-width: 180px;
    }
    .steps__item:nth-child(2) {
        margin-right: 0;
    }
    .steps__item:nth-child(2) h3 {
        max-width: 227px;
    }
    .steps__item:nth-child(2) p {
        max-width: 180px;
    }
    .steps__item:nth-child(3) {
        margin-right: 20px;
    }
    .steps__item:nth-child(3) h3 {
        max-width: 227px;
    }
    .steps__item:nth-child(3) p {
        max-width: 180px;
    }
    .steps__slider .swiper-scrollbar {
        width: 90% !important;
    }
}
.blue {
    padding-top: 41px;
    padding-bottom: 52px;
    background: var(--form-gradient);
    position: relative;
}
.blue__bg-lines {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/blue-lines.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 0.5;
}
.blue__container {
    max-width: 1434px;
    position: relative;
    z-index: 3;
}
.blue__inner {
    position: relative;
}
.blue__head {
    display: flex;
    gap: 43px;
}
.blue__head-title {
    max-width: 248px;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.35px;
    color: var(--secondary-color);
}
.blue__head p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--secondary-color);
    max-width: 500px;
}
.blue__cta {
    margin-top: 63px;
    width: 100%;
    max-width: 752px;
}
.blue__form {
    display: flex;
    gap: 10px;
}
.blue__form input {
    padding: 17px 36px 17px 20px;
    background-color: var(--input-bg);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
    border-radius: 4px;
    width: 100%;
    max-width: 385px;
    border: none;
    outline: none;
}
.blue__form button {
    width: 100%;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: var(--secondary-color);
    border-radius: 4px;
    background-color: var(--accent-color);
    text-align: center;
    padding: 17px;
    border: none;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
}
.blue__form button:hover {
    box-shadow: 0 0 10px var(--accent-color);
}
.blue__small-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.28px;
    color: var(--secondary1);
    margin-top: 16px;
    max-width: 333px;
    margin-left: 3px;
}
.blue__img {
    width: 142px;
    height: 264px;
    background-color: #0b172c;
    border-radius: 10px;
    transform: rotate(-3.27deg);
    position: absolute;
    top: -58px;
    left: 980px;
}
.blue__phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
    padding-top: 35px;
}
.blue__phone-hand {
    max-width: 233px;
    height: auto;
    position: absolute;
    z-index: 5;
    right: -132px;
    bottom: -143px;
    transform: rotate(4deg);
}
.blue__avatar {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    overflow: hidden;
}
.blue__phone-text {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.11px;
    color: var(--secondary-color);
    max-width: 57px;
    margin: 11px auto 0;
}
.blue__phone-icon {
    margin-top: 30px;
}
.blue__phone-icon svg {
    fill: var(--secondary-phone);
}
@media (max-width: 992px) {
    .blue__img {
        display: none;
    }
    .blue__bg-lines {
        background-position: 60%;
    }
    .blue__head {
        flex-direction: column;
        gap: 10px;
    }
}
@media (max-width: 576px) {
    .blue {
        padding-top: 23px;
        padding-bottom: 28px;
    }
    .blue__inner form {
        flex-direction: column;
        gap: 7px;
    }
    .blue__inner form input {
        max-width: 100%;
        font-size: 18px;
        padding: 13px 25px;
    }
    .blue__inner form button {
        font-size: 18px;
        padding: 14px;
    }
    .blue__head {
        gap: 16px;
    }
    .blue__head-title {
        font-size: 28px;
    }
    .blue__head p {
        font-size: 15px;
        letter-spacing: -0.3px;
    }
    .blue__cta {
        margin-top: 14px;
        max-width: 324px;
    }
    .blue__container {
        padding-left: 29px;
        padding-right: 10px;
    }
    .blue__small-text {
        font-size: 12px;
        text-align: center;
        margin: 14px auto 0;
    }
}
.discount {
    padding-top: 32px;
    padding-bottom: 52px;
    margin-bottom: 80px;
    margin-top: 70px;
}
.discount .container {
    max-width: 1446px;
}
.discount .blue__head-title {
    font-size: 28px;
    line-height: 95%;
    letter-spacing: -0.9px;
}
.discount .blue__head p {
    max-width: 460px;
}
.discount .blue__cta {
    margin-top: 32px;
}
@media (max-width: 450px) {
    .blue__cta {
        max-width: 100%;
        padding-right: 15px;
    }
}
.price {

}
.price__head h2 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
}
.price__head h2 span {
    color: var(--accent-color);
}
.price__top {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.price__top-item {
    border: 1px solid var(--secondary2);
    border-radius: 15px;
    padding: 30px 40px 30px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.price__top-item div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.price__top-item div p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
}
.price__top-item div span {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.4px;
    color: var(--secondary1);
}
.price__top-btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: var(--secondary-color);
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    background-color: var(--accent-color);
    cursor: pointer;
    transition: 0.2s;
    flex-shrink: 0;
}
.price__top-btn:hover {
    box-shadow: 0 0 10px var(--accent-color);
}
.price__subtitle {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
    color: var(--primary-color);
    margin-top: 30px;
}
.price__inner {
    margin-top: 30px;
    position: relative;
    max-height: 400px;
    overflow: hidden;
}
.price__inner.open {
    max-height: fit-content;   
}
.price__inner:before {
    content: "";
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, var(--secondary6) 12.8%, rgba(255, 255, 255, 0) 91.96%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.price__inner.open:before {
    display: none;
}
.price__row a{
    color: var(--primary-color);
    text-decoration: underline;
}
.price__row a:hover{
    text-decoration: none;
}
.price__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--line-color);
    color: var(--primary-color);
}
.price__row-full-text{
    font-size: 18px;
    font-style: normal;
    line-height: 110%;
    color: var(--primary-color);
    padding: 25px 55px;
    border-bottom: 1px solid var(--line-color);
}
.price__row-full{
    background-color: var(--secondary5);
}
.price__row-title>div{
    background-color: var(--secondary5);
    font-size: 22px;
    font-weight: bold;
}
.price__row-no-border{
    border-bottom: none;
}
.price__row .price__row-col--1 {
    border-right: 1px solid var(--line-color);
}
.price__row--main .price__row-col {
    padding: 20px 55px;
}
.price__row--main{
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
}
.price__row--main .price__row-col--1 {
    border-right: 1px solid var(--line-color);
}
.price__row--main .price__row-col--2 {
    padding-left: 38px;
}
.price__row-col {
    padding: 20px 55px;
}
.price__row-col--bold {
    font-weight: 600 !important;
}
.price__row-col--2 {
    padding-left: 36px;
}
.price__row-full {
    padding: 25px 55px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.48px;
    color: var(--primary-color);
}
.price__more-btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: var(--primary-color);
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    width: 100%;
    background: none;
    max-width: 177px;
    margin: 26px auto 0;
    display: block;
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s;
}
.price__more-btn:hover {
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    color: var(--secondary-color);
}
@media (max-width: 992px) {
    .price__row-full-text {padding: 25px 0px;}
    .price__top {
        grid-template-columns: 1fr;
    }
    .price__head h2 {
        font-size: 45px;
    }
    .price__row-col,
    .price__row-full,
    .price__row--main .price__row-col {
        padding-left: 20px;
    }
}
@media (max-width: 576px) {
    .discount {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .price {
        
    }
    .price__head h2 {
        font-size: 28px;
        letter-spacing: -0.9px;
    }
    .price__top {
        margin-top: 21px;
    }
    .price__top-btn {
        width: 96px;
        flex-shrink: 0;
    }
    .price__top-btn span {
        display: none;
    }
    .price__top-item {
        padding: 18px;
    }
    .price__top-item div {
        gap: 3px;
    }
    .price__top-item div p {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.32px;
    }
    .price__top-item div span {
        font-size: 16px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: -0.32px;
    }
    .price__subtitle {
        font-size: 16px;
        letter-spacing: -0.16px;
        margin-top: 20px;
    }
    .price__row:nth-child(1) {
        display: none;
    }
    .price__row-full {
        padding: 13px 20px;
    }
    .price__row--main .price__row-col--1 {
        border-right: none;
    }
    .price__row--main {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .price__row--main .price__row-col--1 {
        padding: 13px 0;
        max-width: 171px;
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .price__row--main .price__row-col--2 {
        padding: 13px 0;
        font-size: 14px;
        letter-spacing: -0.28px;
        text-align: right;
    }
    .price__inner:before {
        background: linear-gradient(0deg, var(--secondary6) 12.8%, rgba(255, 255, 255, 0) 91.96%);
        height: 40%;
    }
}
@media (max-width: 450px) {
    .price__more-btn {
        max-width: 100%;
    }
}
.prior {
    padding-top: 60px;
    padding-bottom: 80px;
    margin-top: 50px;
    margin-bottom: 70px;
    background-color: var(--secondary-bg);
    position: relative;
}
.prior__lines {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/prior-bg-lines.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.prior__container {
    position: relative;
    z-index: 2;
}
.prior__head {
    max-width: 1122px;
}
.prior__head h3 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
}
.prior__head h3 span {
    color: var(--accent-color);
}
.prior__head h3 br {
    display: none;
}
.prior__inner {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 10px;
    row-gap: 30px;
}
.prior__item {
    padding: 65px 44px 65px 35px;
    background-color: var(--page-bg);
    border-radius: 15px;
    will-change: transform, opacity;
}
.prior__item h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.48px;
    color: var(--primary-color);
}
.prior__item:nth-child(1) {
    grid-column: span 4;
}
.prior__item:nth-child(1) h4 {
    max-width: 208px;
}
.prior__item:nth-child(2) {
    grid-column: span 4;
}
.prior__item:nth-child(2) h4 {
    max-width: 190px;
}
.prior__item:nth-child(3) {
    grid-column: span 4;
}
.prior__item:nth-child(3) h4 {
    max-width: 144px;
}
.prior__item:nth-child(4) {
    grid-column: span 6;
    padding-top: 63px;
    padding-bottom: 62px;
}
.prior__item:nth-child(4) h4 {
    max-width: 177px;
}
.prior__item:nth-child(4) .prior__item-body {
    margin-top: 8px;
}
.prior__item:nth-child(4) .prior__item-icon {
    bottom: 28px;
    right: 10px;
}
.prior__item:nth-child(5) {
    grid-column: span 6;
    padding-top: 64px;
}
.prior__item:nth-child(5) .prior__item-body {
    margin-top: 21px;
}
.prior__item:nth-child(5) h4 {
    max-width: 288px;
}
.prior__item-head {
    display: flex;
    justify-content: space-between;
}
.prior__item-icon {
    position: relative;
    bottom: 24px;
}
.prior__item-icon svg {
    fill: var(--secondary7);
}
.prior__item-body {
    margin-top: 26px;
}
.prior__item-body p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.2px;
    color: var(--primary-color);
}
.prior__item-body span {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.15px;
    color: var(--text-color2);
    margin-top: 25px;
    display: block;
}
@media (max-width: 992px) {
    .prior__inner {
        display: flex;
        overflow-x: auto;
    }
    .prior__container {
        padding-left: 0;
        padding-right: 0;
    }
    .prior__head {
        padding-left: 25px;
        padding-right: 25px;
    }
    .prior__head h3 {
        font-size: 40px;
    }
    .prior__inner {
        padding-left: 25px;
        padding-right: 25px;
    }
    .prior__item {
        flex-shrink: 0;
        max-width: 295px;
        padding: 45px 20px 50px 25px;
    }
    .prior__item-icon svg {
        width: 50px;
        height: 50px;
    }
    .prior__item-head h3 {
        font-size: 18px;
    }
    .prior__item-body {
        margin-top: 20px;
    }
    .prior__item-body p {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.16px;
    }
    .prior__item-body span {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.14px;
        margin-top: 10px;
    }
}
@media (max-width: 550px) {
    .prior {
        padding-top: 30px;
        padding-bottom: 56px;
        margin-bottom: 30px;
    }
    .prior__head h3 {
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -0.9px;
    }
    .prior__head h3 br {
        display: block;
    }
    .prior__inner {
        margin-top: 26px;
    }
    .prior__item {
        padding-left: 28px;
        padding-bottom: 18px;
    }
    .prior__item:nth-child(4) {
        padding-top: 45px;
    }
    .prior__item:nth-child(4) .prior__item-body {
        margin-top: 5px;
    }
    .prior__item:nth-child(5) {
        padding-top: 45px;
    }
    .prior__item:nth-child(5) h4 {
        font-size: 15px;
    }
    .prior__item:nth-child(5) .prior__item-body {
        margin-top: 5px;
    }
    .prior__item-body {
        margin-top: 5px;
    }
    .prior__lines {
        background-position: 17%;
    }
}
.master {
    padding-bottom: 127px;
    position: relative;
}
.master__lines {
    width: 100%;
    height: 767px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/master-bg-lines.webp) no-repeat;
    background-size: cover;
}
.master__content {
    padding-top: 95px;
    position: relative;
    z-index: 3;
}
.master__head {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.master__head h2 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
    max-width: 990px;
}
.master__head h2 span {
    color: var(--accent-color);
}
.master__head-serts {
    flex-shrink: 0;
    display: flex;
    gap: 10px;
    margin-top: 8px;
}
.master__top {
    margin-top: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.master__top p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
    color: var(--primary-color);
}
.master__btns {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: -9px;
}
.master__slider {
    margin-top: 38px;
    overflow: hidden;
}
.master__slider .swiper-slide {
    max-width: 343px;
}
.master__slider .swiper-scrollbar {
    max-width: 913px;
    left: 50% !important;
    transform: translate(-50%);
    background-color: var(--secondary2);
    position: relative !important;
    margin-top: 62px !important;
}
.master__slider .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: var(--accent-color);
}
.master__img {
    border-radius: 10px;
    overflow: hidden;
}
.master__info {
    margin-top: 12px;
}
.master__name {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
}
.master__prof {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.15px;
    color: var(--text-color2);
    margin-top: 8px;
}
.master__experience {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.12px;
    color: var(--text-color2);
    padding: 4px 10.5px;
    border: 1px solid var(--text-color2);
    border-radius: 5px;
    display: inline-block;
    margin-top: 11px;
}
.master-button-prev,
.master-button-next {
    width: 50px;
    height: 35px;
    border-radius: 80px;
    border: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--page-color);
    cursor: pointer;
    transition: all 0.2s;
}
.master-button-prev:hover,
.master-button-next:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.master-button-prev:hover svg,
.master-button-next:hover svg {
    fill: var(--primary-color);
}
.master-button-prev svg,
.master-button-next svg {
    fill: var(--primary-color);
    transition: all 0.2s;
}
@media (max-width: 1200px) {
    .master__head h2 {
        font-size: 45px;
    }
}
@media (max-width: 992px) {
    .master__head h2 {
        font-size: 35px;
    }
}
@media (max-width: 767.98px) {
    .master__head {
        flex-direction: column;
    }
    .master__btns {
        display: none;
    }
}
@media (max-width: 550px) {
    .master__content {
        padding-top: 40px;
    }
    .master__head {
        gap: 15px;
    }
    .master__head h2 {
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -0.9px;
    }
    .master__head-serts {
        margin-top: 0;
    }
    .master__head-serts img {
        width: 100%;
    }
    .master__head-serts img:nth-child(1) {
        width: 99px;
        height: 133px;
    }
    .master__head-serts img:nth-child(2) {
        width: 97px;
        height: 133px;
    }
    .master__head-serts img:nth-child(3) {
        width: 99px;
        height: 133px;
    }
    .master__top {
        margin-top: 20px;
    }
    .master__top p {
        font-size: 16px;
        letter-spacing: -0.16px;
    }
    .master__slider {
        margin-top: 19px;
        overflow-x: visible !important;
    }
    .master__slider .swiper-slide {
        max-width: 280px;
    }
    .master__img img {
        width: 100%;
        height: auto;
    }
    .master__slider .swiper-scrollbar {
        margin-top: 36px !important;
    }
}
.home {
    padding-top: 121px;
    position: relative;
    z-index: 3;
}
.home h2 {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.9px;
    color: var(--primary-color);
    max-width: 720px;
}
.home h2 span {
    color: var(--accent-color);
}
.home__inner {
    margin-top: 13px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
}
.home__item-1 {
    max-width: 220px;
    margin-bottom: 22px;
}
.home__item-1 svg {
    margin-left: 17px;
    fill: var(--secondary7);
}
.home__item-1 p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
    color: var(--primary-color);
    margin-top: 13px;
}
.home__item-2 {
    max-width: 440px;
    margin-bottom: 24px;
    margin-left: 20px;
}
.home__item-2-title {
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.2px;
    color: var(--accent-color);
}
.home__item-2 p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
    color: var(--primary-color);
    margin-top: 13px;
}
.home__item-3 {
    max-width: 555px;
}
.home__item-3 svg {
    margin-left: 18px;
    fill: var(--accent-color);
}
.home__item-3-title {
    max-width: 420px;
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.27px;
    color: var(--primary-color);
    margin-top: 9px;
}
.home__item-3 p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
    color: var(--text-color2);
    margin-top: 21px;
}
@media (max-width: 1200px) {
    .home__item-3 {
        max-width: 420px;
    }
}
@media (max-width: 992px) {
    .home__inner {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 27px;
    }
    .home__item-1 {
        max-width: 400px;
        display: flex;
        align-items: center;
        gap: 19px;
        margin-bottom: 0;
    }
    .home__item-1 svg {
        width: 50px;
        height: 50px;
        flex-shrink: 0;
        margin-left: 0;
    }
    .home__item-1 p {
        margin-top: 0;
    }
    .home__item-2 {
        margin-left: 0;
        margin-bottom: 0;
        max-width: 100%;
    }
    .home__item-3 {
        max-width: 100%;
    }
    .home__item-3 div {
        display: flex;
        align-items: center;
        gap: 28px;
    }
    .home__item-3 div svg {
        flex-shrink: 0;
    }
}
@media (max-width: 550px) {
    .master {
        padding-bottom: 40px;
    }
    .master__lines {
        background-position: 78%;
    }
    .home {
        padding-top: 38px;
    }
    .home h2 {
        font-size: 28px;
        letter-spacing: -0.9px;
        line-height: 100%;
    }
    .home__inner {
        margin-top: 28px;
        gap: 0;
    }
    .home__item-1 {
        gap: 21px;
    }
    .home__item-1 p {
        font-size: 16px;
        letter-spacing: -0.16px;
    }
    .home__item-2 {
        margin-top: 20px;
    }
    .home__item-2-title {
        font-size: 40px;
        letter-spacing: -0.8px;
    }
    .home__item-2 p {
        font-size: 16px;
        letter-spacing: -0.16px;
        margin-top: 3px;
    }
    .home__item-3 {
        margin-top: 21px;
    }
    .home__item-3 div {
        margin-left: 10px;
    }
    .home__item-3 div svg {
        width: 34px;
        height: 41px;
        margin-left: 0;
    }
    .home__item-3-title  {
        font-size: 18px;
        letter-spacing: -0.18px;
        margin-top: 0;
    }
    .home__item-3 p {
        font-size: 15px;
        letter-spacing: -0.15px;
        margin-top: 15px;
    }
}
.disc {
    display: flex;
    gap: 10px;
    position: relative;
    z-index: 3;
}
.disc__left {
    width: 100%;
    border: 1px solid var(--primary-color);
    border-radius: 30px;
    padding: 39px 59px 47px 76px;
}
.disc__left-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.disc__left-head h2 {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.35px;
    color: var(--primary-color);
    max-width: 482px;
}
.disc__left-head svg {
    fill: var(--accent-color);
}
.disc__text {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -0.72px;
    color: var(--primary-color);
    margin-top: 17px;
}
.disc__list {
    margin-left: 8px;
    margin-top: 32px;
}
.disc__list li {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.36px;
    color: var(--text-color2);
}
.disc__list li span {
    font-weight: 600;
    color: var(--primary-color);
}
.disc__btn {
    width: 100%;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: var(--secondary-color);
    border-radius: 4px;
    text-align: center;
    background-color: var(--accent-color);
    border: none;
    padding: 18px;
    margin-top: 26px;
    transition: 0.2s;
    cursor: pointer;
}
.disc__btn:hover {
    box-shadow: 0 0 10px var(--accent-color);
}
.disc__right {
    width: 100%;
    max-width: 527px;
    flex-shrink: 0;
    border-radius: 30px;
    overflow: hidden;
}
.disc__right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1200px) {
    .disc__left {
        padding: 30px;
    }
    .disc__left-head h2 {
        font-size: 40px;
    }
    .disc__right {
        max-width: 400px;
    }
}
@media (max-width: 992px) {
    .disc {
        flex-direction: column-reverse;
        gap: 11px;
    }
    .disc__right {
        max-width: 100%;
        height: 420px;
    }
}
@media (max-width: 550px) {
    .disc__right {
        height: 229px;
    }
    .disc__left {
        padding: 12px 30px 37px;
    }
    .disc__left-head h2 {
        font-size: 24px;
        letter-spacing: -0.72px;
    }
    .disc__text {
        font-size: 16px;
        letter-spacing: -0.16px;
        margin-top: 14px;
    }
    .disc__list {
        margin-left: 13px;
        margin-top: 15px;
    }
    .disc__list li {
        font-size: 15px;
    }
    .disc__btn {
        font-size: 15px;
        margin-top: 14px;
        padding: 15px;
    }
}
.review__container {
    max-width: 1443px;
}
.review h2 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
}
.review h2 span {
    color: var(--accent-color);
}
.review__top {
    margin-top: 29px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review__top-left {
    display: flex;
    align-items: center;
    max-width: 383px;
    gap: 14px;
}
.review__top-left p {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.13px;
    color: var(--text-color2);
}
.review__rate {
    display: flex;
    align-items: center;
    gap: 20px;
}
.review__rate-stars {
    display: flex;
    align-items: center;
    gap: 7px;
}
.review__rate-stars svg {
    fill: var(--accent-color);
}
.review__rate-num {
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--primary-color);
}
.review__btns {
    display: flex;
    align-items: center;
    gap: 20px;
}
.review__slider {
    margin-top: 30px;
    position: relative;
}
.review__slider .swiper-slide {
    max-width: 379px;
    min-height: 537px;
    height: auto;
}
.review__slider .swiper-scrollbar {
    position: relative !important;
    max-width: 920px;
    margin-top: 55px !important;
    left: 50% !important;
    transform: translate(-50%);
    background-color: var(--secondary2);
}
.review__slider .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: var(--accent-color);
}
.review__item {
    border-radius: 15px;
    background-color: var(--secondary-bg);
    padding: 29px 30px 41px 28px;
    min-height: 537px;
    display: flex;
    flex-direction: column;
}
.review__item-head {
    display: flex;
    justify-content: space-between;
    max-width: 312px;
}
.review__item-rate {
    margin-top: 19px;
}
.review__item-rate p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--primary-color);
}
.review__item-rate--stars {
    display: flex;
    align-items: center;
    margin-top: 7px;
    gap: 3px;
}
.review__item-rate--stars svg {
    fill: var(--accent-color);
}
.review__item-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary8);
}
.review__item-icon svg {
    fill: var(--message-icon);
}
.review__item-text {
    margin-top: 45px;
    margin-bottom: 20px;
}
.review__item-text p {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.17px;
    color: var(--primary-color);
}
.review__item-date {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.13px;
    color: var(--secondary1);
    margin-top: auto;
}
.review-button-prev,
.review-button-next {
    width: 50px;
    height: 35px;
    border-radius: 80px;
    border: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--page-bg);
    cursor: pointer;
    transition: all 0.2s;
}
.review-button-prev:hover,
.review-button-next:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.review-button-prev:hover svg,
.review-button-next:hover svg {
    fill: var(--primary-color);
}
.review-button-prev svg,
.review-button-next svg {
    fill: var(--primary-color);
    transition: all 0.2s;
}
@media (max-width: 992px) {
    .review h2 {
        font-size: 45px;
    }
}
@media (max-width: 576px) {
    .review__container {
        padding-right: 13px;
    }
    .review h2 {
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -0.9px;
        margin-left: 5px;
    }
    .review__top {
        margin-top: 18px;
    }
    .review__btns {
        display: none;
    }
    .review__rate-stars {
        gap: 5px;
    }
    .review__rate-stars svg {
        width: 20px;
        height: 20px;
    }
    .review__top-left {
        margin-left: 5px;
        gap: 11px;
    }
    .review__rate-num {
        font-size: 24px;
        line-height: 120%;
    }
    .review__rate {
        gap: 11px;
    }
    .review__slider {
        margin-top: 20px;
    }
    .review__slider .swiper-slide {
        max-width: 280px;
    }
    .review__item-icon {
        width: 49px;
        height: 49px;
    }
    .review__item-icon svg {
        width: 21px;
        height: 21px;
    }
    .review__item {
        padding-top: 22px;
        padding-right: 20px;
        padding-left: 30px;
    }
    .review__item-rate {
        margin-top: 28px;
    }
    .review__item-rate p {
        font-size: 18px;
        line-height: 110%;
        letter-spacing: -0.36px;
    }
    .review__item-text {
        margin-top: 30px;
    }
    .review__item-text p {
        font-size: 16px;
        line-height: 130%;
        letter-spacing: -0.16px;
    }
    .review__slider .swiper-scrollbar {
        margin-top: 44px !important;
    }
}
.inform {
    padding-top: 93px;
}
.inform__container {
    max-width: 1448px;
}
.inform__inner {
    display: flex;
    gap: 51px;
}
.inform__img {
    width: 100%;
    max-width: 431px;
    flex-shrink: 0;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    margin-bottom: auto;
}
.inform__img img {
    display: block;
}
.inform__badge {
    padding: 15px 33px;
    background-color: var(--accent-color);
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 30px 0 0;
}
.inform__badge p {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 95%;
    letter-spacing: -0.9px;
    color: var(--secondary-color);
}
.inform__content {
    margin-top: 5px;
}

.inform__top {
    color: var(--primary-color);
}
.inform__top h3 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
    max-width: 687px;
}
.inform__top h3 br {
    display: none;
}
.inform__top h3 span {
    color: var(--accent-color);
}
.inform__top h2 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
    max-width: 687px;
}
.inform__top h2 br {
    display: none;
}
.inform__top h2 span {
    color: var(--accent-color);
}
.inform__subtitle {
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.27px;
    color: var(--primary-color);
    margin-top: 20px;
    max-width: 840px;
}
.inform__descr {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
    color: var(--text-color2);
    margin-top: 25px;
    max-width: 861px;
}
.inform__nums {
    display: flex;
    gap: 90px;
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid var(--line-color);
    flex-wrap: wrap;
}
.inform__num-item-title {
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%;
    letter-spacing: -1.5px;
    color: var(--primary-color);
}
.inform__num-item p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.16px;
    color: var(--text-color2);
    margin-top: 6px;
}
@media (max-width: 1250px) {
    .inform__nums {
        gap: 30px;
    }
}
@media (max-width: 992px) {
    .inform__inner {
        flex-direction: column;
    }
    .inform__img {
        max-width: 100%;
        height: 500px;
    }
    .inform__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media (max-width: 576px) {
    .inform {
        padding-top: 36px;
    }
    .inform__img {
        height: 302px;
    }
    .inform__badge {
        padding: 12px 26px;
    }
    .inform__badge p {
        font-size: 24.465px;
        line-height: 95%;
        letter-spacing: -0.734px;
    }
    .inform__inner {
        gap: 14px;
    }
    .inform__content {
        margin-left: 0;
    }
    .inform__top h3 {
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -0.9px;
    }
    .inform__top h3 br {
        display: block;
    }
    .inform__top h2 {
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -0.9px;
    }
    .inform__top h2 br {
        display: block;
    }
    .inform__subtitle {
        font-size: 18px;
        letter-spacing: -0.18px;
        margin-top: 15px;
    }
    .inform__descr {
        font-size: 16px;
        letter-spacing: -0.16px;
        margin-top: 12px;
    }
    .inform__nums {
        margin-top: 31px;
        padding-top: 20px;
        gap: 60px;
        row-gap: 10px;
    }
    .inform__num-item-title {
        font-size: 28px;
        line-height: 95%;
        letter-spacing: -0.9px;
    }
    .inform__num-item p {
        font-size: 14px;
        letter-spacing: -0.14px;
        margin-top: 2px;
    }
}
.contacts {
    margin-bottom: 50px;
}
.contacts__title {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.9px;
    color: var(--primary-color);
    max-width: 1125px;
}
.contacts__title span {
    color: var(--accent-color);
}
.contacts__inner {
    display: flex;
    gap: 50px;
    margin-top: 38px;
}
.contacts__left {
    margin-top: 13px;
    max-width: 593px;
}
.contacts__subtitle {
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.27px;
    color: var(--primary-color);
}
.contacts__left p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
    color: var(--text-color2);
    margin-top: 22px;
}
.contacts__left a {
    color: var(--text-color2);
    text-decoration: underline;
}
.contacts__left a:hover {
    text-decoration: none;
}
.contacts__btn {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: var(--secondary-color);
    margin-top: 50px;
    padding: 17px 52px;
    border-radius: 4px;
    background-color: var(--accent-color);
    border: none;
    cursor: pointer;
    transition: 0.2s;
}
.contacts__btn:hover {
    box-shadow: 0 0 10px var(--accent-color);
}
.contacts__img {
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    max-width: 800px;
}
.contacts__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1200px) {
    .contacts__left {
        max-width: 400px;
    }
}
@media (max-width: 992px) {
    .contacts__inner {
        flex-direction: column;
    }
    .contacts__left {
        max-width: 100%;
    }
    .contacts__title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .contacts__subtitle {
        margin-top: 25px;
    }
}
@media (max-width: 576px) {
    .contacts__inner {
        margin-top: 0;
        gap: 30px;
    }
    .contacts__img {
        border-radius: 25px;
    }
    .contacts__title-2 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        letter-spacing: -0.72px;
    }
    .contacts__left {
        margin-top: 0;
    }
    .contacts__subtitle {
        margin-top: 14px;
        font-size: 18px;
        letter-spacing: -0.18px;
        max-width: 300px;
    }
    .contacts__left p {
        font-size: 16px;
        letter-spacing: -0.16px;
        margin-top: 12px;
    }
    .contacts__btn {
        font-size: 18px;
        letter-spacing: -0.36px;
        padding: 20px;
        width: 100%;
        text-align: center;
        margin-top: 22px;
    }
}
.prevention {
    padding-top: 50px;
}
.prevention__title {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.9px;
    color: var(--primary-color);
    max-width: 1125px;
}
.prevention__title span {
    color: var(--accent-color);
}
.prevention__inner {
    display: flex;
    gap: 7px;
    margin-top: 38px;
}
.prevention__left {
    margin-top: 13px;
    max-width: 593px;
}
.prevention__subtitle {
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.27px;
    color: var(--primary-color);
}
.prevention__left p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
    color: var(--text-color2);
    margin-top: 22px;
}
.prevention__btn {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: var(--secondary-color);
    margin-top: 50px;
    padding: 17px 52px;
    border-radius: 4px;
    background-color: var(--accent-color);
    border: none;
    cursor: pointer;
    transition: 0.2s;
}
.prevention__btn:hover {
    box-shadow: 0 0 10px var(--accent-color);
}
.prevention__img {
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    max-width: 800px;
}
.prevention__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1200px) {
    .prevention__left {
        max-width: 400px;
    }
}
@media (max-width: 992px) {
    .prevention__inner {
        flex-direction: column-reverse;
    }
    .prevention__left {
        max-width: 100%;
    }
    .prevention__title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .prevention__subtitle {
        margin-top: 25px;
    }
}
@media (max-width: 576px) {
    .prevention__inner {
        margin-top: 0;
        gap: 10px;
    }
.prevention {
    padding-top: 30px;
}
    .prevention__img {
        border-radius: 25px;
    }
    .prevention__title {
    font-size:28px;   
    }
    .prevention__title-2 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        letter-spacing: -0.72px;
    }
    .prevention__left {
        margin-top: 0;
    }
    .prevention__subtitle {
        margin-top: 14px;
        font-size: 18px;
        letter-spacing: -0.18px;
        max-width: 300px;
    }
    .prevention__left p {
        font-size: 16px;
        letter-spacing: -0.16px;
        margin-top: 12px;
    }
    .prevention__btn {
        font-size: 18px;
        letter-spacing: -0.36px;
        padding: 20px;
        width: 100%;
        text-align: center;
        margin-top: 22px;
    }
}
.faq {
    padding-top: 93px;
}
.faq__container {
    max-width: 1448px;
}
.faq__inner {
    display: flex;
    gap: 106px;
}
.faq__info {
    width: 100%;
    max-width: 498px;
}
.faq__info h2 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
}
.faq__subtitle {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.24px;
    color: var(--primary-color);
    margin-top: 36px;
}
.faq__text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
    color: var(--primary-color);
    margin-top: 30px;
}
.faq__btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: var(--secondary-color);
    padding: 10px 13px;
    background-color: var(--accent-color);
    border: none;
    border-radius: 4px;
    margin-top: 28px;
    cursor: pointer;
    transition: all 0.2s;
}
.faq__btn:hover {
    box-shadow: 0 0 10px var(--accent-color);
}
.acc {
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.acc__question-icon {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 1px solid var(--accent-color);
    position: relative;
    flex-shrink: 0;
}
.acc__question-icon:before {
    content: "+";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
    color: var(--accent-color);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.acc__item {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--line-color);
    cursor: pointer;
}
.acc__item.active {
    padding-bottom: 30px;
}
.acc__item.active .acc__question-icon {
    background-color: var(--accent-color);
}
.acc__item.active .acc__question-icon:before {
    content: "-";
    color: var(--secondary-color);
}
.acc__item.active .acc__answer {
    padding-top: 21px;
    max-height: 100%;
    overflow: visible;
    animation: fade 0.5s ease-in-out;
}
.acc__question {
    display: flex;
    align-items: center;
    gap: 22px;
}
.acc__question .acc_name {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.24px;
    color: var(--primary-color);
}
.acc__answer {
    padding-left: 55px;
    max-height: 0;
    overflow: hidden;
}
.acc__answer p {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.17px;
    color: var(--primary-color);
}
.acc__answer span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.17px;
    color: var(--secondary1);
    margin-top: 22px;
    display: block;
}
@keyframes fade {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@media (max-width: 1200px) {
    .faq__inner {
        gap: 50px;
    }
    .faq__info h2 {
        font-size: 42px;
    }
}
@media (max-width: 992px) {
    .faq__inner {
        flex-direction: column;
    }
    .faq__info {
        max-width: 100%;
    }
}
@media (max-width: 500px) {
    .faq {
        padding-top: 40px;
    }
    .faq__info h2 {
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -0.9px;
    }
    .faq__info h2 br {
        display: none;
    }
    .faq__subtitle {
        font-size: 18px;
        line-height: 130%;
        letter-spacing: -0.18px;
        margin-top: 13px;
    }
    .faq__text {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.16px;
        margin-top: 7px;
    }
    .faq__text br {
        display: none;
    }
    .faq__btn {
        width: 100%;
        margin-top: 17px;
    }
    .acc__question-icon {
        width: 24px;
        height: 24px;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.2px;
    }
    .acc__question {
        gap: 12px;
    }
    .acc__question h3 {
        font-size: 18px;
        line-height: 110%;
        letter-spacing: -0.18px;
    }
    .acc__answer {
        padding-left: 36px;
    }
    .acc__answer p,
    .acc__answer span {
        font-size: 16px;
        line-height: 130%;
        letter-spacing: -0.16px;
    }
    .faq__inner {
        gap: 29px;
    }
    .acc__item.active .acc__answer {
        padding-top: 11px;
    }
    .acc {
        gap: 16px;
    }
    .acc__item {
        padding-bottom: 14px;
    }
    .acc__item.active {
        padding-bottom: 17px;
    }
}
.brands {
    padding-top: 78px;
    padding-bottom: 50px;
}
.place {
    padding-top: 138px;
    padding-bottom: 120px;
}
.place__container {
    max-width: 1443px;
}
.place__title {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.65px;
    color: var(--primary-color);
}
.place__title span {
    color: var(--accent-color);
}
.place__content {
    margin-top: 39px;
    position: relative;
}
.place__content.active .place__list {
    max-height: 100%;
}
.place__content.active .place__cover {
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s;
    visibility: hidden;
}
.place__cover {
    background: linear-gradient(0deg, var(--secondary6) 12.8%, rgba(255, 255, 255, 0) 91.96%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.place__cover-btn {
    padding: 10px 15px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: var(--primary-color);
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
}
.place__cover-btn:hover {
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    color: var(--secondary-color);
}
.place .place__content-1 .place__content-inner {
    max-width: 1397px;
}
.place .place__content-2 {
    margin-top: 46px;
}
.place .place__content-2 .place__content-head {
    gap: 19px;
}
.place .place__content-2 .place__content-top {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.28px;
    color: var(--primary-color);
    margin-top: 9px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--line-color);
}
.place .place__content-2 .place__content-top div {
    display: flex;
    align-items: center;
    gap: 14px;
}
.place .place__content-2 .place__content-top div span {
    text-transform: uppercase;
}
.place .place__content-2 .place__content-inner {
    max-width: 1397px;
}
.place .place__content-3 {
    margin-top: 61px;
}
.place .place__content-3 .place__content-head {
    gap: 19px;
}
.place .place__content-3 .place__content-head svg {
    fill: var(--secondary-blue);
}
.place .place__content-3 .place__content-inner {
    max-width: 1397px;
    margin-top: 22px;
}
.place__content-head {
    display: flex;
    align-items: center;
    gap: 23px;
}
.place__content-head svg {
    fill: var(--accent-color);
    flex-shrink: 0;
}
.place__content-head h3 {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.6px;
    color: var(--primary-color);
}
.place__content-inner {
    margin-top: 15px;
}
.place__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    row-gap: 0;
    max-height: 380px;
    overflow: hidden;
}
.place__list li {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.28px;
    color: var(--text-color2);
}
.place__list li a {
    color: var(--text-color2);
    transition: color 0.2s;
}
.place__list li a:hover {
    color: var(--accent-color);
}
.place__content-top a {
    color: var(--text-color2);
    transition: color 0.2s;
}
.place__content-top a:hover {
    color: var(--accent-color);
}
@media (max-width: 1200px) {
    .place__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 992px) {
    .place {
        padding-top: 100px;
    }
    .place__title {
        font-size: 45px;
    }
    .place__list {
        max-height: 260px;
    }
    .place__content-top {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .place__content-top div {
        flex-wrap: wrap;
    }
}
@media (max-width: 650px) {
    .place__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 576px) {
    .place__list li a {
        padding: 0px 0px;
        margin: 12px 12px 12px 0px;
        display: flex;
    }
    .place__content-top a {
        padding: 0px;
        margin: 12px 12px 12px 0px;
        display: flex;
    }
    .place {
        padding-top: 40px;
        padding-bottom: 95px;
    }
    .place__title {
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -0.9px;
    }
    .place__content-head h3 {
        font-size: 20px;
        line-height: 110%;
        letter-spacing: -0.4px;
    }
    .place__content-1 {
        margin-top: 15px;
    }
    .place__content-1 .place__content-head {
        gap: 12px;
    }
    .place__content-1 .place__content-head svg {
        width: 30px;
        height: 30px;
    }
    .place__content-1 .place__content-inner {
        margin-top: 18px;
    }
    .place .place__content-2 {
        margin-top: 32px;
    }
    .place .place__content-2 .place__content-head svg {
        width: 26px;
        height: 32px;
    }
    .place .place__content-2 .place__content-top {
        padding-bottom: 6px;
        gap: 0px;
    }
    .place .place__content-2 .place__content-top div {
        row-gap: 0;
    }
    .place .place__content-3 {
        margin-top: 23px;
    }
    .place .place__content-3 .place__content-head svg {
        width: 30px;
        height: 30px;
    }
    .place .place__content-3 .place__content-top {
        padding-bottom: 6px;
        gap: 0px;
    }
    .place .place__content-3 .place__content-top h3 {
        font-size: 20px;
        line-height: 110%;
        letter-spacing: -0.4px;
    }
    .place .place__content-3 .place__content-top div {
        row-gap: 0;
    }
    .place .place__content-3 .place__content-inner {
        margin-top: 17px;
    }
}
@media (max-width: 450px) {
    .place__cover-btn {
        width: 100%;
        padding: 4px;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: -0.16px;
    }
}
.footer {
    background: var(--form-gradient);
    padding-top: 44px;
    padding-bottom: 59px;
    position: relative;
    margin-top: 20px;
}
.footer__bg-lines {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/footer-bg-lines.webp) no-repeat;
    background-size: cover;
}
.footer__container {
    position: relative;
    z-index: 4;
}
.footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.footer__info-title {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.35px;
    color: var(--secondary-color);
}
.footer__info p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.4px;
    color: var(--secondary2);
    max-width: 720px;
    margin-top: 30px;
}
.footer__info p span {
    font-weight: 700;
}
.footer__btn {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: var(--secondary-color);
    padding: 18px 37px;
    background-color: var(--accent-color);
    border-radius: 4px;
    border: none;
    margin-bottom: 20px;
    transition: 0.2s;
    flex-shrink: 0;
    cursor: pointer;
}
.footer__btn:hover {
    box-shadow: 0 0 10px var(--accent-color);
}
.footer__bottom {
    margin-top: 49px;
    padding-top: 47px;
    border-top: 1px solid var(--secondary4);
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.footer__logo {
    display: flex;
    align-items: center;
    gap: 30px;
}
.footer__logo p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--secondary-color);
    max-width: 124px;
}
.footer__company {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.26px;
    color: var(--secondary1);
    max-width: 170px;
    margin-top: 22px;
}
.footer__address {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    cursor: pointer;
}
.footer__address svg {
    fill: var(--secondary-color);
}
.footer__address:hover span {
    color: var(--accent-color);
}
.footer__address:hover svg {
    fill: var(--accent-color);
}
.footer__address span {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.15px;
    color: var(--secondary-color);
    text-decoration: underline;
    text-underline-offset: 6px;
    transition: color 0.2s;
}
.footer__cta {
    max-width: 573px;
}
.footer__cta-top {
    display: flex;
    justify-content: space-between;
}
.footer__cta-btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: var(--secondary-color);
    padding: 10px 15px;
    border: 1px solid var(--secondary-color);
    border-radius: 4px;
    background: none;
    cursor: pointer;
    transition: all 0.2s;
}
.footer__cta-btn:hover {
    border-color: var(--accent-color);
    background-color: var(--accent-color);
}
.footer__socials {
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer__socials a:hover svg {
    fill: var(--accent-color);
}
.footer__socials svg {
    fill: var(--secondary-color);
    transition: 0.2s;
}
.footer__phone a {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.24px;
    color: var(--secondary-color);
    transition: color 0.2s;
}
.footer__phone a:hover {
    color: var(--accent-color);
}
.footer__phone p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    gap: 7px;
}
.footer__cta-text {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.26px;
    color: var(--secondary1);
    margin-top: 26px;
}
.footer__cta-cards {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 11px;
}
.scrollToTop {
    width: 50px;
    height: 50px;
    background-color: var(--page-bg);
    border-radius: 50%;
    position: absolute;
    top: -80px;
    right: calc((100% - 1400px) / 2);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    z-index: 10;
}
.scrollToTop svg {
    fill: var(--primary-color);
}
@media (max-width: 1450px) {
    .scrollToTop {
        right: 26px;
    }
}
@media (max-width: 1200px) {
    .footer__info-title {
        font-size: 40px;
    }
}
@media (max-width: 992px) {
    .footer__top,
    .footer__bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 550px) {
    .footer {
        padding-top: 33px;
        padding-bottom: 40px;
    }
    .footer__info-title {
        font-size: 24px;
        line-height: 95%;
        letter-spacing: -0.72px;
    }
    .footer__info-title br {
        display: none;
    }
    .footer__info p {
        font-size: 15px;
        line-height: 110%;
        letter-spacing: -0.3px;
        margin-top: 14px;
    }
    .footer__container {
        padding: 0 28px;
    }
    .footer__top {
        gap: 18px;
    }
    .footer__btn {
        width: 100%;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: -0.36px;
        margin-bottom: 0;
        padding: 14px;
    }
    .footer__bottom {
        margin-top: 23px;
        padding-top: 15px;
    }
    .footer__logo img {
        max-width: 148px;
    }
    .footer__company {
        font-size: 13px;
        line-height: 110%;
        letter-spacing: -0.26px;
        margin-top: 13px;
    }
    .footer__cta {
        margin-top: 10px;
    }
    .footer__cta-top {
        flex-wrap: wrap;
        row-gap: 11px;
    }
    .footer__cta-btn {
        order: 4;
        width: 100%;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: -0.14px;
        padding: 8px;
    }
    .footer__phone a {
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.2px;
    }
    .footer__phone p {
        font-size: 13px;
        line-height: 90%;
    }
    .footer__phone p svg {
        width: 18px;
        height: 18px;
    }
    .footer__cta-text {
        font-size: 11px;
        line-height: 110%;
        letter-spacing: -0.22px;
        text-align: center;
        margin-top: 15px;
    }
    .footer__cta-cards {
        justify-content: center;
    }
    .scrollToTop {
        top: -70px;
        left: 50%;
        right: auto;
        transform: translate(-50%);
    }
}
@media (max-width: 40px){
    .footer__logo img {
        max-width: 110px;
    }
    .footer__address span {
        font-size: 12px;
    }
}
@font-face {
    font-family: swiper-icons;
    /*src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);*/
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000);
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.swiper-button-lock {
    display: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}
.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.fixing {
    padding-top: 80px;
    margin-bottom: 80px;
}

.fixing__title {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.65px;
    color: var(--primary-color)
}

.fixing__title span {
    color: var(--accent-color)
}

.fixing__inner {
    margin-top: 45px
}

.fixing__tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.fixing__tab::-webkit-scrollbar {
    display: none
}

.fixing__tab {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.fixing__tab button {
    width: 100%;
    padding: 25px;
    border: 1px solid var(--secondary2);
    background-color: var(--page-bg);
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.4px;
    color: var(--primary-color);
    border-radius: 15px;
    cursor: pointer;
    transition: .2s
}

.fixing__tab button.active {
    background-color: var(--primary-color);
    color: var(--page-bg)
}

.fixing__content {
    margin-top: 50px;
    display: none
}

.fixing__content.active {
    display: block
}

.fixing__content-inner {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 37px;
}
.fixing__item{
    max-width: 250px;
}

.fixing__item-img {
    min-height: 270px;
    position: relative;
    text-align: center;
    overflow: hidden
}

.fixing__item-name {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -.48px;
    color: var(--primary-color);
    margin-top: 20px
}

@media (min-width: 992px) {
    .fixing__tab button:hover {
        background-color: var(--primary-color);
        color: var(--page-bg)
    }
}

@media (max-width: 992px) {
    .fixing {
        padding-top: 50px;
        margin-bottom: 50px;
    }

    .fixing__title {
        font-size: 45px
    }

    .fixing__item-img {
        min-height: 300px
    }
}

@media (max-width: 767.98px) {
    .fixing__title {
        font-size: 40px
    }

    .fixing__item-img {
        min-height: 149px
    }
    .fixing__item-img img {
        width: 100%;
        height: 100%;
    }

    .fixing__tab {
        display: flex;
        justify-content: space-around;
        overflow: auto
    }

    .fixing__tab button {
        padding-left: 40px;
        padding-right: 40px;
        flex-shrink: 0;
        width: auto
    }
}

@media (max-width: 576px) {
    .fixing__title {
        font-size: 30px
    }

    .fixing__item-name {
        font-size: 16px
    }

    .fixing__inner {
        margin-top: 23px
    }

    .fixing__tab {
        gap: 10px
    }

    .fixing__tab button {
        padding: 12px 20px;
        font-size: 16px;
        border-radius: 8px
    }

    .fixing__content {
        margin-top: 25px
    }

    .fixing__content-inner {
        gap: 5px;
        row-gap: 20px
    }

    .fixing__item {
        max-width: 133px
    }

    .fixing__item-name:before {
        min-height: 133px;
        margin-bottom: 14px
    }
}

.code {
    padding-top: 80px;
}

.code__title {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.65px;
    color: var(--primary-color)
}

.code__title span {
    color: var(--accent-color)
}

.code__inner {
    margin-top: 45px
}

.code__row {
    display: flex;
    align-items: center;
    gap: 26px;
    padding: 13px 20px;
    background-color: var(--service-card-bg);
    border-radius: 15px
}

.code__row:not(:first-child) {
    margin-top: 2px
}

.code__number {
    padding: 10px 10px;
    background-color: var(--page-bg);
    border-radius: 10px;
    margin-bottom: auto;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--primary-color);
    min-width: 80px;
}
.code__number a{
    color: var(--primary-color);
    text-decoration: underline;
}
.code__number a:hover{
    text-decoration: none;
}

.code__info {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.36px;
    color: var(--primary-color)
}

.code__link {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.code__link a {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -.12px;
    color: var(--text-color);
    padding: 7px 22px;
    border-radius: 5px;
    border: 1px solid var(--text-color);
    display: block;
    transition: transform 0.3s;
    text-align: center
}
.code__link a:hover {transform: scale(1.05)}
.code__text {
    margin-top: 40px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -.17px;
    color: var(--primary-color)
}

@media (max-width: 992px) {
    .code__title {
        font-size: 40px
    }
}

@media (max-width: 767.98px) {
    .code__title {
        font-size: 35px
    }

    .code {
        padding-top: 50px
    }

    .code__row {
        align-items: flex-start
    }
}

@media (max-width: 576px) {
    .code__title {
        font-size: 28px
    }

    .code__inner {
        margin-top: 27px
    }

    .code__row {
        padding: 13px 15px;
        gap: 20px
    }

    .code__number {
        padding: 14.5px
    }

    .code__number p,
    .code__info {
        font-size: 16px
    }

    .code__link {
        margin-top: 20px
    }

    .code__text {
        font-size: 15px;
        margin-top: 30px
    }
}

@media (max-width: 450px) {
    .code__link a {
        width: 100%;
        display: block
    }
}

.model {
    padding-top: 80px;
}

.model__title {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.65px;
    color: var(--primary-color)
}

.model__title span {
    color: var(--accent-color)
}

.model__inner {
    display: flex;
    justify-content: center;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 40px
}

.model__inner::-webkit-scrollbar {
    display: none
}

.model__inner {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.model__item {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    max-width: 270px
}

.model__item-img img {
    width: 100%;
    height: auto
}

.model__item-name {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -.4px;
    color: var(--primary-color)
}

.model__bottom {
    margin-top: 40px;
    padding-top: 27px;
    position: relative
}

.model__bottom-title {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.24px;
    color: var(--primary-color)
}

.model__bottom:before {
    content: "";
    width: 277px;
    height: 1px;
    background-color: var(--secondary2);
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    display: block
}

.model__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 90px;
    row-gap: 10px;
    max-height: 100px;
    opacity: 1;
    overflow: hidden;
    box-sizing: content-box;
    transition: all .3s;
    will-change: transform;
    padding-top: 20px
}
.model__list:before {
    background: linear-gradient(0deg, var(--secondary6) 12.8%, rgba(255, 255, 255, 0) 91.96%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    content: "";
}
.model__list.active {
    overflow: visible;
    visibility: visible;
}
.model__list.active:before {
    display: none;
}

.model__list li {
    width:135px;
}
.model__list li a {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.36px;
    color: var(--primary-color);
    transition: color .2s
}

.model__list li a:hover {
    color: var(--accent-color)
}

.model__more-btn {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -.12px;
    color: var(--text-color);
    padding: 7px 22px;
    border-radius: 5px;
    border: 1px solid var(--text-color);
    background-color: var(--page-bg);
    cursor: pointer;
    transition: .2s;
    width: 100%;
    max-width: 166px;
    margin: 16px auto 0;
    display: block
}

.model__more-btn:hover {
    color: var(--page-bg);
    background-color: var(--accent-color);
    border-color: var(--accent-color)
}

@media (max-width: 992px) {
    .model__title {
        font-size: 40px
    }

    .model__list {
        column-gap: 60px
    }
}

@media (max-width: 767.98px) {
    .model {
        padding-top: 50px
    }

    .model__title {
        font-size: 30px
    }

    .model__item {
        max-width: 200px
    }

    .model__list {
        column-gap: 40px
    }
}

@media (max-width: 576px) {
    .model__inner {
        margin-top: 22px;
        padding-left: 26px;
        padding-right: 26px;
        gap: 5px
    }

    .model .container {
        padding: 0
    }

    .model__title {
        padding: 0 26px
    }

    .model__bottom {
        padding-left: 26px;
        padding-right: 26px;
        padding-top: 22px
    }

    .model__bottom-title {
        font-size: 20px
    }

    .model__list.active {
        padding-top: 20px
    }

    .model__item {
        max-width: 156px
    }

    .model__item-name {
        font-size: 14px
    }

    .model__list {
        max-width: 320px;
        margin: 0 auto;
        column-gap: 10px
    }

    .model__list li a {
        font-size: 15px
    }
}

@media (max-width: 450px) {
    .model__more-btn {
        max-width: 100%
    }
}

.calc {
    padding-top: 80px
}

.calc__inner {
    padding: 37px 37px 50px 70px;
    background-color: var(--page-bg);
    border: 1px solid rgba(0, 0, 0, .2509803922);
    border-radius: 30px
}

.preview__head {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 16px
}

.preview__head h3 {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -1.35px;
    color: var(--primary-color);
    max-width: 800px
}

.preview__head svg {
    flex-shrink: 0
}

.preview__body {
    margin-top: 24px
}

.preview__body p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%;
    letter-spacing: -.72px;
    color: var(--primary-color)
}

.preview__body p br {
    display: none
}

.preview__body p span {
    color: var(--accent-color)
}

.preview__start-btn {
    padding: 18px 58px;
    border: 1px solid var(--accent-color);
    border-radius: 4px;
    color: var(--secondary-color);
    background-color: var(--accent-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.4px;
    margin-top: 42px;
    cursor: pointer;
    transition: .2s
}

.preview__start-btn:hover {
    box-shadow: 0 0 10px var(--accent-color)
}

.quiz.active {
    display: block
}

.quiz__tab {
    display: none
}

.quiz__progress p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -.28px;
    color: var(--extra)
}

.quiz__question {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 21px
}

.quiz__question-number {
    width: 45px;
    height: 45px;
    border: 1px solid var(--extra);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--extra);
    flex-shrink: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -.72px
}

.quiz__question-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -.9px;
    color: var(--primary-color)
}

.quiz__answer {
    margin-top: 30px;
    padding-top: 30px;
    color: var(--primary-color);
    border-top: 1px solid var(--secondary2)
}

.quiz__answer-checks {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.quiz__answer-checks label {
    display: block
}

.quiz__btns {
    margin-top: 50px;
    display: flex;
    gap: 10px
}

.quiz__btn-next {
    padding: 20px 40px;
    width: 100%;
    max-width: 430px;
    background-color: var(--accent-color);
    border-radius: 4px;
    border: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.4px;
    color: var(--secondary-color);
    border: 1px solid var(--accent-color);
    cursor: pointer;
    transition: .2s
}

.quiz__btn-prev {
    padding: 20px 40px;
    max-width: 430px;
    background-color: var(--secondary-color);
    border-radius: 4px;
    border: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.4px;
    color: var(--extra);
    border: 1px solid var(--primary-color);
    cursor: pointer;
    transition: .2s
}

.quiz .quiz__select select {
    width: 100%;
    max-width: 580px;
    padding: 23px 33px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.4px;
    color: var(--primary-color);
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary2);
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select-arrow.svg);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 30px
}

.quiz__last-head {
    max-width: 500px
}

.quiz__last-head h4 {
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 95%;
    letter-spacing: -1.35px;
    columns: var(--primary-color)
}

.quiz__last-head--text {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -.4px;
    color: var(--text-color);
    margin-top: 28px
}

.quiz__last-reply {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 23px
}

.quiz__last-reply svg {
    flex-shrink: 0
}

.quiz__last-reply p {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -.4px;
    color: var(--extra)
}

.quiz__form-group {
    display: flex;
    margin-top: 35px;
    gap: 10px;
    width: 100%;
    max-width: 670px
}

.quiz__last-inputs {
    width: 100%
}

.quiz__last-inputs input {
    padding: 23px 33px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.4px;
    color: var(--primary-color);
    background-color: var(--secondary-color);
    border-radius: 4px;
    border: 1px solid var(--secondary2);
    width: 100%
}

.quiz__last-inputs input::placeholder {
    color: var(--primary-color)
}

.quiz__phone-note {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -.24px;
    color: var(--secondary1);
    margin-top: 7px
}

.quiz__submit-btn {
    padding: 23px;
    width: 100%;
    max-width: 220px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.4px;
    color: var(--secondary-color);
    background-color: var(--accent-color);
    transition: .2s;
    cursor: pointer;
    display: none;
    border: none;
    border-radius: 4px;
    margin-bottom: auto
}

.quiz__submit-btn:hover {
    box-shadow: 0 0 10px var(--accent-color)
}

.quiz__last-tab+.quiz__btns {
    margin-top: 28px
}

.quiz__last-notification {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -.28px;
    color: var(--secondary1);
    display: none;
    max-width: 436px;
    text-align: center;
    margin-top: 11px
}

.radio {
    cursor: pointer
}

.radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.radio input:checked+span:before {
    border: 4px solid var(--primary-color)
}

.radio span {
    position: relative;
    padding-left: 37px
}

.radio span:before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50px;
    border: 1px solid var(--secondary1);
    position: absolute;
    left: 0;
    top: 0
}

@media (min-width: 992px) {
    .quiz__btn-next:hover {
        box-shadow: 0 0 10px var(--accent-color)
    }

    .quiz__btn-prev:hover {
        border-color: var(--accent-color);
        color: var(--secondary-color);
        background-color: var(--accent-color)
    }
}

@media (max-width: 767.98px) {
    .calc {
        padding-top: 50px
    }

    .calc__inner {
        padding: 30px
    }

    .preview__head h3 {
        font-size: 34px
    }
}

@media (max-width: 576px) {
    .calc__inner {
        padding: 20px 20px 30px
    }

    .preview__head {
        gap: 0px
    }

    .preview__head h3 {
        font-size: 24px
    }

    .preview__head svg {
        width: 50px;
        height: 50px
    }

    .preview__body {
        margin-top: 14px
    }

    .preview__body p {
        font-size: 18px;
        line-height: 100%
    }

    .preview__body p br {
        display: block
    }

    .preview__start-btn {
        font-size: 16px;
        padding: 15px;
        width: 100%;
        margin-top: 30px
    }

    .quiz__question {
        align-items: flex-start
    }

    .quiz__question-number {
        width: 32px;
        height: 32px;
        font-size: 16px
    }

    .quiz__question-title {
        font-size: 20px
    }

    .quiz__btns {
        margin-top: 30px
    }

    .quiz__btn-prev,
    .quiz__btn-next {
        padding: 12px;
        font-size: 15px
    }

    .quiz__last-head h4 {
        font-size: 30px
    }

    .quiz__last-head--text {
        font-size: 16px;
        margin-top: 14px
    }

    .quiz__last-reply {
        align-items: flex-start;
        margin-top: 14px
    }

    .quiz__last-reply p {
        font-size: 15px
    }

    .quiz__form-group {
        flex-direction: column
    }

    .quiz__submit-btn {
        padding: 12px;
        font-size: 15px;
        width: 100%;
        max-width: 100%
    }

    .quiz__last-inputs input {
        font-size: 15px;
        padding: 20px
    }

    .quiz__phone-note {
        font-size: 10px
    }

    .quiz__last-notification {
        font-size: 12px
    }

    .quiz .quiz__select select {
        font-size: 15px;
        padding: 20px
    }
}

@media (max-width: 450px) {
    .quiz__btns {
        display: grid;
        grid-template-columns: 1fr
    }
}
.simple__inner {
    font-size: 18px;
    line-height: 110%;
    color: var(--primary-color);
    margin-bottom: 30px;
}
.simple__inner a{
    color: var(--primary-color);
    text-decoration: underline;
}
.simple__inner a:hover{
    text-decoration: none;
}
.simple ul, ol {
  padding: 0;
  margin: 0;
}

.simple li {
  margin-bottom: 10px;
  padding: 0px 0px 0px 5px;
  margin-left: 40px;
}

.simple p {
    margin: 12px 0px;
}
[tooltip] {
position: relative;
border-bottom: 1px dashed;
}

[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-size: .7em;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001;
}
[tooltip]::after {
  content: attr(tooltip);
  font-family: Helvetica, sans-serif;
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}
.displaynone{display:none;}