@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap");

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

* {
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

html, body {
    min-height: 100vh;
    background: #F4F4F4;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    position: relative;
    width: 100%;
}

body:has(dialog[open]) {
    overflow: hidden;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
}

button {
    padding: 0;
}

a, p, h1, h2, h3, h4, h5, h6, button, input, label, span, li, div {
    overflow-wrap: break-word;
    font-family: Montserrat, sans-serif;
    color: black;
    font-weight: 700;
    font-size: 1.25vw;
}

.visually-hidden {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    clip: rect(0 0 0 0);
    margin: -1px;
}

@keyframes scroll {
    to {
        transform: translate(-50%);
    }
}

.anchor {
    display: block;
    position: relative;
    top: -6.25vw;
    visibility: hidden;
}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    padding: 1.25vw 10.4166666667vw;
    z-index: 10;
    transition: background ease-in-out 400ms;
}

.header__nav {
    width: 100%;
    height: 3.5416666667vw;
    display: flex;
    justify-content: space-between;
}

.header__nav-home {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6666666667vw;
    padding: 0 1.875vw;
    height: 100%;
    text-decoration: none;
    background: #000000;
    border-radius: 0.625vw;
}

.header__nav-home-title {
    display: flex;
    gap: 0.2604166667vw;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.25vw;
}

.header__nav-home-title span {
    color: #5BE136;
}

.header__nav-home-text {
    width: max-content;
    font-weight: 600;
    font-size: 0.8333333333vw;
    color: #ffffff;
}

.header__nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.8333333333vw;
    text-decoration: none;
    transition: color ease-in-out 250ms;
}

.header__nav-link:hover {
    color: #5BE136;
}

.header__nav-free {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 0.3125vw;
}

.header__nav-free-tel {
    text-decoration: none;
    font-weight: 600;
    font-size: 0.8333333333vw;
}

.header__nav-free-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.8333333333vw;
    text-decoration: none;
    width: 11.25vw;
    height: 2.1875vw;
    color: white;
    border-radius: 0.625vw;
    background: #000000 url("../media/header/btn.svg") 0 0/100% 100% no-repeat;
    transition: background ease-in-out 250ms;
}

.header__nav-free-link:hover {
    background: #000000 url("../media/header/btn_hover.svg") 0 0/100% 100% no-repeat;
}

.header_scrolled {
    background: #FFFFFF;
}

.info {
    padding: 1.5625vw 10.4166666667vw;
    display: flex;
    flex-direction: column;
    gap: 2.6041666667vw;
}

.info__head {
    font-size: 2.34375vw;
}

.info__text {
    font-weight: 600;
    font-size: 1.25vw;
    white-space: pre-line;
}

.info__text span {
    font-weight: 800;
    font-size: 1.25vw;
}

.info__file {
    font-weight: 600;
    font-size: 1.25vw;
    color: #5BE136;
    transition: color ease-in-out 250ms;
}

.info__file:hover {
    color: #A6FF8D;
}

.home {
    width: 100%;
    height: 48.5416666667vw;
    background: #FFFFFF url("../media/home/home_back_2x.png") 0 0/100% 100% no-repeat;
    margin-bottom: 1.5625vw;
    padding: 9.4791666667vw 10.4166666667vw 4.6875vw;
    border-radius: 0 0 3.6458333333vw 3.6458333333vw;
    display: flex;
    flex-direction: column;
}

.home__head {
    font-size: 2.34375vw;
    margin-bottom: 3.125vw;
}

.home__head span {
    font-size: 2.34375vw;
    position: relative;
    z-index: 1;
}

.home__head span:before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: -0.9895833333vw;
    width: 24.2708333333vw;
    height: 0.9375vw;
    border-radius: 2.34375vw;
    z-index: -1;
    background: #AEF19B;
}

.home__head_mob {
    display: none;
}

.home__content {
    display: flex;
    align-items: center;
    gap: 2.34375vw;
    margin-bottom: 2.0833333333vw;
}

.home__content-pic {
    width: 2.2916666667vw;
    height: 2.2916666667vw;
}

.home__content-pic img {
    width: 100%;
    height: 100%;
}

.home__content-text {
    display: flex;
    flex-direction: column;
    gap: 0.4166666667vw;
}

.home__content-text_mob {
    display: none;
}

.home__content-text h3 span {
    font-size: 1.25vw;
    position: relative;
    z-index: 1;
}

.home__content-text h3 span:before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: -0.2604166667vw;
    width: 105%;
    height: 0.5729166667vw;
    border-radius: 2.34375vw;
    z-index: -1;
    background: #AEF19B;
}

.home__content-text p {
    font-weight: 600;
    font-size: 0.8333333333vw;
}

.home__link {
    margin-top: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19.53125vw;
    height: 3.6458333333vw;
    border-radius: 0.625vw;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.0416666667vw;
    color: black;
    background-color: #5BE136;
    transition: background-color ease-in-out 250ms;
}

.home__link:hover {
    background-color: #A6FF8D;
}

.comf {
    padding: 1.5625vw 10.4166666667vw;
    display: flex;
    flex-direction: column;
}

.comf__head {
    font-size: 2.34375vw;
}

.comf__content {
    margin: 2.6041666667vw 0 2.0833333333vw;
    width: 100%;
    height: 14.21875vw;
    display: flex;
    align-items: center;
}

.comf__content-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1.0416666667vw;
    width: 25vw;
    height: 100%;
    padding: 2.0833333333vw;
    background-color: #FFFFFF;
    border-radius: 2.34375vw;
}

.comf__content-card h3 span {
    color: #5BE136;
}

.comf__content-card p {
    font-weight: 600;
    font-size: 0.8333333333vw;
}

.comf__content-plus {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
    margin: 0 -1.0416666667vw;
    z-index: 1;
}

.comf__content-plus img {
    width: 100%;
    height: 100%;
}

.comf__end {
    font-weight: 600;
    font-size: 0.8333333333vw;
}

.what {
    padding: 1.5625vw 10.4166666667vw;
    display: flex;
    flex-direction: column;
    gap: 2.6041666667vw;
}

.what__head {
    font-size: 2.34375vw;
}

.what__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    gap: 2.0833333333vw;
    height: 30.5208333333vw;
}

.what__content-box {
    padding: 2.0833333333vw;
    border-radius: 2.34375vw;
    background-color: #FFFFFF;
}

.what__content-box_big {
    grid-row: span 2;
    display: flex;
    flex-direction: column;
}

.what__content-box_big-goal {
    margin-top: 1.6666666667vw;
    display: flex;
    align-items: center;
    gap: 2.0833333333vw;
    height: 2.34375vw;
    white-space: nowrap;
}

.what__content-box_big-goal-scroller {
    width: 11.9791666667vw;
    height: 100%;
    overflow: hidden;
    border: 0.0520833333vw solid #000000;
    border-radius: 0.625vw;
    background-color: black;
}

.what__content-box_big-goal-scroller-inner {
    height: 100%;
    width: max-content;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    animation: scroll 20s reverse linear infinite;
}

.what__content-box_big-goal-scroller-inner p {
    font-weight: 600;
    font-size: 0.8333333333vw;
    color: #FFFFFF;
    margin-right: 1.0416666667vw;
}

.what__content-box_big-text {
    margin-top: 1.3020833333vw;
    font-weight: 600;
    font-size: 0.8333333333vw;
}

#whatBox1 {
    background: #FFFFFF url("../media/what/back1_2x.png") 0 0/100% 100% no-repeat;
}

#whatBox2 {
    background: #FFFFFF url("../media/what/back2_2x.png") 0 0/100% 100% no-repeat;
}

#whatBox3 {
    background: #FFFFFF url("../media/what/back3_2x.png") 0 0/100% 100% no-repeat;
}

#whatBox4 {
    background: #FFFFFF url("../media/what/back4_2x.png") 0 0/100% 100% no-repeat;
}

.reviews {
    padding: 1.5625vw 10.4166666667vw;
    display: flex;
    flex-direction: column;
    gap: 2.6041666667vw;
}

.reviews__head {
    font-size: 2.34375vw;
}

.reviews__content {
    width: 100%;
    height: 56.5625vw;
    display: grid !important;
    grid-template-columns: 25.46875vw 25.3645833333vw 23.125vw;
    justify-content: space-between;
}

.reviews__content-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.6041666667vw;
    height: 100%;
    flex-shrink: unset !important;
}

.reviews__content-column-pic {
    width: 100%;
    overflow: hidden;
    border-radius: 1.3020833333vw;
}

.reviews__content-column-pic img {
    width: 100%;
    height: 100%;
}

.eng {
    padding: 1.5625vw 10.4166666667vw;
    display: flex;
    flex-direction: column;
    gap: 1.5625vw;
}

.eng__head {
    font-size: 2.34375vw;
}

.eng__text {
    font-weight: 600;
    font-size: 0.8333333333vw;
}

.eng__btns {
    display: flex;
    gap: 1.5625vw;
    justify-content: space-between;
    height: 2.34375vw;
}

.eng__btns-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    font-weight: 600;
    font-size: 0.8333333333vw;
    border-radius: 0.625vw;
    background: #FFFFFF;
    cursor: pointer;
    user-select: none;
    transition: color ease-in-out 250ms, background-color ease-in-out 250ms;
}

.eng__btns-btn:hover {
    color: #FFFFFF;
    background-color: #000000;
}

.eng__btns input[type=radio]:checked + label {
    color: #FFFFFF;
    background-color: #000000;
}

.eng__content {
    display: none;
    grid-template-columns: 1fr 43.6458333333vw;
    width: 100%;
    height: 23.3854166667vw;
    padding: 2.0833333333vw;
    border-radius: 2.34375vw;
    background: #FFFFFF;
}

.eng__content-left {
    display: flex;
    flex-direction: column;
    gap: 2.6041666667vw;
}

.eng__content-left-head {
    font-size: 1.6666666667vw;
}

.eng__content-left-list {
    display: flex;
    flex-direction: column;
    gap: 1.3020833333vw;
}

.eng__content-left-list-item {
    display: flex;
    align-items: center;
    gap: 0.625vw;
}

.eng__content-left-list-item-pic {
    width: 1.0416666667vw;
    height: 0.9375vw;
}

.eng__content-left-list-item-pic img {
    width: 100%;
    height: 100%;
}

.eng__content-left-list-item p {
    font-weight: 600;
    font-size: 1.0416666667vw;
}

.eng__content-left-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19.4791666667vw;
    height: 3.6458333333vw;
    border-radius: 0.625vw;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.0416666667vw;
    color: black;
    background-color: #5BE136;
    transition: background-color ease-in-out 250ms;
}

.eng__content-left-btn:hover {
    background-color: #A6FF8D;
}

.eng__content-pic {
    width: 100%;
    height: 100%;
    border-radius: 1.5625vw;
    overflow: hidden;
}

.eng__content-pic img {
    width: 100%;
    height: 100%;
}

.eng__content_active {
    display: grid;
}

.eng_mob {
    display: none;
}

.free {
    padding: 1.5625vw 10.4166666667vw;
    display: flex;
    flex-direction: column;
    gap: 2.6041666667vw;
}

.free__head {
    font-size: 2.34375vw;
}

.free__head span {
    color: #5BE136;
    font-size: 2.34375vw;
}

.free__content {
    display: flex;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    height: 28.2291666667vw;
    padding: 3.125vw;
    border-radius: 2.34375vw;
    background-color: #141414;
}

.free__content-head {
    font-weight: 700;
    font-size: 3.6458333333vw;
    height: 13.28125vw;
    color: #FFFFFF;
}

.free__content-head span {
    font-weight: 700;
    font-size: 3.6458333333vw;
    color: #5BE136;
}

.free__content-head_mob {
    display: none;
}

.free__content-form {
    display: flex;
    flex-direction: column;
    gap: 1.0416666667vw;
    margin: 0 1.0416666667vw 0 3.6458333333vw;
    width: 18.4375vw;
}

.free__content-form-input {
    width: 100%;
    height: 3.0729166667vw;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 0.8333333333vw;
    padding: 0.9895833333vw 1.5625vw;
    outline: none;
    border: 0.0520833333vw solid #3D3D3D;
    border-radius: 0.625vw;
    background: #1F1F1F;
    transition: border ease-in-out 250ms;
}

.free__content-form-input::placeholder {
    color: #A3A3A3;
}

.free__content-form-input:hover {
    border: 0.0520833333vw solid #FFFFFF;
}

.free__content-form-input:focus {
    border: 0.0520833333vw solid #FFFFFF;
}

.free__content-form-input:focus:invalid {
    border: 0.0520833333vw solid #FF0000;
}

.free__content-form-dropdown {
    position: relative;
}

.free__content-form-dropdown-select {
    background: #1F1F1F;
    color: #A3A3A3;
    font-weight: 600;
    font-size: 0.8333333333vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0.0520833333vw solid #3D3D3D;
    border-radius: 0.625vw;
    padding: 1.0416666667vw 1.5625vw;
    cursor: pointer;
    transition: border ease-in-out 250ms;
}

.free__content-form-dropdown-select_active {
    border: 0.0520833333vw solid #FFFFFF;
}

.free__content-form-dropdown-select:hover {
    border: 0.0520833333vw solid #FFFFFF;
}

.free__content-form-dropdown-select-selected {
    color: #A3A3A3;
    font-weight: 600;
    font-size: 0.8333333333vw;
}

.free__content-form-dropdown-select-selected_active {
    color: #FFFFFF;
}

.free__content-form-dropdown-select-caret {
    width: 0.7291666667vw;
    height: 0.46875vw;
    user-select: none;
    pointer-events: none;
    transition: transform ease-in-out 250ms;
}

.free__content-form-dropdown-select-caret img {
    width: 100%;
    height: 100%;
}

.free__content-form-dropdown-select-caret_rotate {
    transform: rotate(180deg);
}

.free__content-form-dropdown-menu {
    position: absolute;
    width: 100%;
    list-style: none;
    background: #1F1F1F;
    border-radius: 0.625vw;
    transition: linear 250ms;
    z-index: 1;
    max-height: 0;
    overflow: hidden;
}

.free__content-form-dropdown-menu_open {
    border: 0.0520833333vw solid #3D3D3D;
    padding: 1.0416666667vw 0;
    max-height: 15.625vw;
}

.free__content-form-dropdown-menu li {
    color: #FFFFFF;
    padding: 0.3645833333vw 1.5625vw;
    font-weight: 600;
    font-size: 0.8333333333vw;
    transition: background ease-out 250ms;
    cursor: pointer;
}

.free__content-form-dropdown-menu li:hover {
    background: #000000;
}

.free__content-form-dropdown-menu li_active {
    background: #000000;
}

.free__content-form-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1.0416666667vw 0;
    outline: none;
    border: none;
    border-radius: 0.625vw;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.8333333333vw;
    color: black;
    background-color: #5BE136;
    cursor: pointer;
    user-select: none;
    transition: background-color ease-in-out 250ms;
}

.free__content-form-btn:hover {
    background-color: #A6FF8D;
}

.free__content-form-btn:disabled {
    pointer-events: none;
    background-color: #3D3D3D;
}

.free__content-form-text {
    margin-top: -0.15625vw;
    color: #A3A3A3;
    font-weight: 600;
    font-size: 0.625vw;
}

.free__content-form-text span {
    text-decoration: underline;
    color: #A3A3A3;
    font-weight: 600;
    font-size: 0.625vw;
    cursor: pointer;
}

.free__content-socials {
    display: flex;
    flex-direction: column;
    gap: 1.0416666667vw;
}

.free__content-socials label {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.46875vw;
    cursor: pointer;
}

.free__content-socials label img {
    width: 1.5625vw;
    height: 1.5625vw;
}

.free__content-socials label:after {
    content: "";
    display: block;
    width: 0.625vw;
    height: 0.625vw;
    background: url("../media/free/radioUnchecked.svg") 0 0/100% 100% no-repeat;
    transition: background ease-in-out 250ms;
}

.free__content-socials input[type=radio]:checked + label:after {
    background: url("../media/free/radioChecked.svg") 0 0/100% 100% no-repeat;
}

.free__content-pic {
    position: absolute;
    right: -7.8125vw;
    bottom: -6.25vw;
    transform: rotate(20deg);
    width: 28.2291666667vw;
    height: 27.34375vw;
    pointer-events: none;
}

.free__content-pic img {
    transform: rotate(-20deg);
    width: 100%;
    height: 100%;
}

.price {
    padding: 1.5625vw 10.4166666667vw;
    display: flex;
    flex-direction: column;
    gap: 2.6041666667vw;
}

.price__head {
    font-size: 2.34375vw;
}

.price__content {
    display: flex;
    justify-content: space-between;
    gap: 2.0833333333vw;
    height: 19.84375vw;
}

.price__content-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 2.0833333333vw;
    border-radius: 2.34375vw;
    background: #FFFFFF;
}

.price__content-box-head {
    padding: 0 2.6041666667vw;
    font-size: 1.6666666667vw;
}

.price__content-box-head_black {
    color: #FFFFFF;
}

.desktop-only {
    display: none;
}

/* Для экранов шире 768px (планшеты и ПК) показываем перенос */
@media (min-width: 768px) {
    .desktop-only {
        display: block; /* или inline */
    }
}

.price__content-box-text {
    font-weight: 600;
    font-size: 0.9416666667vw;
    margin: 2.0833333333vw 0 0.5208333333vw;
}

.price__content-box-text_black {
    color: #FFFFFF;
}

.price__content-box-price {
    font-size: 1.6666666667vw;
    color: #5BE136;
}

.price__content-box-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.6458333333vw;
    margin-top: 2.0833333333vw;
    border-radius: 0.625vw;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.0416666667vw;
    color: #FFFFFF;
    background: #000000 url("../media/price/btn.svg") 0 0/100% 100% no-repeat;
    transition: background ease-in-out 250ms;
}

.price__content-box-btn:hover {
    background: #000000 url("../media/price/btn_hover.svg") 0 0/100% 100% no-repeat;
}

.price__content-box-btn_green {
    background: #5BE136;
    color: black;
}

.price__content-box-btn_green:hover {
    background: #A6FF8D;
}

.price__content-box_black {
    background: #141414;
}

.footer {
    display: flex;
    align-items: center;
    width: 100%;
    height: 6.0416666667vw;
    margin-top: 6.7708333333vw;
    padding: 0 10.4166666667vw;
    background: #141414;
}

.footer__logo {
    font-size: 1.25vw;
    color: #FFFFFF;
    margin-right: 1.6666666667vw;
    text-decoration: none;
}

.footer__logo span {
    font-size: 1.25vw;
    color: #5BE136;
}

.footer__text {
    font-weight: 600;
    font-size: 0.8333333333vw;
    color: #FFFFFF;
    margin-right: auto;
}

.footer__tel {
    font-weight: 600;
    font-size: 0.8333333333vw;
    color: #FFFFFF;
    text-decoration: none;
    margin-right: 1.0416666667vw;
}

.footer__box {
    display: flex;
}

.footer__icon {
    margin-left: 1.0416666667vw;
    width: 1.5625vw;
    height: 1.5625vw;
}

.footer__icon img {
    width: 100%;
    height: 100%;
}

.footer__btn {
    margin-right: 2.0833333333vw;
    font-weight: 600;
    font-size: 0.8333333333vw;
    color: #FFFFFF;
    cursor: pointer;
}

.modal {
    top: 7.8125vw;
    left: 50%;
    translate: -50% 0;
    padding: 0;
    outline: none;
    border: none;
    border-radius: 0.78125vw;
    background: linear-gradient(180deg, #FFFFFF 62.5%, rgba(255, 255, 255, 0) 100%);
    overflow: unset;
}

.modal::backdrop {
    background: rgba(0, 0, 0, 0.3019607843);
}

.modal__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.0416666667vw;
    position: relative;
    width: 25.3645833333vw;
    height: 23.9583333333vw;
    padding: 2.0833333333vw;
}

.modal__content-close {
    position: absolute;
    right: 1.5625vw;
    top: 1.5625vw;
    width: 0.9375vw;
    height: 0.9375vw;
    cursor: pointer;
    user-select: none;
}

.modal__content-close img {
    width: 100%;
    height: 100%;
}

.modal__content-head {
    font-size: 1.6666666667vw;
}

.modal__content-text {
    font-weight: 600;
    font-size: 1.0416666667vw;
}

.modal__content-socials {
    width: 100%;
    height: 1.5625vw;
    display: flex;
    align-items: center;
}

.modal__content-socials-text {
    margin-right: 0.5208333333vw;
    font-weight: 600;
    font-size: 1.0416666667vw;
    color: #5BE136;
}

.modal__content-socials-pic {
    width: 1.5625vw;
    height: 100%;
    margin-left: 1.0416666667vw;
}

.modal__content-socials-pic img {
    width: 100%;
    height: 100%;
}

.modal__content-pic {
    position: absolute;
    bottom: -13.8541666667vw;
    width: 100%;
}

.modal__content-pic img {
    width: 100%;
    height: 100%;
}

.offer {
    overscroll-behavior: contain;
    top: 7.8125vw;
    left: 50%;
    translate: -50% 0;
    padding: 0;
    outline: none;
    border: none;
    border-radius: 0.78125vw;
    background: #FFFFFF;
}

.offer::backdrop {
    background: rgba(0, 0, 0, 0.3019607843);
}

.offer__close {
    position: sticky;
    left: 76.71875vw;
    top: 1.5625vw;
    width: 0.9375vw;
    height: 0.9375vw;
    cursor: pointer;
    user-select: none;
    z-index: 10;
}

.offer__close img {
    width: 100%;
    height: 100%;
}

.offer__content {
    position: relative;
    width: 79.1666666667vw;
    height: 36.4583333333vw;
    padding: 2.0833333333vw;
}

.offer__content-text {
    font-weight: 500;
    font-size: 0.8333333333vw;
    white-space: pre-line;
}

.program {
    padding: 1.5625vw 10.4166666667vw;
    display: flex;
    flex-direction: column;
    gap: 2.6041666667vw;
}

.program__head {
    font-size: 2.34375vw;
}

.program__text {
    font-weight: 600;
    font-size: 1.25vw;
    white-space: pre-line;
}

.program__text span {
    font-size: 1.25vw;
    font-weight: 800;
}

.promo {
    display: flex;
    align-items: center;
    justify-items: center;
    width: 84.375vw;
    position: fixed;
    bottom: -5.2083333333vw;
    left: 50%;
    padding: 0.5208333333vw 0.5208333333vw 0.5208333333vw 2.6041666667vw;
    z-index: 10;
    border-radius: 1.0416666667vw;
    background: #000000;
    transform: translateX(-50%);
    transition: bottom ease-in-out 400ms;
}

.promo__text {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 0.8333333333vw;
}

.promo__timer {
    font-weight: 700;
    font-size: 0.8333333333vw;
    border-radius: 0.625vw;
    background-color: #5BE136;
    padding: 0.5208333333vw;
    margin: 0 auto 0 1.5625vw;
}

.promo__link {
    display: flex;
    align-items: center;
    justify-items: center;
    text-align: center;
    background-color: #FFFFFF;
    padding: 0.78125vw 5.2083333333vw;
    font-weight: 600;
    font-size: 0.8333333333vw;
    text-decoration: none;
    border-radius: 0.625vw;
    transition: background-color ease-in-out 250ms;
}

.promo__link:hover {
    background-color: #A6FF8D;
}

.promo_scrolled {
    bottom: 0.78125vw;
}

@media (max-width: 768px) {
    .anchor {
        display: block;
        position: relative;
        top: -18.75vw;
        visibility: hidden;
    }

    .header {
        width: 100%;
        position: fixed;
        top: 0;
        padding: 4.6875vw;
        z-index: 10;
        transition: background ease-in-out 400ms;
    }

    .header__nav {
        width: 100%;
        height: unset;
        display: flex;
        justify-content: space-between;
        border: 1.875vw solid #FFFFFF;
        border-radius: 3.75vw;
    }

    .header__nav-home {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: unset;
        padding: 0 4.6875vw;
        width: 100%;
        height: 12.8125vw;
        text-decoration: none;
        background: #000000;
        border-radius: 1.875vw;
    }

    .header__nav-home-title {
        display: flex;
        gap: 0.9375vw;
        color: #ffffff;
        font-weight: 700;
        font-size: 5vw;
    }

    .header__nav-home-title span {
        color: #5BE136;
        font-weight: 700;
        font-size: 5vw;
    }

    .header__nav-home-text {
        white-space: nowrap;
        text-align: right;
        width: unset;
        font-weight: 600;
        font-size: 3.125vw;
        color: #ffffff;
    }

    .header__nav-link {
        display: none;
    }

    .header__nav-free {
        display: none;
    }

    .header_scrolled {
        background: unset;
    }

    .home {
        width: 100%;
        height: 183.125vw;
        background: #FFFFFF url("../media/home/home_back_mob.png") 0 0/100% 100% no-repeat;
        margin-bottom: 34.375vw;
        padding: 23.75vw 4.6875vw 0;
        border-radius: 0 0 4.6875vw 4.6875vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .home__head {
        display: none;
        font-size: 8.75vw;
        margin-bottom: 18.75vw;
    }

    .home__head span {
        font-size: 8.75vw;
        position: relative;
    }

    .home__head span:before {
        position: absolute;
        display: block;
        content: "";
        bottom: 0;
        left: 0;
        width: 110%;
        height: 4.0625vw;
        border-radius: 14.0625vw;
        z-index: -1;
        background: #AEF19B;
    }

    .home__head_mob {
        font-size: 8.75vw;
        display: block;
    }

    .home__head_mob span {
        font-size: 8.75vw;
        position: relative;
        z-index: 1;
    }

    .home__head_mob span:before {
        position: absolute;
        display: block;
        content: "";
        bottom: 0;
        left: -1.5625vw;
        width: 110%;
        height: 4.0625vw;
        border-radius: 14.0625vw;
        z-index: -1;
        background: #AEF19B;
    }

    .home__box {
        margin-bottom: -31.25vw;
        padding: 4.6875vw;
        border-radius: 4.6875vw;
        background: #FFFFFF;
    }

    .home__content {
        display: flex;
        align-items: center;
        gap: 4.6875vw;
        margin-bottom: 7.5vw;
    }

    .home__content-pic {
        width: 7.5vw;
        height: 5.5vw;
    }

    .home__content-pic img {
        width: 100%;
        height: 100%;
    }

    .home__content-text {
        display: flex;
        flex-direction: column;
        gap: 0.9375vw;
    }

    .home__content-text_desk {
        display: none;
    }

    .home__content-text h3 {
        font-size: 3.75vw;
    }

    .home__content-text h3 span {
        font-size: 3.75vw;
        position: relative;
    }

    .home__content-text h3 span:before {
        position: absolute;
        display: block;
        content: "";
        bottom: 0;
        left: -0.625vw;
        width: 105%;
        height: 1.5625vw;
        border-radius: 14.0625vw;
        z-index: -1;
        background: #AEF19B;
    }

    .home__content-text p {
        font-weight: 600;
        font-size: 2.5vw;
    }

    .home__link {
        margin-top: -2.8125vw;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 10.9375vw;
        border-radius: 1.875vw;
        text-decoration: none;
        font-weight: 600;
        font-size: 3.125vw;
        color: black;
        background-color: #5BE136;
        transition: background-color ease-in-out 250ms;
    }

    .home__link:hover {
        background-color: #A6FF8D;
    }

    .info {
        padding: 3.125vw 4.6875vw;
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
    }

    .info__head {
        font-size: 6.25vw;
    }

    .info__text {
        font-weight: 600;
        font-size: 3.75vw;
        white-space: pre-line;
    }

    .info__text span {
        font-weight: 700;
        font-size: 3.75vw;
    }

    .info__file {
        font-weight: 600;
        font-size: 3.75vw;
        color: #5BE136;
        transition: color ease-in-out 250ms;
    }

    .info__file:hover {
        color: #A6FF8D;
    }

    .comf {
        padding: 3.125vw 4.6875vw;
        display: flex;
        flex-direction: column;
    }

    .comf__head {
        font-size: 6.25vw;
    }

    .comf__content {
        margin: 4.6875vw 0;
        width: 100%;
        height: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .comf__content-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 3.125vw;
        width: 100%;
        height: 51.25vw;
        padding: 6.25vw;
        background-color: #FFFFFF;
        border-radius: 4.6875vw;
    }

    .comf__content-card h3 {
        font-size: 4.6875vw;
    }

    .comf__content-card h3 span {
        font-size: 4.6875vw;
        color: #5BE136;
    }

    .comf__content-card p {
        font-weight: 600;
        font-size: 3.125vw;
    }

    .comf__content-plus {
        width: 12.5vw;
        height: 12.5vw;
        margin: -3.125vw 0;
        z-index: 1;
    }

    .comf__content-plus img {
        width: 100%;
        height: 100%;
    }

    .comf__end {
        font-weight: 600;
        font-size: 3.125vw;
    }

    .what {
        padding: 3.125vw 4.6875vw;
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
    }

    .what__head {
        font-size: 6.25vw;
    }

    .what__content {
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
        height: unset;
    }

    .what__content-box {
        width: 100%;
        height: 51.25vw;
        padding: 6.25vw;
        border-radius: 4.6875vw;
        background-color: #FFFFFF;
    }

    .what__content-box h3 {
        font-size: 4.6875vw;
    }

    .what__content-box_big {
        height: 107.1875vw;
        display: flex;
        flex-direction: column;
    }

    .what__content-box_big-goal {
        margin-top: 4.6875vw;
        display: flex;
        align-items: center;
        gap: 6.25vw;
        height: 8.4375vw;
    }

    .what__content-box_big-goal-scroller {
        width: 46.5625vw;
        height: 100%;
        overflow: hidden;
        border: 0.1875vw solid #000000;
        border-radius: 2.1875vw;
        background-color: black;
    }

    .what__content-box_big-goal-scroller-inner {
        height: 100%;
        width: max-content;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        animation: scroll 20s reverse linear infinite;
    }

    .what__content-box_big-goal-scroller-inner p {
        font-weight: 600;
        font-size: 3.125vw;
        color: #FFFFFF;
        margin-right: 3.75vw;
    }

    .what__content-box_big-text {
        margin-top: 5.625vw;
        font-weight: 600;
        font-size: 3.125vw;
    }

    .reviews {
        padding: 3.125vw 4.6875vw;
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
    }

    .reviews__head {
        font-size: 6.25vw;
    }

    .reviews__content {
        width: 100%;
        height: 169.6875vw;
        display: grid;
        grid-template-columns: 76.40625vw 76.09375vw 69.375vw;
        justify-content: unset;
    }

    .reviews__content-column {
        padding-right: 7.8125vw !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 7.8125vw;
        height: 100%;
        flex-shrink: unset !important;
    }

    .reviews__content-column-pic {
        width: 100%;
        overflow: hidden;
        border-radius: 4.6875vw;
    }

    .reviews__content-column-pic img {
        width: 100%;
        height: 100%;
    }

    .eng {
        padding: 3.125vw 4.6875vw 0;
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
    }

    .eng__head {
        font-size: 6.25vw;
    }

    .eng__text {
        font-weight: 600;
        font-size: 3.125vw;
    }

    .eng__btns {
        display: none;
        gap: 9.375vw;
        justify-content: space-between;
        height: 14.0625vw;
    }

    .eng__btns-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        font-weight: 600;
        font-size: 5vw;
        border-radius: 3.75vw;
        background: #FFFFFF;
        cursor: pointer;
        user-select: none;
        transition: color ease-in-out 250ms, background-color ease-in-out 250ms;
    }

    .eng__btns-btn:hover {
        color: #FFFFFF;
        background-color: #000000;
    }

    .eng__btns input[type=radio]:checked + label {
        color: #FFFFFF;
        background-color: #000000;
    }

    .eng__content {
        display: none;
        grid-template-columns: 1fr 261.875vw;
        width: 100%;
        height: 140.3125vw;
        padding: 12.5vw;
        border-radius: 14.0625vw;
        background: #FFFFFF;
    }

    .eng__content-left {
        display: flex;
        flex-direction: column;
        gap: 15.625vw;
    }

    .eng__content-left-head {
        font-size: 10vw;
    }

    .eng__content-left-list {
        display: flex;
        flex-direction: column;
        gap: 7.8125vw;
    }

    .eng__content-left-list-item {
        display: flex;
        align-items: center;
        gap: 3.75vw;
    }

    .eng__content-left-list-item-pic {
        width: 6.25vw;
        height: 5.625vw;
    }

    .eng__content-left-list-item-pic img {
        width: 100%;
        height: 100%;
    }

    .eng__content-left-list-item p {
        font-weight: 600;
        font-size: 6.25vw;
    }

    .eng__content-left-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 116.875vw;
        height: 21.875vw;
        border-radius: 3.75vw;
        text-decoration: none;
        font-weight: 600;
        font-size: 6.25vw;
        color: black;
        background-color: #5BE136;
        transition: background-color ease-in-out 250ms;
    }

    .eng__content-left-btn:hover {
        background-color: #A6FF8D;
    }

    .eng__content-pic {
        width: 100%;
        height: 100%;
        border-radius: 9.375vw;
        overflow: hidden;
    }

    .eng__content-pic img {
        width: 100%;
        height: 100%;
    }

    .eng__content_active {
        display: none;
    }

    .eng_mob {
        display: unset;
    }

    .eng_mob__slides-slide {
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
    }

    .eng_mob__slides-slide-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 3.125vw;
        width: 100%;
        height: 9.375vw;
        border-radius: 1.875vw;
        background: #FFFFFF;
    }

    .eng_mob__slides-slide-content {
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
        padding: 6.25vw;
        background: #FFFFFF;
        border-radius: 4.6875vw;
    }

    .eng_mob__slides-slide-content-pic {
        width: 100%;
        height: 34.375vw;
        border-radius: 3.75vw;
        overflow: hidden;
    }

    .eng_mob__slides-slide-content-pic img {
        width: 100%;
        height: 100%;
    }

    .eng_mob__slides-slide-content-text {
        display: flex;
        flex-direction: column;
        gap: 6.25vw;
    }

    .eng_mob__slides-slide-content-text-head {
        font-size: 5.625vw;
    }

    .eng_mob__slides-slide-content-text-list {
        display: flex;
        flex-direction: column;
        gap: 3.75vw;
    }

    .eng_mob__slides-slide-content-text-list-item {
        display: flex;
        align-items: center;
        gap: 1.5625vw;
    }

    .eng_mob__slides-slide-content-text-list-item-pic {
        width: 3.125vw;
        height: 2.8125vw;
    }

    .eng_mob__slides-slide-content-text-list-item-pic img {
        width: 100%;
        height: 100%;
    }

    .eng_mob__slides-slide-content-text-list-item p {
        font-weight: 600;
        font-size: 3.75vw;
    }

    .eng_mob__slides-slide-content-text-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 10.9375vw;
        border-radius: 1.875vw;
        text-decoration: none;
        font-weight: 600;
        font-size: 3.125vw;
        color: black;
        background-color: #5BE136;
        transition: background-color ease-in-out 250ms;
    }

    .eng_mob__slides-slide-content-text-btn:hover {
        background-color: #A6FF8D;
    }

    .splide__arrow {
        width: 5.625vw !important;
        height: 5.625vw !important;
        border-radius: 0.9375vw !important;
        top: 1.875vw !important;
        transform: unset !important;
    }

    .splide__arrow--prev {
        left: 1.875vw !important;
        opacity: 1 !important;
        background: #000000 url("../media/eng/prev_btn.svg") 0 0/100% 100% no-repeat !important;
    }

    .splide__arrow--next {
        right: 1.875vw !important;
        opacity: 1 !important;
        background: url("../media/eng/next_btn.svg") 0 0/100% 100% no-repeat !important;
    }

    .splide__arrow:disabled {
        opacity: 0.3 !important;
    }

    .free {
        padding: 3.125vw 4.6875vw;
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
    }

    .free__head {
        font-size: 6.25vw;
    }

    .free__head span {
        color: #5BE136;
        font-size: 6.25vw;
    }

    .free__content {
        display: grid;
        grid-template-columns: 50.3125vw 17.1875vw;
        row-gap: 4.6875vw;
        justify-content: space-between;
        position: relative;
        width: 100%;
        height: unset;
        padding: 6.25vw;
        border-radius: 4.6875vw;
        background-color: #141414;
    }

    .free__content-head {
        font-weight: 700;
        font-size: 5vw;
        width: unset;
        height: unset;
        color: #FFFFFF;
    }

    .free__content-head span {
        font-weight: 700;
        font-size: 5vw;
        color: #5BE136;
    }

    .free__content-head_desk {
        display: none;
    }

    .free__content-head_mob {
        display: unset;
    }

    .free__content-form {
        grid-column: span 2;
        order: 3;
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
        margin: 0;
        width: 100%;
    }

    .free__content-form-input {
        width: 100%;
        height: 10.9375vw;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 3.125vw;
        padding: 3.4375vw 4.6875vw;
        outline: none;
        border: 0.15625vw solid #3D3D3D;
        border-radius: 1.875vw;
        background: #1F1F1F;
        transition: border ease-in-out 250ms;
    }

    .free__content-form-input::placeholder {
        color: #A3A3A3;
    }

    .free__content-form-input:hover {
        border: 0.15625vw solid #FFFFFF;
    }

    .free__content-form-input:focus {
        border: 0.15625vw solid #FFFFFF;
    }

    .free__content-form-input:focus:invalid {
        border: 0.15625vw solid #FF0000;
    }

    .free__content-form-dropdown {
        position: relative;
    }

    .free__content-form-dropdown-select {
        background: #1F1F1F;
        color: #A3A3A3;
        font-weight: 600;
        font-size: 3.125vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 0.15625vw solid #3D3D3D;
        border-radius: 1.875vw;
        padding: 3.4375vw 4.6875vw;
        cursor: pointer;
        transition: border ease-in-out 250ms;
    }

    .free__content-form-dropdown-select_active {
        border: 0.15625vw solid #FFFFFF;
    }

    .free__content-form-dropdown-select:hover {
        border: 0.15625vw solid #FFFFFF;
    }

    .free__content-form-dropdown-select-selected {
        color: #A3A3A3;
        font-weight: 600;
        font-size: 3.125vw;
    }

    .free__content-form-dropdown-select-selected_active {
        color: #FFFFFF;
    }

    .free__content-form-dropdown-select-caret {
        width: 3.125vw;
        height: 1.5625vw;
        user-select: none;
        pointer-events: none;
        transition: transform ease-in-out 250ms;
    }

    .free__content-form-dropdown-select-caret img {
        width: 100%;
        height: 100%;
    }

    .free__content-form-dropdown-select-caret_rotate {
        transform: rotate(180deg);
    }

    .free__content-form-dropdown-menu {
        position: absolute;
        width: 100%;
        list-style: none;
        background: #1F1F1F;
        border-radius: 1.875vw;
        transition: linear 250ms;
        z-index: 1;
        max-height: 0;
        overflow: hidden;
    }

    .free__content-form-dropdown-menu_open {
        border: 0.15625vw solid #3D3D3D;
        padding: 3.125vw 0;
        max-height: 46.875vw;
    }

    .free__content-form-dropdown-menu li {
        color: #FFFFFF;
        padding: 1.09375vw 4.6875vw;
        font-weight: 600;
        font-size: 3.125vw;
        transition: background ease-out 250ms;
        cursor: pointer;
    }

    .free__content-form-dropdown-menu li:hover {
        background: #000000;
    }

    .free__content-form-dropdown-menu li_active {
        background: #000000;
    }

    .free__content-form-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 3.4375vw 0;
        outline: none;
        border: none;
        border-radius: 1.875vw;
        text-decoration: none;
        font-weight: 600;
        font-size: 3.125vw;
        color: black;
        background-color: #5BE136;
        cursor: pointer;
        transition: background-color ease-in-out 250ms;
    }

    .free__content-form-btn:hover {
        background-color: #A6FF8D;
    }

    .free__content-form-text {
        margin-top: -1.5625vw;
        color: #A3A3A3;
        font-weight: 600;
        font-size: 2.5vw;
    }

    .free__content-form-text span {
        text-decoration: underline;
        color: #A3A3A3;
        font-weight: 600;
        font-size: 2.5vw;
        cursor: pointer;
    }

    .free__content-socials {
        display: flex;
        flex-direction: row;
        gap: 4.6875vw;
    }

    .free__content-socials label {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.875vw;
        cursor: pointer;
    }

    .free__content-socials label img {
        width: 6.25vw;
        height: 6.25vw;
    }

    .free__content-socials label:after {
        content: "";
        display: block;
        width: 2.5vw;
        height: 2.5vw;
        background: url("../media/free/radioUnchecked.svg") 0 0/100% 100% no-repeat;
        transition: background ease-in-out 250ms;
    }

    .free__content-socials input[type=radio]:checked + label:after {
        background: url("../media/free/radioChecked.svg") 0 0/100% 100% no-repeat;
    }

    .free__content-pic {
        display: none;
    }

    .price {
        padding: 3.125vw 4.6875vw;
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
    }

    .price__head {
        padding: 0;
        font-size: 6.25vw;
    }

    .price__content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 4.6875vw;
        height: unset;
    }

    .price__content-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 51.5625vw;
        padding: 6.25vw;
        border-radius: 4.6875vw;
        background: #FFFFFF;
    }

    .price__content-box-head {
        font-size: 5vw;
    }

    .price__content-box-head_black {
        color: #FFFFFF;
    }

    .price__content-box-text {
        font-weight: 600;
        font-size: 3.5vw;
        margin: 4.6875vw 0 1.5625vw;
    }

    .price__content-box-text_black {
        color: #FFFFFF;
    }

    .price__content-box-price {
        font-size: 5vw;
        color: #5BE136;
    }

    .price__content-box-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 10.9375vw;
        margin-top: auto;
        border-radius: 1.875vw;
        text-decoration: none;
        font-weight: 600;
        font-size: 3.125vw;
        color: #FFFFFF;
        background: #000000 url("../media/price/btn.svg") 0 0/100% 100% no-repeat;
        transition: background ease-in-out 250ms;
    }

    .price__content-box-btn:hover {
        background: #000000 url("../media/price/btn_hover.svg") 0 0/100% 100% no-repeat;
    }

    .price__content-box-btn_green {
        background: #5BE136;
        color: black;
    }

    .price__content-box-btn_green:hover {
        background: #A6FF8D;
    }

    .price__content-box_black {
        background: #141414;
    }

    .footer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        align-items: center;
        justify-items: center;
        width: 100%;
        height: auto;
        min-height: 37.1875vw;
        margin-top: 23.4375vw;
        padding: 4.6875vw;
        background: #141414;
        gap: 2vw;
    }

    .footer__logo {
        grid-column: 1/2;
        grid-row: 1/2;
        justify-self: start;
        font-size: 5vw;
        color: #FFFFFF;
        margin-right: unset;
        text-decoration: none;
    }

    .footer__logo span {
        font-size: 5vw;
        color: #5BE136;
    }

    .footer__text {
        grid-column: 2/3;
        grid-row: 1/2;
        justify-self: end;
        font-weight: 600;
        font-size: 3.125vw;
        color: #FFFFFF;
        margin-right: unset;
        margin-left: unset;
        text-align: right;
    }

    /* Оферта - слева (2 строка, 1 колонка) */
    .footer__btn-oferta {
        grid-column: 1/2;
        grid-row: 2/3;
        justify-self: start;
        margin-right: unset;
        font-weight: 600;
        font-size: 3.4vw;
        color: #FFFFFF;
        cursor: pointer;
        text-decoration: none;
    }

    /* Сведения об организации - справа (2 строка, 2 колонка) */
    .footer__btn-svedeniya {
        grid-column: 2/3;
        grid-row: 2/3;
        justify-self: end;
        margin-right: unset;
        font-weight: 600;
        font-size: 3.4vw;
        color: #FFFFFF;
        cursor: pointer;
        text-decoration: none;
        text-align: right;
    }

    /* Телефон - по центру (3 строка, на всю ширину) */
    .footer__tel {
        grid-column: 1/-1;
        grid-row: 3/4;
        justify-self: center;
        font-weight: 600;
        font-size: 3.75vw;
        color: #FFFFFF;
        text-decoration: none;
        margin-right: unset;
        text-align: center;
    }

    .footer__box {
        grid-column: 1/-1;
        grid-row: 4/5;
        display: flex;
        gap: 4.6875vw;
        justify-content: center;
    }

    .footer__icon {
        margin-left: unset;
        width: 6.25vw;
        height: 6.25vw;
    }

    .footer__icon img {
        width: 100%;
        height: 100%;
    }

    /* Убираем общие стили .footer__btn для мобильных */
    .footer__btn {
        margin: 0;
    }

    .modal {
        top: 26.5625vw;
        left: 50%;
        translate: -50% 0;
        padding: 0;
        outline: none;
        border: none;
        border-radius: 4.6875vw;
        background: linear-gradient(180deg, #FFFFFF 62.5%, rgba(255, 255, 255, 0) 100%);
        overflow: unset;
    }

    .modal::backdrop {
        background: rgba(0, 0, 0, 0.3019607843);
    }

    .modal__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4.6875vw;
        position: relative;
        width: 90.625vw;
        height: 94.375vw;
        padding: 6.25vw;
    }

    .modal__content-close {
        position: absolute;
        right: 4.6875vw;
        top: 4.6875vw;
        width: 3.125vw;
        height: 3.125vw;
        cursor: pointer;
        user-select: none;
    }

    .modal__content-close img {
        width: 100%;
        height: 100%;
    }

    .modal__content-head {
        font-size: 6.25vw;
    }

    .modal__content-text {
        font-weight: 600;
        font-size: 3.75vw;
    }

    .modal__content-socials {
        width: 100%;
        height: unset;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 3.125vw 4.6875vw;
    }

    .modal__content-socials-text {
        width: 100%;
        margin-right: unset;
        font-weight: 600;
        font-size: 3.75vw;
        color: #5BE136;
    }

    .modal__content-socials-pic {
        align-self: center;
        width: 6.25vw;
        height: 6.25vw;
        margin-left: unset;
    }

    .modal__content-socials-pic img {
        width: 100%;
        height: 100%;
    }

    .modal__content-pic {
        position: absolute;
        bottom: -47.8125vw;
        width: 100%;
    }

    .modal__content-pic img {
        width: 100%;
        height: 100%;
    }

    .offer {
        overscroll-behavior: contain;
        top: 25vw;
        left: 50%;
        translate: -50% 0;
        padding: 0;
        outline: none;
        border: none;
        border-radius: 4.6875vw;
        background: #FFFFFF;
    }

    .offer::backdrop {
        background: rgba(0, 0, 0, 0.3019607843);
    }

    .offer__close {
        position: sticky;
        left: 82.8125vw;
        top: 4.6875vw;
        width: 3.125vw;
        height: 3.125vw;
        cursor: pointer;
        user-select: none;
        z-index: 10;
    }

    .offer__close img {
        width: 100%;
        height: 100%;
    }

    .offer__content {
        position: relative;
        width: 90.625vw;
        height: 140.625vw;
        padding: 6.25vw;
    }

    .offer__content-text {
        font-weight: 500;
        font-size: 3.125vw;
        white-space: pre-line;
    }

    .program {
        padding: 3.125vw 4.6875vw;
        display: flex;
        flex-direction: column;
        gap: 4.6875vw;
    }

    .program__head {
        font-size: 6.25vw;
    }

    .program__text {
        font-weight: 600;
        font-size: 3.75vw;
        white-space: pre-line;
    }

    .program__text span {
        font-size: 3.75vw;
        font-weight: 800;
    }

    .promo {
        display: grid;
        grid-template-columns: 48.125vw 1fr;
        gap: 3.125vw 6.25vw;
        align-items: center;
        justify-items: center;
        width: 90.625vw;
        position: fixed;
        bottom: -31.25vw;
        left: 50%;
        padding: 4.6875vw;
        z-index: 10;
        border-radius: 3.75vw;
        background: #000000;
        transform: translateX(-50%);
        transition: bottom ease-in-out 400ms;
    }

    .promo__text {
        color: #FFFFFF;
        font-weight: 600;
        font-size: 3.125vw;
    }

    .promo__timer {
        display: flex;
        align-items: center;
        justify-items: center;
        text-align: center;
        width: 100%;
        height: 7.5vw;
        font-weight: 700;
        font-size: 3.125vw;
        border-radius: 1.875vw;
        background-color: #5BE136;
        padding: 0;
        padding-left: 2.8125vw;
        white-space: nowrap;
        margin: 0;
    }

    .promo__link {
        width: 100%;
        grid-column: span 2;
        display: block;
        text-align: center;
        background-color: #FFFFFF;
        padding: 3.4375vw;
        font-weight: 600;
        font-size: 3.125vw;
        text-decoration: none;
        border-radius: 1.875vw;
        transition: background-color ease-in-out 250ms;
    }

    .promo__link:hover {
        background-color: #A6FF8D;
    }

    .promo_scrolled {
        bottom: 4.6875vw;
    }
}

/*# sourceMappingURL=main.css.map */