:root {
    box-sizing: border-box;
}

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: Inter, sans-serif;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
figure {
    padding: 0;
    margin: 0;
}

ul {
    list-style-type: none;
}

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

a:hover {
    color: inherit;
}

button,
input[type='submit'] {
    margin: 0;
    color: inherit;
    user-select: none;
    border: none;
}

.container {
    max-width: 1216px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width:700px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.hidden {
    display: none;
}

.hidden-client {
    display: none;
}

.button {
    color: var(--White, #000);
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;

    border-radius: 6px;
    background: #FAA525;

    padding: 16px 8px;

    transition: 0.3s all;
}


.button:hover {
    background: #FFCB7C;
}

.fixed_tg {
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 1;
}

.fixed__link {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #F26F31;
    border: 1px solid #F26F31;
    background-color: transparent;

    display: flex;
    align-items: center;
    gap: 8px;
}

.circle {
    position: absolute;
    z-index: -10;
}

/* .circle-three {
    width: 33%;
    height: 609px;
    flex-shrink: 0;
    border-radius: 50%;
    background: linear-gradient(180deg, #BCE322 28.63%, rgba(188, 227, 34, 1) 96.38%);
    filter: blur(207px);
    left: 25%;
    bottom: -10%;
} */

/* topline */
.topline {
    /* Topline Block */
    --topline-bg-color: #333232;

    /* Logo */
    --topline-logo-width: 126px;
    --topline-logo-height: 24px;
    --topline-logo-width-mobile: 126px;
    --topline-logo-height-mobile: 24px;

    background-color: var(--topline-bg-color);
}

.topline__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1920px;
    padding: 6px 15px;
    margin: 0 auto;
}

.topline__logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 576px) {
    .topline__logo-img {
        width: var(--topline-logo-width-mobile);
        height: var(--topline-logo-height-mobile);
    }
}

#panelcontainer {
    height: 32px;
}

.header__tg {
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0.9;
    background: #BAA697;

    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    height: 50px;
    gap: 4px;
    /* 23.4px */
    transition: color 0.8s;
}

.header__tg:hover {
    color: #a7e3ff;
}


.modal__reg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.modal__reg--visible {
    display: flex;
}

.modal__reg__inner {
    background: white;
    padding: 40px 30px;
    border-radius: 40px;
    text-align: center;
    max-width: 640px;
    width: 90%;
    height: 380px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
    .modal__reg__inner {
        width: 90%;
        padding: 100px 40px;
    }
}

@media (max-width: 576px) {
    .modal__reg__inner {
        width: 100%;
    }
}

.modal__reg__img {
    width: var(--modal__reg-img-width);
    height: var(--modal__reg-img-height);
    margin-bottom: 20px;
    object-fit: contain;
}

@media (max-width: 576px) {
    .modal__reg__img {
        width: var(--modal__reg-img-width-mobile);
        height: var(--modal__reg-img-height-mobile);
    }
}

.modal__reg__text {
    font-size: 32px;
    font-weight: 700;
}

@media (max-width: 576px) {
    .modal__reg__text {
        font-size: var(--modal__reg-text-fz-mobile);
        font-weight: var(--modal__reg-text-fw-mobile);
    }
}

.closeModal--button {
    position: absolute;
    top: -1px;
    right: -11px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal__regtitle {
    font-size: 32px;
    font-weight: 700;
    color: #444;
    line-height: 140%;
    padding-top: 40px;
}

.modal__regclose {
    width: 248px;
}

.reg__trans--form {
    display: flex;
    flex-direction: column;
    gap: 22px;
    width: 100%;
}

.reg__tranks--title {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #444;
    text-align: start;
}

.reg__trans--input {
    border: 1px solid #000;
    border-radius: 10px;
    padding: 16px 24px;
    max-width: 563px;
    width: 100%;
    height: 55px;
}

.reg__trans--button {
    border-radius: 10px;
}

.success__reg--block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}



@media (max-width:600px) {
    .header__tg {
        text-align: center;
        height: 100px;
        flex-direction: column;
        gap: 8px;
    }
}

/***************************/

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 0 104px; */
    padding-top: 68px;
}

@media (max-width:700px) {
    .header {
        padding-top: 0;
        display: none;
    }
}

nav {
    display: flex;
    gap: 24px;
    list-style: none;
    align-items: center;
}

.nav__links {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: right;
    color: #fff;
    position: relative;
    transition: 0.3s all ease-in-out;
}

.nav__links:hover {
    color: #FAA525;
    text-decoration: none;
}

.nav__links:hover::after {
    width: 100%;
    left: 0;
}

@media (max-width:700px) {
    .header__inner {
        display: none;
    }
}

@media (max-width:700px) {
    .header__inner_mobil {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /* padding: 0 104px; */
    padding-top: 10px;
    }
}

@media (min-width:700px) {
    .header__inner_mobil {
        display: none;
    }
}



/* main */

main {
    /* padding-top: 47px; */
}

.main__topper {
    display: none;
}

.main__center {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.main__adres {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 32px;
}

.main__adresinner {
    display: flex;
    gap: 12px;
}

.main__bottom {
    display: flex;
    gap: 34px;
}

.main__titletop {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
}


.main__titletoper {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #FAA525;
    text-transform: uppercase;
}

.main__description {
    font-size: 24.38px;
    line-height: 130%;
    font-weight: 500;
    color: #fff;
    padding-bottom: 27px;
}

.main__adresstext {
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
}

@media (max-width:700px) {
    .main__center {
        width: 100%;
    }

    .main {
        padding-top: 12px;
        padding-bottom: 56px;
    }
}

.main__inner {
    /* position: relative; */
    /* display: flex; */
    /* background-image: url("../img/main/mainBG2.png"); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* padding: 67px 104px; */
    /* border-radius: 20px; */
}

.main__online {}

.main__online--title {
    font-weight: 800;
    font-size: 48px;
    line-height: 140%;
    text-transform: uppercase;
    color: #F26F31;
}

@media (max-width:550px) {
    .main__online--title {
        font-size: 42px;
        text-align: center;
        line-height: 130%;
    }
}

.img__mobile {
    display: none;
}

@media (max-width:550px) {
    .img__mobile {
        display: flex;
    }
}


.main__online--notAuth {
    display: flex;
    margin: 0 auto;
    padding: 64px 0px;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    text-decoration: underline;
}

.main__online--subtitle {
    max-width: 37%;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 26px;
    line-height: 130%;
    color: #000;
    padding-top: 12px;
}

@media (min-width: 1000px) {
    .slider_transl {
        width: 1216px;
        height: 90px;
        overflow: hidden;
        position: relative;
        margin-bottom: 50px;
    }

    .slides_transl {
        display: flex;
        transition: transform 1s ease;
        width: 1000%;
        /* 10 изображений по 100% */
    }

    .slides_transl img {
        width: 1216px;
        /* Пропорции изображений */
        height: 90px;
        /* Пропорции изображений */
    }
}

@media (max-width: 980px) {
    .slider_transl {
        display: none;
    }

    .slides_transl {
        display: none;
    }

    .slides_transl img {
        display: none;
    }
}

.video-container {
    position: relative;
    width: 100%;
    /* Занимает 100% ширины родительского блока */
    padding-top: 56.25%;
    /* Соотношение сторон 16:9 */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Занимает 100% высоты родительского блока */
}

.stream__frame {
    width: 100%;
    /* height: 558px; */
    margin-bottom: 40px;
    margin-top: 60px;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:450px) {
    .stream__frame {
        /* height: 225px */
    }
}


.main__center--text {
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    text-transform: uppercase;
    color: #fff;
}

.main__titleimg {
    padding-bottom: 31px;
}

.main__titlemob {
    display: none;
}

@media (max-width:700px) {
    .main__titlemob {
        display: block;
    }

    .main__titleimg {
        display: none;
    }
}

.main__title {
    font-weight: 800;
    font-size: 51px;
    line-height: 110%;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 24px;
    padding-top: 18px;
}

@media (max-width:700px) {
    .main__title {
        font-size: 24px;
    }
}

.main__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #fff;
    padding-bottom: 48px;
}

.main__subtitle span {
    color: #FAA525;
    font-weight: 700;
}

@media (max-width:700px) {
    .main__subtitle {
        font-size: 13px;
        width: 83%s;
        padding-bottom: 0px;
    }

    .main__subtitle br {
        display: none;
    }
}


.main__list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 60px;
}

.main__list--item {
    display: flex;
    gap: 8px;
    align-items: center;
}

.main__list--text {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #fff;
}

.main__statistic {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;

    border-radius: 40px;
    border: 2px solid #FFF;
    background: rgba(242, 111, 49, 0.00);
    padding: 6px 18px;
}

.main__statistic-number {
    font-weight: 900;
}

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

.maingcenter__img {
    display: block;
}

.mainmob__img {
    display: none;
}

.main__buttonmob {
    display: none;
}

@media (max-width:700px) {
    .main__button {
        display: none;
    }

    .main__buttonmob {
        display: flex;
        margin: 21px 12px 0px 12px;
        justify-content: center;
    }
}

.reg__button {
    width: 100%;
    max-width: 246px;
    padding: 16px;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #222222;
    background-color: #FAA525;
}

@media (max-width:700px) {
    .reg__button {
        max-width: 296px;
    }
}

.reg__offline {
    background-color: #F26F31;
}

.reg__online {
    background-color: transparent;
    border: 1px solid #F26F31;
    transition: 0.3s all ease-in-out;
}

.reg__online:hover {
    border: 1px solid #fff;
    background-color: transparent;
}

@media (max-width:700px) {
    .main__inner {
        flex-direction: column;
        padding: 20px 1px 20px 1px;
        gap: 32px;
        /* background-image: url("../img/main/Pic_Shapkamob.png"); */
        margin: 0px 9px 0px 12px;
        width: 94%;
    }

    .main__left,
    .main__right {
        width: auto;
        justify-content: center;
    }

    .main__left img {
        width: 100%;
    }
}

.main__white {
    background-color: #fff;
}

@media (max-width:700px) {

    .main__topper {
        padding-bottom: 16px;
        display: block;
    }

    .main__center {
        gap: 12px;
    }

    .main__adres {
        padding-bottom: 0px;
        gap: 10px;
    }

    .main__titletop {
        font-size: 10px;
        line-height: 130%;
    }

    .main__titletoper {
        font-size: 23px;
        line-height: 120%;
    }

    .main__titletoper span br {
        display: none;
    }

    .main__description {
        font-size: 14px;
    }

    .mainmob__img {
        display: block;
    }

    .maingcenter__img {
        display: none;
    }

    .main__adresstext {
        font-size: 9.65px;
        line-height: 100%;
    }

    .main__bottom {
        display: none;
    }

    .main__bottommob {
        padding-top: 15px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}


@media (min-width:700px) {

    .main__bottommob {
        display: none;
    }
}




/*************/

/*trade*/
.trade {
    /* Trade Block */
    --trade-offset-top: 0px;
    --trade-offset-bottom: 80px;
    --trade-offset-top-mobile: 60px;
    --trade-offset-bottom-mobile: 60px;
    --trade-all-texts-color: #fff;
    --trade-bg-color: inherit;

    /* Title */
    --trade-title-fz: 20px;
    --trade-title-fw: 700;
    --trade-title-fz-mobile: 20px;
    --trade-title-fw-mobile: 700;

    /* Lead */
    --trade-lead-fz: 18px;
    --trade-lead-fw: 400;
    --trade-lead-fz-mobile: 16px;
    --trade-lead-fw-mobile: 400;

    /* Link */
    --trade-link-fz: 18px;
    --trade-link-fw: 400;
    --trade-link-fz-mobile: 16px;
    --trade-link-fw-mobile: 400;
    --trade-link-color: #fff;

    /* Picture */
    --trade-picture-width: 400px;
    --trade-picture-height: 300px;
    --trade-picture-width-mobile: 300px;
    --trade-picture-height-mobile: 200px;

    color: var(--trade-all-texts-color);
    background-color: var(--trade-bg-color);
    padding-top: 83px;
}

@media (max-width:700px) {
    .trade {
        padding-top: 30px;
    }
}

.trade__container {
    display: flex;
    border-radius: 30px;
    border-radius: 40px;
    padding: 0px 87px;
    gap: 29px;
}

@media (max-width: 768px) {
    .trade__container {
        flex-direction: column;
        align-items: center;
        padding: 0 12px 0 12px;
    }
}

.trade__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 26px;
    width: 61.7%;
}

@media (max-width: 768px) {
    .trade__left {
        width: 100%;
        padding-top: 20px;
        padding-left: 0px;
    }
}

.trade__title {
    font-size: var(--trade-title-fz);
    font-weight: var(--trade-title-fw);
    line-height: 130%;
    padding-bottom: 15px;
}

@media (max-width: 768px) {
    .trade__title {
        margin-bottom: 24px;
        font-size: var(--trade-title-fz);
        font-weight: var(--trade-title-fw);
        line-height: 130%;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .trade__title {
        margin: 0;
        font-size: 13px;
        font-weight: 700;
        padding-bottom: 10px;
    }
}

.trade__subtitle {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding-top: 4px;
}

.trade__lead {
    padding-bottom: 10px;
    font-size: var(--trade-lead-fz);
    font-weight: var(--trade-lead-fw);
    line-height: 130%;
    letter-spacing: -0.03em;
}

.trade__leadmob {
    display: none;
}

@media (max-width: 576px) {
    .trade__lead {
        display: none;
    }

    .trade__leadmob {
        display: block;
        padding-bottom: 10px;
        font-size: 13px;
        font-weight: 400;
        width: 97%;
        letter-spacing: -0.03em;
    }
}

.trade__link {
    display: inline-flex;
    padding: 16px 40px;
    font-size: var(--trade-link-fz);
    font-weight: var(--trade-link-fw);
    color: var(--trade-link-color);
    text-decoration: none;
    border: none;
    background-color: #F26F31;
}

@media (max-width: 576px) {
    .trade__link {
        font-size: var(--trade-link-fz-mobile);
        font-weight: var(--trade-link-fw-mobile);
    }
}

.trade__right {
    display: flex;
    /* align-items: end; */
    justify-content: start;
    width: 33.7%;
    /* padding-top: 17px; */
}

@media (max-width: 700px) {
    .trade__right {
        padding-right: 16px;
        display: none;
    }
}

@media (max-width: 768px) {
    .trade__right {
        width: 100%;
        justify-content: center;
    }
}

.trade__picture-img {
    object-fit: contain;
}

.trade__button {
    margin-top: 36px;
    max-width: 246px;
    width: 100%;
    text-align: center;
    margin-bottom: 83px;
    border: 2px solid #FAA528;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    padding: 16px 8px;
    transition: 0.3s all;
}

.trade__button:hover {
    border: 2px solid #fff;
}

.trade__name {
    color: var(--Text-secondary, #fff);
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    padding-top: 5px;
}

.trade__bottommob {
    display: none;
}

.tradebottom__mobright {
    display: none;
}

.trade__bottommobimg {
    display: none;
}

@media (max-width:700px) {
    .trade__name {
        display: none;
    }

    .trade__subtitle {
        display: none;
    }

    .trade__bottommob {
        display: flex;
        gap: 12px;
    }

    .tradebottom__mobright {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .trade__namemob {
        font-size: 13px;
        font-weight: 700;
        line-height: 130%;
        color: #fff;
    }

    .trade__subtitlemob {
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        color: #fff;
    }

    .trade__button {
        max-width: 296px;
        margin-bottom: 76px;
    }

    .trade__bottommobimg {
        display: flex;
    }
}

/*******/

/* waiting  */

.waiting {
    padding-bottom: 89px;
}

.waiting__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 27px;
}

.waiting__block {
    position: relative;
    max-width: 31.6%;
    width: 100%;
    height: 364px;
}

.waitingcard__img {
    display: block;
}

.mobcard__img {
    display: none;
}

.waiting__card {
    position: relative;
    border-radius: 40px;
    width: 100%;
    height: 100%;
    transition: 0.5s ease-out;
}

.waiting__block-1 .waiting__card {
    background-color: #fff;
}

.waiting__block-2 .waiting__card {
    background-color: #FAA525;
}

.waiting__block-3 .waiting__card {
    background-color: #7A7E84;
}


.waiting__face {
    padding: 35px 32px;
    display: flex;
    gap: 24px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    transition: 0.2s all ease-in;
    height: 100%;
}

.waiting__title {
    font-size: 40px;
    font-weight: 500;
    color: #FAA525;
    line-height: 130%;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 43px;
}

.waiting__text {
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.waiting__block-1 .waiting__text {
    color: #444444;
}

.waiting__block-2 .waiting__text {
    color: #444444;
}

.waiting__block-3 .waiting__text {
    color: #fff;
}

@media (max-width:700px) {
    .waiting__wrapper {
        flex-direction: column;
    }

    .waiting__block {
        max-width: 100%;
    }

    .container__Waitingmob {
        padding: 0px 10px 0px 10px;
    }

    .waiting__card {
        border-radius: 15.79px;
    }

    .waiting__text {
        font-size: 18px;
    }

    .waiting__text span br {
        display: none;
    }

    .mobcard__img {
        display: block;
    }

    .waitingcard__img {
        display: none;
    }

    .waiting__block {
        height: 287px;
    }
}

/*********/

/*anketa */

.anketa {}

.anketa__container {
    display: flex;
    flex-direction: column;
    gap: 31px;
    margin-bottom: 80px;
    margin-top: 50px;
}

.anketa__top {
    display: flex;
    gap: 18px;
    padding: 37px 48px 37px 100px;
    background-color: rgba(218, 218, 218, 0.2);
    border-radius: 20px;
}

.anketa__topleft {
    display: flex;
    max-width: 56.2%;
    align-items: center;
    gap: 7px;
}

.anketa__topright {
    display: flex;
    gap: 23px;
    align-items: center;
}

.anketa__bottom {
    display: flex;
    gap: 55px;
    background-color: rgba(218, 218, 218, 0.2);
    border-radius: 20px;
    padding: 47px;
    margin-bottom: 77px;
}

.left__anket {
    display: flex;
    flex-direction: column;
    max-width: 39.3%;
}

.right__anket {
    display: flex;
    gap: 22px;
    flex-direction: column;
    max-width: 52.5%;
}

.anketa__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 130%;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 26px;
}

.anketa__title span {
    color: #FAA525;
}

.anketa_subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
    letter-spacing: -0.03em;
}

.anketa_subtitlemob {
    display: none;
}

.anketa__description {
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
    padding-top: 45px;
}

.form__section-checkbox {
    display: flex;
    gap: 5px;
    width: 100%;

}

.anketa__title br {
    display: none;
}

.anketa__bottomlowtext {
    font-size: 11px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.04em;
    color: #fff;
}

.anketa__bottomlowtextlink {
    text-decoration: underline;
    color: #fff;
}

.anketa__img {}

.anketa__imgmob {
    display: none;
}

@media (max-width:700px) {
    .anketa__container {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 33px;
    }

    .anketa__top {
        flex-direction: column;
        padding: 30px 12px 40px 12px;
        border-radius: 0px;
    }

    .anketa__bottom {
        flex-direction: column;
        padding: 20px 12px 20px 12px;
        border-radius: 0px;
    }

    .anketa__topright {
        flex-direction: column;
    }

    .anketa__topleft {
        align-items: flex-start;
        max-width: 95%;
        gap: 16px;
    }

    .anketa_subtitle {
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: -0.03em;
    }

    .anketa__img {
        display: none;
    }

    .anketa__imgmob {
        display: flex;
    }

    .left__anket {
        max-width: 98%;
    }

    .anketa__title {
        font-size: 20px;
        font-weight: 500;
    }

    .anketa__title br {
        display: block;
    }

    .left__anket.anketa_subtitle {
        display: none;
    }

    .anketa_subtitlemob {
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
    }

    .anketa__description {
        font-size: 10px;
        font-weight: 400;
    }

    .right__anket {
        max-width: 99%;
        gap: 12px;
    }

    .formp__input {
        border-radius: 2.98px;
        margin-bottom: 8px;
        width: 100%;
    }

    .formp__inputp {
        border-radius: 2.98px;
        margin-bottom: 8px;
        width: 100%;
    }

    .button__anketa {
        border-radius: 2.98px;
        padding: 6px 8px;
    }

    .anketa__bottomlowtext {
        font-size: 8px;
    }

    .form__section-checkbox {
        align-items: flex-start;
    }
}

/********/

/*shedudle*/

.schedule {
    padding-bottom: 90px;
}

.schedule__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 49px;
    background-color: #62676F;
    border-radius: 20px;
    padding: 70px 161px 80px 100px;
}

.schedule__decore {
    position: absolute;
    bottom: 0;
    right: 20%;
    z-index: 1;
}

.schedule__title {
    font-size: 37.5px;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
    color: #FAA525;
}

.schedule__title span {
    color: #fff;
}

.schedule__centerrasp {
    display: flex;
    gap: 25px;

}

.schedule__textinner {
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    width: 856px;
    padding-top: 29px;
}

.schedule__lastborder {
    border: none;
    padding-bottom: 31px;
}

.schedule__timer {
    padding-top: 29px;
    padding-bottom: 30px;
    font-size: 24.49px;
    font-weight: 700;
    line-height: 130%;
    color: #FAA525;
}

.schedule__text {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    line-height: 140%;
}

.schedule__description {
    padding-left: 100px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 29.5px;
}

.schedule__description span {
    font-weight: 600;
}

@media (max-width:700px) {
    .program__mob__container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .schedule__inner {
        border-radius: 20px;
        padding: 20px;
    }

    .schedule__decore {
        display: none;
    }

    .schedule__title {
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -0.02em;
    }

    .schedule__timer {
        font-size: 14.35px;
    }

    .schedule__text {
        font-size: 12.9px;
        line-height: 140%;
    }

}

/********/

.program {
    padding-bottom: 56px;
    padding-top: 30px;
}

@media (max-width:550px) {
    .program {
        padding: 0px 0px;
        padding-bottom: 33px;
    }
}

.program__inner>ul {
    padding-top: 37px;
    padding-bottom: 30px;
}

.program__inner {
    padding-bottom: 0px;
    background-image: url("../img/program/raspisanie.svg");
    height: 293px;
}

.program__mobimg {
    display: none;
}

.program__block {
    display: none;
}

@media (max-width:700px) {
    .program__inner {
        padding: 0px 42px;
        padding-bottom: 0;
        background-image: none;
        display: flex;
        flex-direction: column;
    }

    .program__mobimg {
        display: block;
    }

    .program--img1 {
        padding-bottom: 9px;
    }

    .program--img2 {
        padding-bottom: 22px;
    }
}


@media (max-width:550px) {
    .program__block {
        display: block;
    }
}

.program__title {
    font-weight: 700;
    font-size: 37px;
    line-height: 130%;
    text-transform: uppercase;
    color: #F26F31;
}

.program__block-content {
    display: flex;
    border-radius: 4px;
}

@media (max-width:550px) {
    .program__block-content {
        flex-direction: column;
        gap: 4px;
        padding-bottom: 32px;
    }
}

.program__time {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #F26F31;
    max-width: 145px;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    padding-top: 32px;
}

.button__anketa {
    background-color: #FAA525;
    width: 100%;
    border-radius: 6px;
    padding: 16px 8px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    transition: 0.3s all;
    color: #222222;
}

.program__name--block {
    width: 100%;
    border-bottom: 1px solid #444;
}

.border-none {
    border: none;
}

.program__name {
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    color: #444;
    padding: 32px 0px;
}

.program__list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 32px;
}

.program__list--item {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: var(--text-secondary);
}

@media (max-width:550px) {
    .program__name {
        font-weight: 700;
        font-size: 22px;
        border-top: none;
        padding: 0;
    }

    .program__time {
        font-weight: 800;
        padding: 0;
        font-size: 24px;
        border-top: none;
    }

    .program__description {}
}

.program__speaker {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 250px;
    width: 100%;
    border-top: 4px solid #e2e2e2;
    padding: 32px 0px;
}

@media (max-width:550px) {
    .program__speaker {
        display: none;
    }
}

.program__description {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: var(--text-secondary);
}

.program__speaker--name {
    font-weight: 600;
    font-size: 18px;
    line-height: 128%;
    text-align: center;
    color: #263238;
}

.program__speaker--position {
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    text-align: center;
    color: #263238;
}

.program__lower {
    display: flex;
    align-items: center;
    gap: 44px;
}

@media (max-width:700px) {
    .program__lower {
        flex-direction: column;
    }
}

.program__lower--text {
    font-weight: 400;
    font-size: 18px;
    line-height: 164%;
    color: #444;
}

/*******/

/* lastyear-panel*/

.lastyear-panel {
    --lastyear-panel-offset-top: 80px;
    --lastyear-panel-offset-bottom: 80px;
    --lastyear-panel-offset-top-mobile: 60px;
    --lastyear-panel-offset-bottom-mobile: 60px;
    --lastyear-panel-bg-color: inherit;
    --lastyear-panel-slide-all-texts-color: #000;
    --lastyear-panel-slide-periods-bg-color: #fff;
    --lastyear-panel-slide-periods-color: #000;
    --lastyear-panel-slide-title-fz: 18px;
    --lastyear-panel-slide-title-fw: 700;
    --lastyear-panel-slide-speaker-img-size: 40px;
    --lastyear-panel-slide-speaker-name-fz: 14px;
    --lastyear-panel-slide-speaker-name-fw: 400;
    --lastyear-panel-slide-button-text-color: #000;
    --lastyear-panel-slide-button-text-fz: 14px;
    --lastyear-panel-slide-button-text-fw: 700;
    --lastyear-panel-navigation-buttons-size: 54px;
    --lastyear-panel-navigation-buttons-size-mobile: 40px;
    --lastyear-panel-pagination-bullets-size: 12px;
    --lastyear-panel-pagination-inactive-bullets-bg-color: #fff;
    --lastyear-panel-pagination-active-bullet-bg-color: #FAA525;

    background-color: var(--lastyear-panel-bg-color);
    padding-top: 50px;
    display: none;
    position: relative;
}

@media (max-width: 768px) {
    .lastyear-panel {
        display: block;
    }
}

.lastyear-panel__container {}

@media (max-width: 576px) {
    .lastyear-panel__container {
        padding-left: 17px;
        padding-right: 17px;
    }
}

.lastyear-panel__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .lastyear-panel__title {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 25px;
    }

    .lastyear-panel__title span {
        color: #FAA525;
    }
}

.lastyear-panel__wrapper {
    position: relative;
    border-radius: 29.67px;
    border: 2.97px solid #FAA525;
    padding-bottom: 28px;
}

@media (max-width: 768px) {
    .lastyear-panel__wrapper {
        padding-right: 0;
        padding-left: 0;
    }
}

.lastyear-swiper {
    display: grid;
    width: 100%;
}

@media (max-width: 768px) {
    .lastyear-swiper {
        padding: 0;
        padding-bottom: 60px;
        margin-top: 0;
    }
}

.swiper-slide {
    box-sizing: border-box;
    color: var(--lastyear-panel-slide-all-texts-color);
    user-select: none;
    background-color: var(--lastyear-panel-slide-bg-color);
    transition: 0.2s transform ease;
    margin-right: 16px;
}

@media (any-hover: hover) {
    .swiper-slide:hover {
        transition: 0.2s transform ease;
        transform: scale(1.02);
    }
}

@media (max-width: 576px) {
    .swiper-slide {
        transition: none;
    }
}

.lastyear-panel__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.lastyear-panel__text-container {
    display: flex;
    flex-direction: column;
}

.lastyear-panel__name {
    font-size: 13px;
    font-weight: 700;
    line-height: 130%;
    padding-top: 16px;
    color: #fff;
    text-align: left;
}

.lastyear-panel__description {
    font-size: 13px;
    font-weight: 300;
    line-height: 130%;
    color: #fff;
    text-align: left;
}

.lastyear-panel__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 94%;
}

.lastyear-panel__list {
    padding-top: 0px;
}

.lastyear-panel__image {
    object-fit: cover;
    flex-shrink: 0;
}

/* Кнопки навигации */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    width: var(--lastyear-panel-navigation-buttons-size);
    height: var(--lastyear-panel-navigation-buttons-size);
    background-color: white !important;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 5px) !important;
    left: auto;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 5px) !important;
    right: auto;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 12px;
    height: 16px;
}

.lastyear-panel__button-path {
    fill: #62358C;
}

.swiper-pagination-bullet {
    width: var(--lastyear-panel-pagination-bullets-size);
    height: var(--lastyear-panel-pagination-bullets-size);
    background-color: #fff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    width: var(--lastyear-panel-pagination-bullets-size);
    height: var(--lastyear-panel-pagination-bullets-size);
    background-color: #FAA525;
}

/* lastyear-panel*/

.lastyear-panel {
    --lastyear-panel-offset-top: 80px;
    --lastyear-panel-offset-bottom: 80px;
    --lastyear-panel-offset-top-mobile: 60px;
    --lastyear-panel-offset-bottom-mobile: 60px;
    --lastyear-panel-bg-color: inherit;
    --lastyear-panel-slide-all-texts-color: #000;
    --lastyear-panel-slide-periods-bg-color: #fff;
    --lastyear-panel-slide-periods-color: #000;
    --lastyear-panel-slide-title-fz: 18px;
    --lastyear-panel-slide-title-fw: 700;
    --lastyear-panel-slide-speaker-img-size: 40px;
    --lastyear-panel-slide-speaker-name-fz: 14px;
    --lastyear-panel-slide-speaker-name-fw: 400;
    --lastyear-panel-slide-button-text-color: #000;
    --lastyear-panel-slide-button-text-fz: 14px;
    --lastyear-panel-slide-button-text-fw: 700;
    --lastyear-panel-navigation-buttons-size: 54px;
    --lastyear-panel-navigation-buttons-size-mobile: 40px;
    --lastyear-panel-pagination-bullets-size: 12px;
    --lastyear-panel-pagination-inactive-bullets-bg-color: #fff;
    --lastyear-panel-pagination-active-bullet-bg-color: #FAA525;

    background-color: var(--lastyear-panel-bg-color);
    padding-top: 50px;
    display: none;
    position: relative;
}

@media (max-width: 768px) {
    .lastyear-panel {
        display: block;
    }
}

.lastyear-panel__container {
    position: relative;
}

@media (max-width: 576px) {
    .lastyear-panel__container {
        padding-left: 17px;
        padding-right: 17px;
    }
}

.lastyear-panel__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
    text-transform: uppercase;
}

.lastyear-panel__wrapper {
    position: relative;
    border-radius: 29.67px;
    border: 2.97px solid #FAA525;
    padding-bottom: 28px;
}

@media (max-width: 768px) {
    .lastyear-panel__wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    .lastyear-panel__title {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 25px;
    }

    .lastyear-panel__title span {
        color: #FAA525;
    }
}

.lastyear-swiper {
    display: grid;
    width: 100%;
}

@media (max-width: 768px) {
    .lastyear-swiper {
        padding: 0;
        padding-bottom: 60px;
        margin-top: 0;
    }
}

.swiper-slide {
    box-sizing: border-box;
    color: var(--lastyear-panel-slide-all-texts-color);
    user-select: none;
    background-color: var(--lastyear-panel-slide-bg-color);
    transition: 0.2s transform ease;
    margin-right: 16px;
}

@media (any-hover: hover) {
    .swiper-slide:hover {
        transition: 0.2s transform ease;
        transform: scale(1.02);
    }
}

@media (max-width: 576px) {
    .swiper-slide {
        transition: none;
    }
}

.lastyear-panel__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.lastyear-panel__upper {
    height: 50%;
}

.lastyear-panel__periods {
    display: flex;
    gap: 10px;
    padding-bottom: 20px;
    color: var(--lastyear-panel-slide-periods-color);
}

.lastyear-panel__date,
.lastyear-panel__time {
    padding: 8px 12px;
    background-color: var(--lastyear-panel-slide-periods-bg-color);
    border-radius: 30px;
}

.lastyear-panel__title-wrapper {
    padding-bottom: 20px;
}

.lastyear-panel__text-container {
    display: flex;
    flex-direction: column;
}

.lastyear-panel__name {
    font-size: 13px;
    font-weight: 700;
    line-height: 130%;
    padding-top: 16px;
    color: #fff;
    text-align: left;
}

.lastyear-panel__description {
    font-size: 13px;
    font-weight: 300;
    line-height: 130%;
    color: #fff;
    text-align: left;
}

.lastyear-panel__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 94%;
}

.lastyear-panel__list {
    padding-top: 0px;
}

.lastyear-panel__image {
    object-fit: cover;
    flex-shrink: 0;
}

.lastyear-panel__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 18px 30px;
    font-size: var(--lastyear-panel-slide-button-text-fz);
    font-weight: var(--lastyear-panel-slide-button-text-fw);
    line-height: 130%;
    color: var(--lastyear-panel-slide-button-text-color);
    background-color: var(--lastyear-panel-slide-button-bg-color);
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    width: var(--lastyear-panel-navigation-buttons-size);
    height: var(--lastyear-panel-navigation-buttons-size);
    background-color: white !important;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 5px) !important;
    left: auto;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 5px) !important;
    right: auto;
}

@media (max-width: 768px) {

    .swiper-button-prev,
    .swiper-button-next {
        top: 60%;
        bottom: 0;
        width: 80px;
        height: 0;
    }
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 24px;
    display: none;
}

@media (max-width: 768px) {
    .swiper-button-prev {
        left: 38%;
    }
}

@media (max-width: 576px) {
    .swiper-button-prev {
        left: 30%;
    }
}

@media (max-width: 768px) {
    .swiper-button-next {
        right: 38%;
    }
}

@media (max-width: 576px) {
    .swiper-button-next {
        right: 30%;
    }
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 12px;
    height: 16px;
}

@media (max-width: 768px) {

    .swiper-button-prev svg,
    .swiper-button-next svg {
        width: 8px;
        height: 12px;
    }
}

.lastyear-panel__button-path {}

.swiper-pagination-bullet {
    width: var(--lastyear-panel-pagination-bullets-size);
    height: var(--lastyear-panel-pagination-bullets-size);
    background-color: #fff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    width: var(--lastyear-panel-pagination-bullets-size);
    height: var(--lastyear-panel-pagination-bullets-size);
    background-color: #FAA525;
}

/*regSection*/
.regSection {}

@media (max-width:450px) {
    .regSection {
        padding-bottom: 50px;
    }
}

.regSection__inner {
    position: relative;
}

.regSection__sticker {
    position: absolute;
    right: -60px;
    border-radius: 50%;
    background-color: #FAA525;
    width: 192px;
    height: 192px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.regSection__sticker>p {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    max-width: 150px;
    text-align: center;
    color: #000000;
}

@media (max-width:700px) {
    .regSection__sticker {
        width: 100px;
        height: 100px;
        bottom: 30%;
        display: none;
    }

    .regSection__sticker>p {
        font-size: 14px;
    }
}

.regSection__title {
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FAA525;
}

.regSection__title span {
    color: #fff;
}

@media (max-width:700px) {
    .regSection__title {
        padding-left: 16px;
    }
}

.regSection__header {
    width: 65%;
    padding-top: 50px;
}

.regSection__header>.button {
    padding: 16px 40px;
}

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

@media (max-width: 450px) {
    .regSection__header {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
}

.regSection__header-title>ul {
    display: flex;
    gap: 50px;
    padding-left: 25px;
}

@media (max-width:450px) {
    .regSection__header-title>ul {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
}

.regSection__header-title>ul>li {
    color: var(--Text-secondary, #444);
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    list-style-image: url(../img/regSection/Calendar.svg);
}

.regSection__header-title>ul>li:nth-child(2) {
    list-style-image: url(../img/regSection/Location.svg);
}

.regSection__header-title>ul>li:nth-child(3) {
    list-style-image: url(../img/regSection/Online.svg);
}

.regSection__header-subtitle {
    gap: 50px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.regSection-subtitle {
    color: var(--Text-secondary, #444);
    font-size: 22px;
    line-height: 140%;
}

.regSection-subtitle:last-child {
    padding-top: 10px;
    font-style: normal;
    font-weight: 400;
}

.regSection__button-section {
    display: flex;
    gap: 10px;
    justify-content: center;
}

@media (max-width:450px) {
    .regSection__button-section {
        flex-direction: column;
    }
}

.regSection__button {
    border: 0px solid rgba(221, 221, 222, 0);
    border-radius: 2px;
    max-width: 305px;
    width: 100%;
    padding: 16px;

    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0.02em;
    text-align: center;
    color: #444;
}

@media (max-width:550px) {
    .regSection__button {
        font-size: 11px;
        line-height: 150%;
        padding: 8px;
        max-width: 170px;
    }
}

.regSection__button--green {
    background-color: #e3e3e3;
}

.regSection__button--yellow {
    background-color: #fbd269;
}

.regSection-sticker {
    position: absolute;
    right: 25%;
    top: -15%;
    z-index: 1;
}

.regSection-img {
    position: absolute;
    right: -2%;
    top: -10%;
}

@media (max-width:1280px) {
    .regSection-img {
        right: 0%;
    }
}

@media (max-width:1100px) {
    .regSection-img {
        display: none;
    }

    .regSection-sticker {
        right: 5%;
        top: -10%;
        width: 150px;
    }
}

@media (max-width:450px) {
    .regSection-sticker {
        right: 0;
        top: -6%;
        width: 125px;
    }
}

.regSection__middle {
    padding-top: 50px;
}

@media (max-width:550px) {
    .regSection__middle {
        padding-top: 32px;
    }
}

.regSection__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 592px));
    grid-gap: 32px;
}

@media (max-width: 980px) {
    .regSection__cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .regSection__cards {
        grid-template-columns: repeat(1, 1fr);
    }
}

.regSection__card {
    padding: 71px 104px;
    padding-bottom: 48px;
    border-radius: 40px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (max-width:550px) {
    .regSection__card {
        padding: 24px;
    }
}

.regSection__card-upper {}

.regSection__card-num {
    font-weight: 700;
    font-size: 34px;
    line-height: 140%;
    text-align: center;
    color: #FAA525;
}

@media (max-width: 576px) {
    .regSection__card-num {
        font-size: 24px;
        line-height: 130%;
        padding-bottom: 18px;
        text-align: center;
    }
}

.regSection__card-lower {
    padding-bottom: 35px;
}

@media (max-width:550px) {
    .regSection__card-lower {
        padding-bottom: 16px;
    }
}

.regSection__card-text {
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    text-align: center;
    color: #444;
}

@media (max-width: 576px) {
    .regSection__card-text {
        text-align: center;
        font-size: 18px;
        line-height: 150%;
    }
}

.regSection__card-text2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #222;
    padding-bottom: 20px;
}

@media (max-width: 576px) {
    .regSection__card-text2 {
        text-align: center;
        font-size: 12px;
        line-height: 150%;
    }
}


.regSection__lower {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
}

@media (max-width: 576px) {
    .regSection__lower {
        padding-top: 30px;
    }
}

.regSection__link {
    display: inline-flex;
    padding: 16px 40px;
    text-decoration: none;
    border: none;
}

@media (max-width: 576px) {
    .regSection__link {}
}

.regSection__footer {
    padding-top: 6px;
}

@media (max-width:550px) {
    .regSection__footer {
        padding-top: 6px;
    }
}

@media (max-width:450px) {
    .regSection__footer {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.regSection__footer-inner {
    display: flex;
    align-items: center;
}

@media (max-width:1280px) {
    .regSection__footer-inner {
        padding: 20px 20px;
    }
}

.regSection__footer-content {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    margin: auto;
    gap: 30px;
    padding-left: 50px;
}

@media (max-width:550px) {
    .regSection__footer-content {
        padding-left: 0px;
    }
}

.regSection__footer-title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: 48px;
    line-height: 120%;
    color: #222;
}

.regSection__footer-title>span {
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    color: #b4da62;
}

@media (max-width:550px) {
    .regSection__footer-title {
        font-size: 32px;
        line-height: 120%;
    }

    .regSection__footer-title>span {
        font-family: "Pacifico", cursive;
        font-size: 38px;
    }
}

.regSection__footer-subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #444;
    padding-left: 8px;
    max-width: 625px;
}


@media (max-width:550px) {
    .regSection__footer-subtitle {
        font-size: 12px;
        line-height: 150%;
        padding-left: 0px;
    }
}

.regSection__footer-subtitle>span {
    font-weight: 700;
}

@media (max-width:1280px) {
    .regSection__footer-img {
        display: none;
    }
}

.regSection--button {
    max-width: 305px;
    width: 100%;
}

/******/

.callback {
    /* Callback Block */
    --callback-offset-top: 80px;
    --callback-offset-bottom: 80px;
    --callback-offset-top-mobile: 60px;
    --callback-offset-bottom-mobile: 60px;
    --callback-all-texts-color: inherit;
    --callback-bg-color: inherit;

    /* Logo Image */
    --callback-logo-width: 200px;
    --callback-logo-height: 50px;
    --callback-logo-width-mobile: 150px;
    --callback-logo-height-mobile: 30px;

    /* Title */
    --callback-title-fz: 34px;
    --callback-title-fw: 700;
    --callback-title-fz-mobile: 24px;
    --callback-title-fw-mobile: 700;

    /* Lead */
    --callback-lead-fz: 20px;
    --callback-lead-fw: 400;
    --callback-lead-fz-mobile: 18px;
    --callback-lead-fw-mobile: 400;

    /* Decoration Image */
    --callback-picture-width: 300px;
    --callback-picture-height: 300px;
    --callback-picture-width-mobile: 200px;
    --callback-picture-height-mobile: 200px;

    /* Button */
    --callback-button-fz: 18px;
    --callback-button-fw: 400;
    --callback-button-fz-mobile: 16px;
    --callback-button-fw-mobile: 400;
    --callback-button-color: #fff;
    --callback-button-bg-color: #F26F31;

    /* Legal Text */
    --callback-legal-fz: 14px;
    --callback-legal-fw: 400;
    --callback-legal-fz-mobile: 14px;
    --callback-legal-fw-mobile: 400;

    color: var(--callback-all-texts-color);
    background-color: var(--callback-bg-color);
    padding-top: 88px;
}

.callback__container {
    padding-top: var(--callback-offset-top);
    padding-bottom: var(--callback-offset-bottom);
    background: #62676F;
    border-radius: 40px;
    padding: 77px 96px 50px 80px;
}

@media (max-width:700px) {
    .callback__container {
        padding: 32px 16px;
    }
}

@media (max-width: 576px) {
    .callback__container {
        padding-top: var(--callback-offset-top-mobile);
        padding-bottom: var(--callback-offset-bottom-mobile);
    }
}

.callback__upper {
    display: flex;
    padding-bottom: 46px;
}

@media (max-width: 768px) {
    .callback__upper {
        flex-direction: column;
    }
}

.callback__upper-left {
    width: 60%;
}

@media (max-width: 768px) {
    .callback__upper-left {
        width: 100%;
    }
}

.callback__logo-img {
    display: block;
    width: var(--callback-logo-width);
    height: var(--callback-logo-height);
    object-fit: contain;
    margin-bottom: 24px;
}

@media (max-width: 576px) {
    .callback__logo-img {
        width: var(--callback-logo-width-mobile);
        height: var(--callback-logo-height-mobile);
    }
}

.callback__title {
    margin-bottom: 16px;
    color: #FAA525;
    font-size: 40px;
    font-weight: 700;
    line-height: 130%;
}

.callback__title span {
    letter-spacing: -0.03em;
}

@media (max-width: 576px) {
    .callback__title {
        font-size: var(--callback-title-fz-mobile);
        font-weight: var(--callback-title-fw-mobile);
    }
}

.callback__lead {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
}

.callback__lead span {
    color: #FAA525;
    font-weight: 500;
}

@media (max-width: 576px) {
    .callback__lead {
        font-size: var(--callback-lead-fz-mobile);
        font-weight: var(--callback-lead-fw-mobile);
    }
}

.callback__upper-right {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 40%;
}

@media (max-width: 768px) {
    .callback__upper-right {
        width: 100%;
        justify-content: center;
    }
}

.callback__picture-img {
    object-fit: contain;
}

@media (max-width: 576px) {
    .callback__picture-img {
        width: var(--callback-picture-width-mobile);
        height: var(--callback-picture-height-mobile);
    }
}

.callback__form {
    gap: 25px;
    margin-bottom: 21px;
    display: grid;
    grid-template-columns: 230px 218px 244px 275px;
}

.callback__formp {
    gap: 25px;
    margin-bottom: 21px;
    display: grid;
    grid-template-columns: 249px 236px 264px 298px;
}

@media (max-width:700px) {
    .callback__form {
        grid-template-columns: repeat(1, minmax(180px, 1fr));
        padding-top: 16px;
    }

    .callback__formp {
        grid-template-columns: repeat(1, minmax(180px, 1fr));
        padding-top: 16px;
    }
}

.callback__formp--hidden {
    display: none;
}

.callback__input {
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    border-radius: 10px;
    padding: 12px 24px;
    border: none;
    outline: none;
}

.callback__inputp {
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    border-radius: 10px;
    padding: 12px 24px;
    border: none;
    outline: none;
}

.callback__input::placeholder {
    color: #a7a9ac;
}

.callback__inputp::placeholder {
    color: #a7a9ac;
}

.callback__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 16px 24px;
    color: #222;
    background-color: #FAA525;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
}

.callback__buttonp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 16px 24px;
    color: #222;
    background-color: #FAA525;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
}

@media (max-width: 576px) {
    .callback__button {
        font-size: var(--callback-button-fz-mobile);
        font-weight: var(--callback-button-fw-mobile);
    }
}

.callback__legal {
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
}

.callbackp__legal {
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
}

@media (max-width: 576px) {
    .callback__legal {
        font-size: 10px;

    }

    .callbackp__legal {
        font-size: 10px;

    }
}

.callback__legal--hidden {
    display: none;
}

.callback__legal-link {
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
}

.callback__legal-link span br {
    display: none;
}

@media (max-width: 576px) {
    .callback__legal-link span br {
        display: block;
    }
}

.callback__message {
    display: none;
    margin-top: 14px;
    margin-bottom: 14px;
}

.callback__message--visible {
    display: block;
}

.callback__message--success {
    font-size: 28px;
    color: #fff;
}

.callback__message--error {
    font-size: 20px;
    color: #fff;
}

.callback__bottom {}

.callback__check {
    display: flex;
    gap: 7px;
}

/******/

.advice {
    padding-top: 20px;
}

.advice__inner {
    background-image: url('../img/advice/Sovety_GlavRed.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 68px 84px 58px 84px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-radius: 40px;
}

@media (max-width:700px) {
    .advice__inner {
        padding: 32px 10px;
        border-radius: 19.11px;
        background-image: url('../img/advice/mob__advice.png');
        gap: 16px;
        padding: 20px 10px 50px 10px;
    }
}

.advice__title {
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    color: #FAA525;
    text-transform: uppercase;
}

.advice__title span {
    color: #fff;
}

@media (max-width:700px) {
    .advice__title {
        font-size: 20px;
        letter-spacing: -0.07em;
    }

    .advice__containermob {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.advice__subtitle {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
    max-width: 590px;
}

.advice__button {
    max-width: 227px;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    color: #000;
}

@media (max-width:700px) {
    .advice__subtitle {
        font-size: 13px;
        letter-spacing: -0.03em;
    }

    .advice__subtitle br{
        display: none;
    }

    .advice__button{
        margin-top: 0px;
    }
}


.note {}

.note__inner {
    padding: 75px 104px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width:700px) {
    .note__inner {
        padding: 32px 16px;
    }
}

.note__title {
    font-weight: 700;
    font-size: 34px;
    line-height: 130%;
    color: #444;
    max-width: 943px;
    width: 100%;
}

@media (max-width:700px) {
    .note__title {
        font-size: 24px;
    }
}

.note__subtitle {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #444;
    max-width: 1029px;
    width: 100%;
}

@media (max-width:700px) {
    .note__subtitle {
        font-size: 18px;
    }
}

.stage {
    padding-bottom: 30px;
}

.stage__inner {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width:600px) {
    .stage__inner {
        padding: 0px 12px;
    }
}


.stage__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 27px;
}

@media (max-width:600px) {
    .stage__wrapper {
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

.stage__block-main {
    border-radius: 20px;
    background: #FAA528;
    max-width: 65.7%;
    padding: 45px 42px 29px 42px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 364px;
}

@media (max-width:600px) {
    .stage__block-main {
        max-width: 100%;
        height: auto;
        padding: 35px 21px 32px 21px;
    }
}

.stage__main-title {
    color: #000;
    font-size: 40px;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

@media (max-width:600px) {
    .stage__main-title {
        font-size: 20px;

    }
}

.stage__blockinneertext {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.stage__main-subtitle {
    color: #444444;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
}

.stage__main-subtitlemob {
    display: none;
}

@media (max-width:600px) {
    .stage__main-subtitle {
        display: none;
    }

    .stage__main-subtitlemob {
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        color: #444444;
        display: block;
    }
}

.stage__main-subtitle span {
    font-style: italic;
    font-size: 16px;
}

@media (max-width:600px) {
    .stage__main-subtitle span {
        display: none;

    }

    .stage__main-subtitlemob span {
        font-style: italic;
        font-size: 13px;
        display: block;
    }
}

.stage__main-link {
    text-decoration: underline;
    color: #444444;
}

.stage__button {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #fff;

    padding: 16px 8px;
    border: 2px solid #fff;
    border-radius: 40px;
}

.stage__block {
    position: relative;

    max-width: 31.6%;
    width: 100%;
    height: 364px;
}

@media (max-width:600px) {
    .stage__block {
        max-width: 100%;
        height: 198px;
    }
}

.stage__card {
    position: relative;
    border-radius: 40px;
    width: 100%;
    height: 100%;

    transition: 0.5s ease-out;
}

.stage__block--2 .stage__card {
    background: #ffffff;
}

.stage__block--3 .stage__card {
    background: #ffffff;
}

.stage__block--4 .stage__card {
    background: #ffffff;
}

.stage__block--5 .stage__card {
    background: #7A7E84;
}

.stage__block--6 .stage__card {
    background: #FAA525;
}

.stage__block--7 .stage__card {
    background: #7A7E84;
}

.stage__block--8 .stage__card {
    background: #FAA525;
}

.stage__block-face {
    padding: 35px 32px;

    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-between;

    transition: 0.2s all ease-in;
    height: 100%;
}

@media (max-width:600px) {
    .stage__block-face {
        padding: 20px;
    }
}


.stage__text-block {
    width: 100%;
    height: 51.6px;
}

.stage__text-block2 {
    width: 100%;
}

.stage__date {
    /* width: fit-content; */
    color: #FAA525;
    font-size: 16px;
    font-weight: 900;
    line-height: 130%;
    padding: 5px 0px;
    text-align: center;
    border-radius: 40px;
    /* border: 2px solid #C1BDBA; */
    padding: 5px 12px;
}

@media (max-width:600px) {
    .stage__date {
        font-size: 14px;
    }
}

.stage__number {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 3px #F26F31;
    font-family: sans-serif;
    text-align: center;
    font-size: 128px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    text-transform: uppercase;
}

.stage__name {
    color: #444;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 23.4px */
}

@media (max-width:600px) {
    .stage__name {
        font-size: 16px;
    }
}


.stage__name span {
    color: #ffffff;
}

.stage__block-reversed {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 22%;
    padding: 0 12px;
    transform: rotate3d(0, 1, 0, 180deg);

    opacity: 0;

    transition: 0.2s all ease-in;

}

@media (max-width:600px) {
    .stage__block-reversed {
        top: 10%;
        padding: 20px;
    }
}


.stage__block:hover .stage__block-face {
    opacity: 0;
}

.stage__block:hover .stage__card {
    transform: rotate3d(0, 1, 0, 180deg);
}

.stage__block:hover .stage__block-reversed {
    opacity: 1;
}

@media (max-width:600px) {
    .stage__block.animate .stage__block-face {
        opacity: 0;
    }

    .stage__block.animate .stage__card {
        transform: rotate3d(0, 1, 0, 180deg);
    }

    .stage__block.animate .stage__block-reversed {
        opacity: 1;
    }
}



.stage__reversed-text {
    color: #444;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    padding-bottom: 25px;
}

.stage__reversed-textmob {
    display: none;
}

@media (max-width:600px) {
    .stage__reversed-text {
        display: none;
    }

    .stage__letter-spacing {
        letter-spacing: -0.03em;
    }

    .stage__reversed-textmob {
        color: #444;
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        padding-bottom: 15px;
        display: block;
    }

    .stage__reversed-textmob span {
        color: #fff;
    }
}

.stage__reversed-text span {
    color: #fff;
}

.stage__reversed-button {
    color: #272C3E;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    background: none;
    border-radius: 40px;
    border: 2px solid #444444;

    padding: 6px 29px;
}

@media (max-width:600px) {
    .stage__reversed-button {
        font-size: 13px;
    }
}

.stage__reversed-button:hover {
    border: 2px solid #FAA525;
    color: #FAA525;
}

.stage__reversed-button-2 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    background: none;
    border-radius: 40px;
    border: 2px solid #ffffff;
    padding: 6px 29px;
}

@media (max-width:600px) {
    .stage__reversed-button-2 {
        font-size: 13px;
    }
}

.stage__reversed-button-2:hover {
    border: 2px solid #FAA525;
    color: #FAA525;
}

.stage__reversed-button-3 {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    background: none;
    border-radius: 40px;
    border: 2px solid #444444;
    padding: 6px 29px;
}

@media (max-width:600px) {
    .stage__reversed-button-3 {
        font-size: 13px;
    }
}

.stage__reversed-button-3:hover {
    border: 2px solid #fff;
    color: #fff;
}


/*contest*/
.contest {
    padding-bottom: 83px;
}

.contest__inner {
    background-image: url(../img/contest/Priz_Fond_Pic.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 53px;
    padding-bottom: 53px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 26px;
    align-items: center;
    justify-content: center;
}


.contest__title {
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.contest__title span {
    color: #FAA525;
}

.contest__title span br {
    display: none;
}

.contest__subtitle {
    font-size: 80px;
    line-height: 130%;
    font-weight: 700;
    color: #FFFFFF;
}

.contest__innerbottom {
    max-width: 59%;
    border: 1px solid #FAA525;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    justify-content: center;
    border-radius: 20px;
    padding: 32px 75px;
}

.contes__flex {
    display: flex;
    gap: 30px;
}

.contes__flexmob {
    display: none;
}

.contest__number {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.contest__number span {
    color: #FAA525;
    font-size: 24px;
}

.contest__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: #FAA525;
    padding-top: 3px;
}

@media (max-width:600px) {

    .contest {
        padding: 41px 12px 45px 11px;
    }

    .contes__flex {
        display: none;
    }

    .contes__flexmob {
        display: flex;
        gap: 3px;
        flex-direction: column;
    }

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

    .contest__numbermob {
        font-size: 16px;
        font-weight: 700;
        line-height: 130%;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        padding-bottom: 1px;
    }

    .contest__numbermob span {
        color: #FAA525;
        font-size: 16px;
        padding-bottom: 0px;
    }

    .contest__numbermobile {
        font-size: 14px;
        font-weight: 500;
        line-height: 130%;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
    }

    .contest__description {
        font-size: 12px;
        letter-spacing: -0.03em;
    }

    .contest__title {
        font-size: 20px;
        font-weight: 500;
    }

    .contest__title span br {
        display: block;
    }

    .contest__subtitle {
        font-size: 40px;
        font-weight: 700;
    }

    .contest__inner {
        padding: 32px 18px 36px 15px;
        gap: 18px;
    }

    .contest__innerbottom {
        max-width: 100%;
        padding: 24px 25px;
        gap: 24px;
    }
}


/* */
.rating {
    padding-top: 96px;
}

.rating__title {
    color: #F26F31;
    font-family: Inter;
    font-size: 40px;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
    padding-bottom: 34px;
    padding-left: 40px;
}

.rating__inner {
    padding-top: 24px;
    padding-left: 44px;
    padding-right: 20px;
    padding-bottom: 40px;

    background: #FAF6F3;
}


/*access*/

.access {
    margin-top: 127px;
}

@media (max-width:600px) {
    .access {
        padding-bottom: 48px;
    }
}

.access__inner {
    padding-left: 40px;
    display: flex;
    gap: 43px;
}

.access__left {
    width: 35%;
}

.access__right {
    width: 65%;
}

.access__title {
    color: #F26F31;
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
}

.access__description {
    font-size: 22px;
    font-weight: 600;
    line-height: 130%;
    color: #fff;
}

.access__subtitle {
    color: #444;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding-top: 44px;
}

.access__speak {
    list-style-type: disc;
    padding-left: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 170%;
    font-weight: 400;
}

@media (max-width:600px) {
    .access__inner {
        flex-direction: column;
        padding-left: 0px;
    }

    .access__left {
        width: auto;
    }

    .access__right {
        width: auto;
    }

    .access__title {
        font-size: 28px;
    }

    .access__subtitle {
        font-size: 16px;
    }
}

.access__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 49px;
}

.access__list-item {
    border-radius: 40px;
    border: 3px solid #C1BDBA;
    background: rgba(224, 219, 215, 0.00);
    display: flex;
    padding-left: 40px;
    padding-top: 26px;
    padding-bottom: 26px;

    color: var(--Text-secondary, #444);
    font-size: 20px;
    font-weight: 700;
}

.access__button {
    max-width: 435px;
    width: 100%;
}

@media (max-width:600px) {
    .access__list-item {
        font-size: 18px;
        text-align: center;
        padding-left: 16px;
        padding-right: 16px;
    }
}


/*******/

/*info*/
.info {
    /* info Block */
    --info-offset-top: 80px;
    --info-offset-bottom: 80px;
    --info-offset-top-mobile: 60px;
    --info-offset-bottom-mobile: 60px;
    --info-all-texts-color: #fff;
    --info-bg-color: inherit;

    /* Logo */
    --info-logo-width: 150px;
    --info-logo-height: 50px;
    --info-logo-width-mobile: 150px;
    --info-logo-height-mobile: 50px;

    /* Title */
    --info-title-fz: 40px;
    --info-title-fw: 700;
    --info-title-fz-mobile: 28px;
    --info-title-fw-mobile: 700;

    /* Lead */
    --info-lead-fz: 20px;
    --info-lead-fw: 400;
    --info-lead-fz-mobile: 18px;
    --info-lead-fw-mobile: 400;

    /* Link */
    --info-link-fz: 18px;
    --info-link-fw: 400;
    --info-link-fz-mobile: 18px;
    --info-link-fw-mobile: 400;
    --info-link-color: #fff;
    --info-link-bg-color: transparent;

    /* Picture */
    --info-picture-width: 400px;
    --info-picture-height: 300px;
    --info-picture-width-mobile: 300px;
    --info-picture-height-mobile: 200px;

    color: var(--info-all-texts-color);
    background-color: var(--info-bg-color);

    padding-top: 76px;
}

.info__container {
    display: flex;
    padding-top: var(--info-offset-top);
    padding-bottom: var(--info-offset-bottom);

    background-image: url('../img/info/infoBg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    padding-left: 42px;
    border-radius: 40px;
    mix-blend-mode: multiply;
    position: relative;
}

@media (max-width: 768px) {
    .info__container {
        flex-direction: column;
    }
}

@media (max-width: 576px) {
    .info__container {
        padding-top: var(--info-offset-top-mobile);
        padding-bottom: var(--info-offset-bottom-mobile);
    }
}

.info__sticker {
    position: absolute;
    right: -3%;
    top: -6%;
}

@media (max-width:576px) {
    .info__sticker {
        width: 40%;
        top: -7%;
        right: 0;
    }
}

.info__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 55%;
}

@media (max-width: 768px) {
    .info__left {
        width: 100%;
        padding-bottom: 40px;
    }
}

.info__logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.info__title {
    margin-bottom: 27px;
    font-size: var(--info-title-fz);
    font-weight: var(--info-title-fw);
    line-height: 130%;
}

@media (max-width: 576px) {
    .info__title {
        font-size: var(--info-title-fz-mobile);
        font-weight: var(--info-title-fw);
    }
}

.info__lead {
    margin-bottom: 41px;
    font-size: var(--info-lead-fz);
    font-weight: var(--info-lead-fw);
    line-height: 130%;
}

@media (max-width: 576px) {
    .info__lead {
        margin-bottom: 22px;
        font-size: var(--info-lead-fz);
        font-weight: var(--info-lead-fw);
    }
}

.info__link {
    display: inline-flex;
    padding: 16px 40px;
    font-size: var(--info-link-fz);
    font-weight: var(--info-link-fw);
    color: var(--info-link-color);
    text-decoration: none;
    border: none;
}

@media (max-width: 576px) {
    .info__link {
        font-size: var(--info-link-fz-mobile);
        font-weight: var(--info-link-fw-mobile);
    }
}

.info__right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}

@media (max-width: 768px) {
    .info__right {
        width: 100%;
    }
}

/******/


/*access*/
.access {
    /* access Block */
    --access-offset-top: 80px;
    --access-offset-bottom: 80px;
    --access-offset-top-mobile: 60px;
    --access-offset-bottom-mobile: 60px;
    --access-all-texts-color: inherit;
    --access-bg-color: inherit;

    /* Logo Image */
    --access-logo-width: 200px;
    --access-logo-height: 50px;
    --access-logo-width-mobile: 150px;
    --access-logo-height-mobile: 30px;

    /* Title */
    --access-title-fz: 20px;
    --access-title-fw: 700;
    --access-title-fz-mobile: 22px;
    --access-title-fw-mobile: 700;

    /* Lead */
    --access-lead-fz: 18px;
    --access-lead-fw: 400;
    --access-lead-fz-mobile: 18px;
    --access-lead-fw-mobile: 400;

    /* Decoration Image */
    --access-picture-width: 300px;
    --access-picture-height: 300px;
    --access-picture-width-mobile: 200px;
    --access-picture-height-mobile: 200px;

    /* Button */
    --access-button-fz: 18px;
    --access-button-fw: 400;
    --access-button-fz-mobile: 16px;
    --access-button-fw-mobile: 400;
    --access-button-color: #fff;
    --access-button-bg-color: #F26F31;

    /* Legal Text */
    --access-legal-fz: 14px;
    --access-legal-fw: 400;
    --access-legal-fz-mobile: 14px;
    --access-legal-fw-mobile: 400;

    color: var(--access-all-texts-color);
    background-color: var(--access-bg-color);
    background: #61666E;
}

.access__container {}

.access__picture-img {
    width: 100%;
}

@media (max-width:600px) {
    .access__picture-img {
        display: none;
    }
}

@media (max-width: 576px) {
    .access__container {
        padding: 45px 12px 55px 12px;
    }
}

.access__upper {
    display: flex;
    gap: 131px;
    padding: 67px 0px 88px 40px;
}

@media (max-width: 768px) {
    .access__upper {
        flex-direction: column;
        padding: 0px 19px;
        gap: 0;
    }
}

.access__upper-left {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 26px;
}

@media (max-width: 768px) {
    .access__upper-left {
        width: 100%;
    }
}

.access__title-main {
    font-weight: 400;
    font-size: 40px;
    line-height: 130%;
    color: #fff;
    padding-top: 15px;
    text-transform: uppercase;
}

.access__title-main span {
    color: #FAA525;
}

.access__title-main img {
    padding-left: 4px;
}

.access__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #444;
    max-width: 450px;
}

@media (max-width: 576px) {
    .access__container {
        padding: 24px 16px;
    }

    .access__title-main {
        font-size: 20px;
        font-weight: 500;
    }

    .access__title {
        max-width: none;
    }
}

.access__lead {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: #FFF;
}

.access__picture {
    padding-top: 100px;
}

.access__lead span br {
    display: none
}

@media (max-width: 576px) {
    .access__lead {
        font-size: 13px;
    }

    .access__lead br {
        display: none;
    }

    .access__lead span br {
        display: block;
    }
}

.access__upper-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45%;
}

@media (max-width: 768px) {
    .access__upper-right {
        width: 100%;
    }
}

.access__form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 235fr));
    gap: 30px;
    margin-bottom: 14px;
    padding-right: 32px;
}

@media (max-width:600px) {
    .access__form {
        padding-right: 0px;
    }
}

.access__form-text {
    color: #444;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 32px;
}

@media (max-width:600px) {
    .access__form-text {
        font-size: 18px;
    }
}

.access__form--hidden {
    display: none;
}

.access__input {
    padding: 16px 24px;
    font-size: 18px;

    border-radius: 10px;
    border: 1px solid var(--Text-main, #222);
    background: var(--White, #FFF);
}

.access__input::placeholder {
    color: #a7a9ac;
}

.access__button {
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    margin-top: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    color: #222;
    background-color: #FAA525;
}

.access__buttonmob {
    display: none;
}

@media (max-width: 576px) {
    .access__button {
        display: none;
    }

    .access__buttonmob {
        border-radius: 6px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 16px 24px;
        margin-top: 12px;
        font-size: 18px;
        font-weight: 400;
        line-height: 130%;
        color: #222;
        background-color: #FAA525;
        max-width: 100%;
        margin-bottom: 55px;
        width: 100%;
    }
}

.access__legal {
    font-size: var(--access-legal-fz);
    font-weight: var(--access-legal-fw);
}

@media (max-width: 576px) {
    .access__legal {
        font-size: var(--access-legal-fz-mobile);
        font-weight: var(--access-legal-fw-mobile);
        text-align: center;
    }
}

.access__legal--hidden {
    display: none;
}

.access__legal-link {
    color: inherit;
    text-decoration: underline;
}

.access__message {
    display: none;
    margin-top: 14px;
    margin-bottom: 14px;
}

.access__message--visible {
    display: block;
}

.access__message--success {
    font-size: 28px;
    color: #4b9c57;
}

.access__message--error {
    font-size: 20px;
    color: #dc291e;
}


.access__bottomcallback {
    display: flex;
    flex-direction: column;
    gap: 31px;
    background: #7A7E84;
    border-radius: 20px;
    padding: 32px 40px 32px 47px;
}

.access__pad {}

@media (max-width: 576px) {
    .access__bottomcallback {
        background: none;
        padding: 0px 14px 0px 10px;
    }
}

.acess__bottomsubtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
}

.acess__bottomsubtitle span br {
    display: none;
}

.access__imgmob {
    display: none;
}

@media (max-width:600px) {
    .access__imgmob {
        display: block;
        padding-bottom: 32px;
    }

    .acess__bottomsubtitle {
        font-size: 13px;
    }

    .acess__bottomsubtitle br {
        display: none;
    }

    .acess__bottomsubtitle span br {
        display: block;
    }

}

/**********/

/* experts */

.experts {
    padding-top: 93px;
    padding-bottom: 94px;
}

.expets__inner {
    display: flex;
    flex-direction: column;
    gap: 47px;
}

.experts__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 130%;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
}

.experts__title span {
    color: #FAA525;
}

.experts__innermain {
    border: 2px solid #FAA525;
    border-radius: 20px;
    padding: 14px 102px 63px 133px;
    display: grid;
}

.experts_top {
    display: grid;
    grid-template-columns: 255px 104px 255px 104px 255px;
}

.experts__bottom {
    display: grid;
    grid-template-columns: 287px 74px 282px 74px 255px;
}

.expert__card {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.experts__img {
    width: 100%;
    max-width: 221px;
}

.experts__titlemain {
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
}

.experts__subtitlemain {
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
    color: #fff;
}

@media (max-width:768px) {
    .experts {
        display: none;
    }
}

/**********/

/* slider*/

.slider {
    padding: 80px 0;
    position: relative;
}

.slider__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 130%;
    color: #FAA525;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.slider__title span {
    color: #fff;
}

.slider__wrapper {
    position: relative;
    max-width: 1214px;
    margin: 0 auto;
    padding: 0 20px;
    border: 1px solid #FAA525;
}

.swiper {
    width: 100%;
    padding: 60px 0 80px 0;
}

.swiper-slide {
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Боковые слайды - заходят под центральную */
.swiper-slide-prev {
    transform: translate(80px, 20px) scale(0.85);
    opacity: 0.7;
    z-index: 1;
}

.swiper-slide-next {
    transform: translate(-80px, 20px) scale(0.85);
    opacity: 0.7;
    z-index: 1;
}

.swiper-slide-prev .slider__image,
.swiper-slide-next .slider__image {
    width: 352px;
    height: 292px;
    filter: brightness(0.7);
}

/* Остальные неактивные слайды */
.swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
    transform: translateY(20px) scale(0.8);
    opacity: 0.6;
    z-index: 1;
}

.swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .slider__image {
    width: 352px;
    height: 292px;
    filter: brightness(0.7);
}

/* Центральный активный слайд - поверх боковых */
.swiper-slide-active {
    transform: translateY(0) scale(1);
    opacity: 1;
    z-index: 3;
}

.swiper-slide-active .slider__image {
    width: 438px;
    height: 364px;
    filter: brightness(1);
}

.slider__image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
}

.slider__image {
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Стрелочки - внутри контейнера 1214px */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.swiper-button-prev {
    left: 30px;
}

.swiper-button-next {
    right: 30px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 12px;
    height: 20px;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.7);
}

/* Pagination */
.swiper-pagination {
    bottom: 20px !important;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #D9D9D9;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-color: #FAA525;
}

/* Responsive */
@media (max-width: 768px) {
    .slider {
        display: none;
    }
}

/*********/

/*tg*/
.tg {
    /* tg Block */
    --tg-offset-top: 59px;
    --tg-offset-bottom: 71px;
    --tg-offset-top-mobile: 60px;
    --tg-offset-bottom-mobile: 60px;
    --tg-all-texts-color: #444;
    --tg-bg-color: inherit;

    /* Logo */
    --tg-logo-width: 150px;
    --tg-logo-height: 50px;
    --tg-logo-width-mobile: 150px;
    --tg-logo-height-mobile: 50px;

    /* Title */
    --tg-title-fz: 48px;
    --tg-title-fw: 700;
    --tg-title-fz-mobile: 34px;
    --tg-title-fw-mobile: 700;

    /* Lead */
    --tg-lead-fz: 24px;
    --tg-lead-fw: 400;
    --tg-lead-fz-mobile: 18px;
    --tg-lead-fw-mobile: 400;

    /* Link */
    --tg-link-fz: 18px;
    --tg-link-fw: 400;
    --tg-link-fz-mobile: 16px;
    --tg-link-fw-mobile: 400;
    --tg-link-color: #fff;
    --tg-link-bg-color: #62358c;

    /* Picture */
    --tg-picture-width: 400px;
    --tg-picture-height: 300px;
    --tg-picture-width-mobile: 300px;
    --tg-picture-height-mobile: 200px;

    color: var(--tg-all-texts-color);
    background-color: var(--tg-bg-color);
    padding-top: 94px;
    padding-bottom: 118px;
}

@media (max-width:1080px) {
    .tg {
        padding-top: 47px;
    }
}

.tg__container {
    display: flex;
    justify-content: flex-start;
    padding: 35px 75px 0px 75px;
    background-color: rgba(218, 218, 218, 0.2);
    border-radius: 20px;
    /* gap: 195px; */
}

@media (max-width: 768px) {
    .tg__container {
        flex-direction: column;
        padding-left: 17px;
        padding-right: 17px;
        border-bottom: none;
    }
}

@media (max-width: 576px) {
    .tg__container {
        padding: 44px 12px 59px 12px;

    }

    .tg__mobadapt {
        padding-left: 0;
        padding-right: 0;
    }
}

.tg__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* width: 47%; */
}

@media (max-width: 768px) {
    .tg__left {
        width: 100%;
        padding-bottom: 0px;
    }
}

.tg__logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.tg__logo-img {
    width: var(--tg-logo-width);
    height: var(--tg-logo-height);
    object-fit: contain;
}

@media (max-width: 576px) {
    .tg__logo-img {
        width: var(--tg-logo-width-mobile);
        height: var(--tg-logo-height-mobile);
    }
}

.tg__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 130%;
    color: #fff;
    padding-bottom: 23px;
    padding-top: 44px;
    text-transform: uppercase;
}

.tg__title span {
    color: #FAA525;
}

.tg__lefttopmob {
    display: none;
}

@media (max-width: 576px) {
    .tg__title {
        display: none;
    }

    .tg__lefttopmob {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .tg__titlemob {
        font-size: 20px;
        font-weight: 500;
        line-height: 130%;
        color: #fff;
        text-transform: uppercase;
    }

    .tg__titlemob span {
        color: #FAA525;
    }
}

.tg__lead {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    /* 158.333% */

    padding-bottom: 48px;
    color: #fff;
    /* 26px */
}

@media (max-width: 576px) {
    .tg__lead {
        font-size: 13px;
        padding-top: 16px;
    }
}

.tg__link {
    display: inline-flex;
    padding: 16px 40px;
    font-size: var(--tg-link-fz);
    font-weight: var(--tg-link-fw);
    color: var(--tg-link-color);
    text-decoration: none;
    background-color: var(--tg-link-bg-color);
    border: none;
}

@media (max-width: 576px) {
    .tg__link {
        font-size: var(--tg-link-fz-mobile);
        font-weight: var(--tg-link-fw-mobile);
    }
}

.tg__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 40%;
}

@media (max-width: 768px) {
    .tg__right {
        display: none;
    }
}

.tg__picture-img {
    object-fit: contain;
}

@media (max-width: 576px) {
    .tg__picture-img {
        width: var(--tg-picture-width-mobile);
        height: var(--tg-picture-height-mobile);
    }
}

.tg__button {
    padding: 16px 86px;
    border-radius: 6px;
    background: #FAA525;
    color: #222222;
}

@media (max-width:550px) {
    .tg__button {
        width: 100%;
        padding: 16px 0px;
        text-align: center;
    }
}

/*****/

/*discount*/
.discount {
    /* discount Block */
    --discount-offset-top: 34px;
    --discount-offset-bottom: 39px;
    --discount-offset-top-mobile: 60px;
    --discount-offset-bottom-mobile: 60px;
    --discount-all-texts-color: inherit;
    --discount-bg-color: inherit;

    /* Logo */
    --discount-logo-width: 150px;
    --discount-logo-height: 50px;
    --discount-logo-width-mobile: 150px;
    --discount-logo-height-mobile: 50px;

    /* Title */
    --discount-title-fz: 34px;
    --discount-title-fw: 700;
    --discount-title-fz-mobile: 24px;
    --discount-title-fw-mobile: 700;

    /* Lead */
    --discount-lead-fz: 20px;
    --discount-lead-fw: 400;
    --discount-lead-fz-mobile: 16px;
    --discount-lead-fw-mobile: 400;

    /* Link */
    --discount-link-fz: 18px;
    --discount-link-fw: 400;
    --discount-link-fz-mobile: 16px;
    --discount-link-fw-mobile: 400;
    --discount-link-color: #fff;
    --discount-link-bg-color: #62358c;

    /* Picture */
    --discount-picture-width: 400px;
    --discount-picture-height: 300px;
    --discount-picture-width-mobile: 300px;
    --discount-picture-height-mobile: 200px;

    color: var(--discount-all-texts-color);
    background-color: var(--discount-bg-color);
    padding-top: 159px;
    padding-bottom: 127px;
}

@media (max-width:1080px) {
    .discount {
        padding-top: 100px;
    }
}

.discount__container {
    display: flex;
    padding-top: var(--discount-offset-top);
    padding-bottom: var(--discount-offset-bottom);
    border-radius: 40px;
    background: #E0DBD7;
    padding-left: 112px;
    padding-right: 112px;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

@media (max-width: 768px) {
    .discount__container {
        flex-direction: column;
        padding-left: 17px;
        padding-right: 17px;
    }
}

@media (max-width: 576px) {
    .discount__container {
        padding-top: var(--discount-offset-top-mobile);
        padding-bottom: var(--discount-offset-bottom-mobile);
        padding-bottom: 48px;

    }
}

.discount__sticker {
    position: absolute;
    top: -20%;
    left: 0;
}

@media (max-width:600px) {
    .discount__sticker {
        width: 30%;
        top: -20%;
        left: auto;
        right: 0;
    }
}

.discount__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 55%;
}

@media (max-width: 768px) {
    .discount__left {
        width: 100%;
        padding-bottom: 0px;
    }
}

.discount__logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.discount__logo-img {
    width: var(--discount-logo-width);
    height: var(--discount-logo-height);
    object-fit: contain;
}

@media (max-width: 576px) {
    .discount__logo-img {
        width: var(--discount-logo-width-mobile);
        height: var(--discount-logo-height-mobile);
    }
}

.discount__title {
    font-size: var(--discount-title-fz);
    font-weight: var(--discount-title-fw);
    padding-bottom: 16px;
    line-height: 100%;
    /* 141.667% */
    color: #000;
}


@media (max-width: 576px) {
    .discount__title {
        font-size: var(--discount-title-fz-mobile);
        font-weight: var(--discount-title-fw);
        line-height: 26px;
    }
}

.discount__lead {
    font-size: var(--discount-lead-fz);
    font-weight: var(--discount-lead-fw);
    color: #000;
    line-height: 130%;

    padding-bottom: 32px;
    /* 26px */
}

@media (max-width: 576px) {
    .discount__lead {
        font-size: var(--discount-lead-fz-mobile-fz);
        font-weight: var(--discount-lead-fw-mobilefw);
        padding-bottom: 32px;
    }
}

.discount__link {
    display: inline-flex;
    padding: 16px 40px;
    font-size: var(--discount-link-fz);
    font-weight: var(--discount-link-fw);
    color: var(--discount-link-color);
    text-decoration: none;
    background-color: var(--discount-link-bg-color);
    border: none;
}

@media (max-width: 576px) {
    .discount__link {
        font-size: var(--discount-link-fz-mobile);
        font-weight: var(--discount-link-fw-mobile);
    }
}

.discount__right {
    display: flex;
    align-items: center;
    justify-content: start;
    padding-right: 38px;
    width: 40%;
}

@media (max-width: 768px) {
    .discount__right {
        display: none;
    }
}

.discount__picture-img {
    object-fit: contain;
}

@media (max-width: 576px) {
    .discount__picture-img {
        width: var(--discount-picture-width-mobile);
        height: var(--discount-picture-height-mobile);
    }
}

.discount__button {
    padding: 16px 63px;
    color: #fff;
    text-align: center;
}

.discount__button:hover {
    color: #fff;
}

@media (max-width:550px) {
    .discount__button {
        width: 100%;
        padding: 16px 0px;
    }
}

/**********/

/*footer*/
.footer {
    /* Footer Block */
    --footer-offset-top: 80px;
    --footer-offset-bottom: 80px;
    --footer-offset-top-mobile: 60px;
    --footer-offset-bottom-mobile: 60px;
    --footer-all-text-color: #fff;
    --footer-bg-color: #333232;

    /* Logo Image 1 */
    --footer-logo-img-1-width: 110px;
    --footer-logo-img-1-height: 40px;
    --footer-logo-img-1-width-mobile: 110px;
    --footer-logo-img-1-height-mobile: 40px;

    /* Logo Image 2 */
    --footer-logo-img-2-width: 110px;
    --footer-logo-img-2-height: 40px;
    --footer-logo-img-2-width-mobile: 110px;
    --footer-logo-img-2-height-mobile: 40px;

    /* Copyright Text */
    --footer-copy-fz: 12px;
    --footer-copy-fw: 400;
    --footer-copy-fz-mobile: 12px;
    --footer-copy-fw-mobile: 400;

    /* Legal Text */
    --footer-legal-fz: 12px;
    --footer-legal-fw: 400;
    --footer-legal-fz-mobile: 12px;
    --footer-legal-fw-mobile: 400;

    /* Phone Number Link */
    --footer-tel-fz: 18px;
    --footer-tel-fw: 700;
    --footer-tel-fz-mobile: 18px;
    --footer-tel-fw-mobile: 700;

    /* Phone Call Info Text */
    --footer-info-fz: 12px;
    --footer-info-fw: 400;
    --footer-info-fz-mobile: 12px;
    --footer-info-fw-mobile: 400;

    /* Social Images */
    --footer-socials-img-size: 32px;
    --footer-socials-img-size-mobile: 32px;

    color: var(--footer-all-text-color);
    background-color: var(--footer-bg-color);
}

.footer__container {
    padding-top: var(--footer-offset-top);
    padding-bottom: var(--footer-offset-bottom);
}

@media (max-width: 576px) {
    .footer__container {
        padding-top: var(--footer-offset-top-mobile);
        padding-bottom: var(--footer-offset-bottom-mobile);
    }
}

.footer__upup {
    display: flex;
    padding-bottom: 40px;
}

.footer__title {
    font-size: 30px;
    color: #fff;
    line-height: 130%;
    font-weight: 700;
    text-transform: uppercase;
}

.footer__upper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    padding-bottom: 34px;
}

@media (max-width: 576px) {
    .footer__upper {
        row-gap: 10px;
        padding-bottom: 20px;
    }
}

.footer__logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 576px) {
    .footer__logo-link {
        margin: 16px;
        margin-left: 0;
    }
}

.footer__logo-img {
    object-fit: contain;
}


@media (max-width: 576px) {
    .footer__logo-img--2 {
        width: var(--footer-logo-img-2-width-mobile);
        height: var(--footer-logo-img-2-height-mobile);
    }
}

.footer__lower {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}

@media (max-width: 576px) {
    .footer__lower {
        flex-direction: column;
    }
}

@media (max-width: 576px) {
    .footer__left {
        padding-bottom: 30px;
    }
}

.footer__copy {
    margin-bottom: 20px;
    font-size: var(--footer-copy-fz);
    font-weight: var(--footer-copy-fw);
}

@media (max-width: 576px) {
    .footer__copy {
        margin-bottom: 14px;
        font-size: var(--footer-copy-fz-mobile);
        font-weight: var(--footer-copy-fw-mobile);
    }
}

.footer__legal {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 400px;
    font-size: var(--footer-legal-fz);
    font-weight: var(--footer-legal-fw);
    line-height: 130%;
}

@media (max-width: 576px) {
    .footer__legal {
        font-size: var(--footer-legal-fz-mobile);
        font-weight: var(--footer-legal-fw-mobile);
    }
}

.footer__legal-link {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.footer__central {
    align-self: flex-start;
}

.footer__tel {
    display: block;
    margin-bottom: 8px;
    font-size: var(--footer-tel-fz);
    font-weight: var(--footer-tel-fw);
    color: inherit;
}

@media (max-width: 576px) {
    .footer__tel {
        margin-bottom: 14px;
        font-size: var(--footer-tel-fz-mobile);
        font-weight: var(--footer-tel-fw-mobile);
    }
}

.footer__info-text {
    margin-bottom: 30px;
    font-size: var(--footer-info-fz);
    font-weight: var(--footer-info-fw);
}

@media (max-width: 576px) {
    .footer__info-text {
        font-size: var(--footer-info-fz-mobile);
        font-weight: var(--footer-info-fw-mobile);
    }
}

.footer__right {
    align-self: flex-start;
}

@media (max-width: 576px) {
    .footer__right {
        justify-content: flex-start;
    }
}

.footer__socials-list {
    display: flex;
    gap: 20px;
}

.footer__socials-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer__socials-img {
    display: block;
    width: var(--footer-socials-img-size);
    height: var(--footer-socials-img-size);
    object-fit: contain;
}

@media (max-width: 576px) {
    .footer__socials-img {
        width: var(--footer-socials-img-size-mobile);
        height: var(--footer-socials-img-size-mobile);
    }
}

/********/

/* .modal {
    --modal-all-texts-color: inherit;
    --modal-bg-color: #fff;
  
    --modal-img-width: 120px;
    --modal-img-height: 40px;
    --modal-img-width-mobile: 110px;
    --modal-img-height-mobile: 30px;
  
    --modal-title-fz: 20px;
    --modal-title-fw: 500;
    --modal-title-fz-mobile: 18px;
    --modal-title-fw-mobile: 500;
  
    --modal-button-fz: 18px;
    --modal-button-fw: 400;
    --modal-button-fz-mobile: 16px;
    --modal-button-fw-mobile: 700;
    --modal-button-color: #fff;
    --modal-button-bg-color: #62358c;
  
    --modal-legal-fz: 14px;
    --modal-legal-fw: 400;
    --modal-legal-fz-mobile: 14px;
    --modal-legal-fw-mobile: 400;
  
    --modal-close-button-color: #000;
  
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none;
    align-items: center;
    justify-content: center;
    padding-right: 15px;
    padding-left: 15px;
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  .modal--visible {
    display: flex;
  }
  
  .modal__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 640px;
    padding: 89px 24px;
    color: var(--modal-all-texts-color);
    border-radius: 40px;
    background: #F1CBC7;
  }
  
  @media (max-width: 768px) {
    .modal__inner {
      width: 90%;
    }
  }
  
  @media (max-width: 576px) {
    .modal__inner {
      width: 100%;
    }
  }
  
  .modal__inner-upper {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 40px;
  }
  
  @media (max-width: 576px) {
    .modal__inner-upper {
      padding-bottom: 30px;
    }
  }
  
  .modal__logo-img {
    display: block;
    width: var(--modal-img-width);
    height: var(--modal-img-height);
    object-fit: contain;
  }
  
  @media (max-width: 576px) {
    .modal__logo-img {
      width: var(--modal-img-width-mobile);
      height: var(--modal-img-height-mobile);
    }
  }
  
  .modal__inner-central {}
  
  @media (max-width: 576px) {
    .modal__inner-central {
      flex-direction: column;
    }
  }
  
  .modal__inner-left {
    width: 50%;
    padding-right: 30px;
  }
  
  @media (max-width: 576px) {
    .modal__inner-left {
      width: 100%;
      padding-right: 0;
    }
  }
  
  .modal__title {
    margin-bottom: 20px;
    font-size: var(--modal-title-fz);
    font-weight: var(--modal-title-fw);
  }
  
  @media (max-width: 576px) {
    .modal__title {
      margin-bottom: 10px;
      font-size: var(--modal-title-fz-mobile);
      font-weight: var(--modal-title-fw-mobile);
    }
  }
  
  .modal__text {
    margin-bottom: 20px;
    font-size: var(--modal-text-fz);
    font-weight: var(--modal-text-fw);
  }
  
  @media (max-width: 576px) {
    .modal__text {
      margin-bottom: 16px;
      font-size: var(--modal-text-fz-mobile);
      font-weight: var(--modal-text-fw-mobile);
    }
  }
  
  .modal__descr {
    font-size: var(--modal-tel-descr-fz);
    font-weight: var(--modal-tel-descr-fw);
    line-height: 140%;
  }
  
  @media (max-width: 576px) {
    .modal__descr {
      margin-bottom: 18px;
    }
  }
  
  .modal__descr-span {
    display: block;
  }
  
  .modal__descr-link {
    position: relative;
    padding-left: 22px;
    color: inherit;
  }
  
  .modal__descr-link::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.9168 9.16522V10.7902C11.9174 10.9411 11.8865 11.0904 11.826 11.2286C11.7656 11.3668 11.677 11.4909 11.5658 11.5929C11.4547 11.6949 11.3234 11.7725 11.1805 11.8208C11.0376 11.8692 10.8862 11.8871 10.7359 11.8735C9.06914 11.6924 7.46806 11.1229 6.06136 10.2106C4.7526 9.37899 3.643 8.26939 2.81136 6.96063C1.89593 5.54753 1.32624 3.93867 1.14844 2.26438C1.1349 2.11459 1.15271 1.96363 1.20071 1.8211C1.24872 1.67856 1.32587 1.54759 1.42727 1.43651C1.52867 1.32543 1.65208 1.23668 1.78966 1.17591C1.92724 1.11515 2.07596 1.08369 2.22636 1.08355H3.85136C4.11423 1.08096 4.36908 1.17405 4.56839 1.34546C4.76771 1.51687 4.8979 1.75492 4.93469 2.01522C5.00328 2.53525 5.13048 3.04586 5.31386 3.5373C5.38673 3.73117 5.40251 3.94188 5.35931 4.14444C5.3161 4.34701 5.21574 4.53294 5.07011 4.68022L4.38219 5.36813C5.15328 6.72422 6.2761 7.84704 7.63219 8.61813L8.32011 7.93022C8.46738 7.78458 8.65331 7.68422 8.85588 7.64102C9.05844 7.59782 9.26915 7.61359 9.46302 7.68647C9.95446 7.86985 10.4651 7.99705 10.9851 8.06563C11.2482 8.10275 11.4885 8.23529 11.6603 8.43803C11.8321 8.64077 11.9234 8.89957 11.9168 9.16522Z' fill='%23444444'/%3e%3cpath d='M8.15186 2.70817C8.68092 2.81139 9.16715 3.07014 9.54831 3.4513C9.92947 3.83246 10.1882 4.31869 10.2914 4.84775M8.15186 0.541504C9.25105 0.663615 10.2761 1.15585 11.0586 1.93738C11.8411 2.71892 12.3346 3.7433 12.4581 4.84234' stroke='%23444444' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    transform: translateY(-50%);
  }
  
  .modal__form {
    display: flex;
    flex-direction: column;
  }
  
  .modal__input {
    padding: 12px 24px;
    margin-bottom: 18px;
  
    border-radius: 7px;
    border: 1px solid #B3AFAF;
    background: var(--White, #FFF);
  }
  
  .modal__input--question {
    height: 250px;
    resize: none;
  }
  
  @media (max-width:600px) {
    .modal__input--question {
      height: 150px;
      resize: none;
    }
  }
  
  .modal__submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    font-size: var(--modal-button-fz);
    font-weight: var(--modal-button-fw);
    color: var(--modal-button-color);
    background-color: var(--modal-button-bg-color);
  }
  
  @media (max-width: 576px) {
    .modal__submit-button {
      font-size: var(--modal-button-fz-mobile);
      font-weight: var(--modal-button-fw-mobile);
    }
  }
  
  .modal__inner-lower {
    padding-top: 50px;
  }
  
  @media (max-width: 576px) {
    .modal__inner-lower {
      padding-top: 30px;
    }
  }
  
  .modal__legal {
    font-size: var(--modal-legal-fz);
    font-weight: var(--modal-legal-fw);
  }
  
  @media (max-width: 576px) {
    .modal__legal {
      font-size: var(--modal-legal-fz-mobile);
      font-weight: var(--modal-legal-fw-mobile);
      text-align: center;
    }
  }
  
  .modal__legal-link {
    color: inherit;
    text-decoration: underline;
  }
  
  .modal__close-button {
    position: absolute;
    top: 34px;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-color: var(--modal-close-button-color);
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
  }
  
  .modal__close-button::before {
    position: absolute;
    top: 47%;
    left: 18%;
    width: 20px;
    height: 2px;
    content: '';
    background-color: var(--modal-close-button-color);
    transform: rotate(45deg);
  }
  
  .modal__close-button::after {
    position: absolute;
    top: 47%;
    left: 18%;
    width: 20px;
    height: 2px;
    content: '';
    background-color: var(--modal-close-button-color);
    transform: rotate(135deg);
  }
  
  .thanks-title {
    color: #4b9c57;
    font-size: 28px;
    text-align: center;
    padding-top: 28px;
  }
  
  .thanks-message {
    display: flex;
    flex-direction: column;
    gap: 28px;
  } */

.modal-title {
    font-size: 28px;
    text-align: center;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 15px 24px;
    padding-bottom: 24px;
    color: var(--modal-all-texts-color);
    border-radius: 40px;
    background: #EFEAE6 !important;
}

@media (max-width:550px) {
    .modal-content {
        padding: 89px 0px;
        padding-bottom: 12px;
    }
}

.modal__input {
    padding: 12px 24px;
    margin-bottom: 22px;

    border-radius: 7px;
    border: 1px solid #B3AFAF;
    background: var(--White, #FFF);

    width: 100%;
}

.modal__submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    font-size: var(--modal-button-fz);
    font-weight: var(--modal-button-fw);
    border-radius: 10px;
    color: #fff;
    background: #F26F31;
    width: 100%;
}

@media (max-width: 576px) {
    .modal__submit-button {
        font-size: var(--modal-button-fz-mobile);
        font-weight: var(--modal-button-fw-mobile);
    }
}

.modal__text {
    color: #444;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding: 16px 0px;
    padding-bottom: 41px;
}

.modal__online--link {
    display: flex;
    gap: 16px;
    align-items: center;
    color: #F26F31;

    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;

    padding-top: 55px;
    /* 144.444% */
}

.anketa__info-block {
    display: flex;
    gap: 16px;
}

.question__count {
    padding: 5px 22px;
    border-radius: 40px;
    border: 2px solid #C1BDBA;
    background: rgba(242, 111, 49, 0.00);
    width: max-content;
    margin-bottom: 40px;
}

.anketa__finish-block {
    display: flex;
    align-items: center;
}

.anketa__finish-left {
    width: 50%;
}

.anketa__finish-right {
    width: 50%;
    display: flex;
    align-items: end;
    justify-content: center;
}

@media (max-width:550px) {
    .anketa__finish-left {
        width: 100%;
    }

    .anketa__finish-right {
        display: none;
    }
}

.anketa__start-button {
    width: 100%;
    max-width: 250px;
}

.anketa__finish-title {
    color: #444;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    padding-bottom: 35px;
}

.anketa__finish-subtitle {
    color: #444;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 32px;
}

.formp__input {
    padding: 12px 24px;
    margin-bottom: 22px;

    border-radius: 7px;
    border: 1px solid #B3AFAF;
    background: var(--White, #FFF);
    outline: none;
    width: 100%;
}

.formp__inputp {
    padding: 12px 24px;
    margin-bottom: 22px;

    border-radius: 7px;
    border: 1px solid #B3AFAF;
    background: var(--White, #FFF);
    outline: none;
    width: 100%;
}

.callback__message--success {
    font-size: 28px;
    color: #fff;
}

.callback__message--error {
    font-size: 20px;
    color: #fff;
}

.callbackp__message--error {
    font-size: 20px;
    color: #fff;
}

.callbackp__message--error {
    font-size: 20px;
    color: #fff;
}

.callback__legal--hidden {
    display: none;
}

.callback__form--hidden {
    display: none;
}

.callback__formp--hidden {
    display: none;
}

.callback__message--visible {
    display: block;
}

.formp__submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    font-size: var(--modal-button-fz);
    font-weight: var(--modal-button-fw);
    border-radius: 10px;
    color: #fff;
    background: #F26F31;
    width: 100%;
}


.anketa__finish-lead {
    color: #F26F31;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-top: 33px;
}



.dragDrop__wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.dragDrop__title {}

.dragDrop__subtitle {}



.dragAndDrop__list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.dragAndDrop__list--test4 {
    width: 50%;
    align-items: start;
    height: 100%;
    min-height: 200px;
}

.dragAndDrop__list-item {
    cursor: pointer;
    list-style-type: none;
    padding: 5px 10px;
    border: 1px solid #979797;

    border-radius: 12px;
    background: #fff;
    text-align: center;
}

.dragAndDrop__list-item--test4 {
    text-align: start;
}

.dragDrop__form {
    gap: 36px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.dragDrop__form--test4 {}

.dragDrop__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border: 1px solid #979797;
    border-radius: 16px;
}

.dragDrop__block--test4 {
    width: 50%;
}

.dragDrop-label {
    padding: 12px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.dragDrop__container {
    min-height: 125px;
    height: 100%;
    width: 100%;
    padding: 16px 10px;
    border-top: 1px solid #979797;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dragDrop__container--test4 {
    display: flex;
    height: auto;
}

.dragDrop__button {
    padding: 12px 16px;
    max-width: 315px;
    width: 100%;
    border-radius: 32px;
    font-size: 22px;
    background-color: #F26F31;
    color: #fff;
    transition: 0.3s all ease-in-out;
    margin: 0 auto;
}

.dragDrop__button:disabled {
    background-color: #f39163;
    opacity: 0.7;
}


.quizTest__wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 48px;
}

.quizTest__text {
    border: 1px solid #000;
    padding: 16px;
    position: relative;
    z-index: 1;
}

.quizTest__text::before {
    content: '';
    position: absolute;
    right: 23%;
    bottom: 0;
    width: 50px;
    height: 50px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(45deg) translate(0px, 37px);
    background-color: #EFEAE6;
    z-index: -1;
}

.quizTest__form>div {
    display: flex;
    gap: 8px;
}

.quizTest__title {
    font-size: 24px;
}

.quizTest__center {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.quizTest__left--kadr,
.quizTest__right--dir {
    width: 200px;
    height: 200px;
    border: 1px solid #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
}

.quizTest__left--kadr {
    background-image: url(../img/kadrovik.png);
}

.quizTest__right--dir {
    background-image: url(../img/director.png);
}

.quizTest__lower {
    width: 100%;
}

.quizTest__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.quizLabel {
    font-size: 20px;
    cursor: pointer;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.gu-hide {
    display: none !important;
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

.button__results {
    padding: 16px;
    color: #fff;
    border-radius: 16px;
    border: 1px solid #fff;
    font-size: 18px;
    background-color: rgba(0, 0, 0, 0.2);
}

.button__results:hover {
    color: #fff;
}

/* modal-test */

/* Стили для стартового модального окна */
.modal__start {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
}

.modal__start-content {
    position: relative;
    background-color: white;
    margin: 40px auto;
    width: 90%;
    max-width: 968px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.modal__start-header {
    background: #fff;
    color: #444444;
    padding: 106px 0px 30px 0px;
    position: relative;

}

.modal__start-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    /* or 115% */
    font-feature-settings: 'pnum' on, 'lnum' on;




}

.modal__start-close {
    position: absolute;
    top: 37px;
    right: -96px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal__start-close:hover {
    opacity: 0.8;
}

/* Использование картинки для кнопки закрытия */
.modal__start-close img {
    width: 64px;
    height: 64px;
}

.modal__test-close {
    position: absolute;
    top: 37px;
    right: -20px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal__test-close img {
    width: 64px;
    height: 64px;
}


.modal__test-step-close {
    position: absolute;
    top: 37px;
    right: 20px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal__test-step-close img {
    width: 64px;
    height: 64px;
}

.modal__start-body {
    padding: 0px 0px 25px;
}


.modal__start-text p {
    line-height: 1.6;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 22px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
}

.modal__start-info {
    display: flex;
    gap: 18px;

}

.modal__start-info-item {
    text-align: center;
}

.modal__start-info-label {

    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    color: #FAA525;



}

.modal__start-info-value {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.modal__start-footer {
    gap: 15px;
    padding: 0 0px 50px;
}

.modal__start-footer2 {
    display: flex;
    gap: 15px;
    padding-bottom: 68px;
    align-items: flex-start
}

.modal__start-footer_txt {
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FAA525;
}


.modal__start-btn {
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.modal__start-btn--secondary {}

.modal__start-btn--secondary:hover {}

.modal__start-btn--primary {
    background: #ff9800;
    /* оранжевый */
    border-radius: 6px;
    padding: 20px 82px;
    font-weight: 400;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 18px;
    line-height: 130%;
    /* Text main */
    color: #222222;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;

}

.modal__start-btn--primary:hover {
    opacity: 0.95;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

/* Анимация появления */
@keyframes modalStartFadeIn {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal__start-content {
    animation: modalStartFadeIn 0.4s ease-out;
    padding-left: 86px;
    padding-right: 121px;
}

/* Дополнительные стили для кнопок теста */
.modal__start-button-0,
.modal__start-button-1,
.modal__start-button-2 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.modal__start-button-0:hover,
.modal__start-button-1:hover,
.modal__start-button-2:hover {
    opacity: 0.95;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

/* Адаптивность */
@media (max-width: 768px) {
    .modal__start-content {
        width: 95%;
        margin: 20px auto;
    }

    .modal__start-header {
        padding: 25px 20px;
    }

    .modal__start-title {
        font-size: 24px;
    }

    .modal__start-body {
        padding: 0px 0px 15px;
    }

    .modal__start-info {
        flex-direction: column;
        gap: 14px;
    }

    .modal__start-footer {
        padding: 0 0px 20px;
    }

    .modal__start-btn {
        padding: 12px 24px;
        font-size: 15px;
    }
}

/* Стили для текста с информацией о времени и вопросах */
.modal__start-info-label {}

/* Дополнительные улучшения */
.modal__start-text p {
    font-size: 20px;
}

.modal__start-close:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

.modal__start-btn:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

.modal2__start {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
}

.modal2__start-content {
    position: relative;
    background-color: white;
    margin: 40px auto;
    width: 90%;
    max-width: 968px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.modal2__start-header {
    background: #fff;
    color: #444444;
    padding: 106px 0px 30px 0px;
    position: relative;

}

.modal2__start-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    /* or 115% */
    font-feature-settings: 'pnum' on, 'lnum' on;




}

.modal2__start-close {
    position: absolute;
    top: 37px;
    right: -96px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal2__start-close:hover {
    opacity: 0.8;
}

/* Использование картинки для кнопки закрытия */
.modal2__start-close img {
    width: 64px;
    height: 64px;
}

.modal2__start-body {
    padding: 0px 0px 25px;
}


.modal2__start-text p {
    line-height: 1.6;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 22px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
}

.modal2__start-info {
    display: flex;
    gap: 18px;

}

.modal2__start-info-item {
    text-align: center;
}

.modal2__start-info-label {

    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    color: #FAA525;



}

.modal2__start-info-value {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.modal2__start-footer {
    gap: 15px;
    padding: 0 0px 50px;
}

.modal2__start-footer2 {
    display: flex;
    gap: 15px;
    padding-bottom: 68px;
    align-items: flex-start
}

.modal2__start-footer_txt {
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FAA525;
}


.modal2__start-btn {
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.modal2__start-btn--secondary {
    background-color: transparent;
    color: #667eea;
    border: 2px solid #667eea;
}

.modal2__start-btn--secondary:hover {
    background-color: #667eea;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.modal2__start-btn--primary {
    background: #ff9800;
    /* оранжевый */
    border-radius: 6px;
    padding: 20px 82px;
    font-weight: 400;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 18px;
    line-height: 130%;
    /* Text main */
    color: #222222;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;

}

.modal2__start-btn--primary:hover {
    opacity: 0.95;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

/* Анимация появления */
@keyframes modalStartFadeIn {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal2__start-content {
    animation: modalStartFadeIn 0.4s ease-out;
    padding-left: 86px;
    padding-right: 121px;
}

/* Дополнительные стили для кнопок теста */
.modal2__start-button-0,
.modal2__start-button-1,
.modal2__start-button-2 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.modal2__start-button-0:hover,
.modal2__start-button-1:hover,
.modal2__start-button-2:hover {
    opacity: 0.95;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

/* Анимация появления */
@keyframes modalStartFadeIn {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal2__start-content {
    animation: modalStartFadeIn 0.4s ease-out;
}

/* Дополнительные стили для кнопок теста */
.modal2__start-button-0,
.modal2__start-button-1,
.modal2__start-button-2 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.modal2__start-button-0:hover,
.modal2__start-button-1:hover,
.modal2__start-button-2:hover {
    opacity: 0.95;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

/* Адаптивность */
@media (max-width: 768px) {
    .modal2__start-content {
        width: 95%;
        margin: 20px auto;
    }

    .modal2__start-header {
        padding: 25px 20px;
    }

    .modal2__start-title {
        font-size: 24px;
    }

    .modal2__start-body {
        padding: 30px 20px 20px;
    }

    .modal2__start-info {
        flex-direction: column;
        gap: 20px;
    }

    .modal2__start-footer {
        padding: 0 20px 20px;
    }

    .modal2__start-btn {
        padding: 12px 24px;
        font-size: 15px;
    }
}

/* Стили для текста с информацией о времени и вопросах */
.modal2__start-info-label {}

/* Дополнительные улучшения */
.modal2__start-text p {
    font-size: 20px;
}

.modal2__start-close:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

.modal2__start-btn:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

.modal__end {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
}

.modal__end-content {
    position: relative;
    background-color: white;
    margin: 40px auto;
    width: 90%;
    max-width: 968px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    padding: 0px 240px 102px 87px;
}

.modal__end-header {
    color: #222222;
    padding-top: 95px;
    position: relative;
}

.modal__end-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    margin: 0;
    color: #444444;
}

.modal__end-close {
    position: absolute;
    top: 37px;
    right: -200px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal__end-close:hover {
    opacity: 0.8;
}

/* Использование картинки для кнопки закрытия */
.modal__end-close img {
    width: 64px;
    height: 64px;
}

.modal__end-body {
    padding: 42px 0px 49px;
}

.modal__end-text {}

.modal__end-text {}

.modal__end-info {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding-top: 25px;
}

.modal__end-info-item {}

.modal__end-info-item {}

.modal__end-info-label {
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FAA525;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FAA525;
}

.modal__end-info-value {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.modal__end-footer {
    display: flex;
    gap: 24px;
}

.modal__end-btn {
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.modal__end-btn--secondary {
    background: #FAA525;
    border-radius: 6px;
    background: #FAA525;
    border-radius: 6px;
}

.modal__end-btn-2 {
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.modal__end-btn--secondary:hover {
    background-color: #FFCB7C;
}

.modal__end-btn--primary {
    background: #FAA525;
    color: #222;
}

.modal__end-btn--primary:hover {
    background: #c9851e;
}

/* Анимация появления */
@keyframes modalStartFadeIn {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal__end-content {
    animation: modalStartFadeIn 0.4s ease-out;
}

/* Дополнительные стили для кнопок теста */
.modal__end-button-0,
.modal__end-button-1,
.modal__end-button-2 {


    background: #FAA525;
    color: #222222;
    padding: 15px 30px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;

}

.modal__end-button-0:hover,
.modal__end-button-1:hover,
.modal__end-button-2:hover {
    background: #c6821d;
    transform: translateY(-2px);
    background: #c6821d;
    transform: translateY(-2px);
}

/* Адаптивность */
@media (max-width: 768px) {
    .modal__end-content {
        width: 95%;
        margin: 20px auto;
    }

    .modal__end-header {
        padding: 25px 20px;
    }

    .modal__end-title {
        font-size: 24px;
    }

    .modal__end-body {
        padding: 30px 20px 20px;
    }

    .modal__end-info {
        flex-direction: column;
        gap: 20px;
    }

    .modal__end-footer {
        padding: 0 20px 20px;
    }

    .modal__end-btn {
        padding: 12px 24px;
        font-size: 15px;
    }
}

/* Стили для текста с информацией о времени и вопросах */


/* Дополнительные улучшения */
.modal__end-text p {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    /* or 136% */
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    /* or 136% */
    font-feature-settings: 'pnum' on, 'lnum' on;

    color: #444444;
    color: #444444;


}

.modal__end-close:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

.modal__end-btn:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

.modal2__end {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
}

.modal2__end-content {
    position: relative;
    position: relative;
    background-color: white;
    margin: 40px auto;
    width: 90%;
    max-width: 968px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    padding: 0px 240px 102px 87px;
}

.modal2__end-header {
    color: #222222;
    color: #222222;
    padding-top: 95px;
    position: relative;
}

.modal2__end-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    margin: 0;
    color: #444444;
}

.modal2__end-close {
    position: absolute;
    top: 37px;
    right: -200px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal2__end-close:hover {
    opacity: 0.8;
}

/* Использование картинки для кнопки закрытия */
.modal2__end-close img {
    width: 64px;
    height: 64px;
}

.modal2__end-body {
    padding: 42px 0px 49px;
}

.modal2__end-text {}

.modal2__end-text {}

.modal2__end-text p {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    /* or 136% */
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    /* or 136% */
    font-feature-settings: 'pnum' on, 'lnum' on;

    color: #444444;
    color: #444444;

}

.modal2__end-info {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding-top: 25px;
}

.modal2__end-info-item {}

.modal2__end-info-item {}

.modal2__end-info-label {
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FAA525;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FAA525;
}

.modal2__end-info-value {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.modal2__end-footer {
    display: flex;
    display: flex;
    gap: 24px;
}

.modal2__end-btn {
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.modal2__end-btn--secondary {
    background: #FAA525;
    border-radius: 6px;
    background: #FAA525;
    border-radius: 6px;

}


.modal2__end-btn--secondary:hover {
    background-color: #c5821d;
    transform: translateY(-2px);
}

.modal2__end-btn--primary {
    background: #FAA525;
    color: #222;
}

.modal2__end-btn--primary:hover {
    background: #c9851e;
}

/* Анимация появления */
@keyframes modalStartFadeIn {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal2__end-content {
    animation: modalStartFadeIn 0.4s ease-out;
}

/* Дополнительные стили для кнопок теста */
.modal2__end-button-0,
.modal2__end-button-1,
.modal2__end-button-2 {
    background: #FAA525;
    background: #FAA525;
    color: #222222;
    padding: 15px 30px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.modal2__end-button-0:hover,
.modal2__end-button-1:hover,
.modal2__end-button-2:hover {
    opacity: 0.95;
    transform: translateY(-2px);
    background: #c6821d;
}

/* Адаптивность */
@media (max-width: 768px) {
    .modal2__end-content {
        width: 95%;
        margin: 20px auto;
    }

    .modal2__end-header {
        padding: 25px 20px;
    }

    .modal2__end-title {
        font-size: 24px;
    }

    .modal2__end-body {
        padding: 30px 20px 20px;
    }

    .modal2__end-info {
        flex-direction: column;
        gap: 20px;
    }

    .modal2__end-footer {
        padding: 0 20px 20px;
    }

    .modal2__end-btn {
        padding: 12px 24px;
        font-size: 15px;
    }
}


.modal2__end-close:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

.modal2__end-btn:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

.modal__test {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
}

.modal__test-content {
    position: relative;
    background-color: white;
    margin: 40px auto;
    width: 90%;
    max-width: 800px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}


.modal__test-header {
    background: #fff;
    color: rgb(0, 0, 0);
    padding: 124px 0px 30px 0px;
    border-radius: 8px 8px 0 0;
    position: relative;
}

.modal__test-title {

    margin-bottom: 20px;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    color: #444444;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    color: #444444;
}

.modal__test-description {
    font-size: 16px;
    line-height: 1.5;
    opacity: 0.9;
}

.questions-container {
    max-height: 60vh;
    overflow-y: auto;
}

.modal__test-question {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
}

.modal__test-question:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.modal__test-question-text {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #333;
    line-height: 1.4;
}

.modal__test-options {
    display: flex;
    flex-direction: column;


}

.modal__test-option {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 10px 0px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.modal__test-option-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #444444;
}


.modal__test-option:hover {
    background-color: #f8f9fa;
    border-color: #667eea;
}

.modal__test-option input[type="radio"] {
    margin-top: 2px;
    accent-color: #667eea;
}

.modal__test-option label {
    cursor: pointer;
    line-height: 1.4;
    flex: 1;
}

.modal__test-comment-toggle {
    margin-top: 40px;
    cursor: pointer;
    transition: color 0.2s ease;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    /* or 136% */
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
}

.modal__test-comment-toggle:hover {
    color: #764ba2;
}

.modal__test-comment-container {
    margin-top: 28px;
    padding: 40px 0px;
}

.modal__test-comment-field,
.modal__test-text-answer {
    width: 100%;
    resize: vertical;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    /* Input */
    box-sizing: border-box;
    box-sizing: border-box;
    height: 263px;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 24px;
    gap: 5px;
    /* White */
    background: #FFFFFF;
    /* Text main */
    border: 1px solid #222222;
    border-radius: 6px;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 24px;
    gap: 5px;
    /* White */
    background: #FFFFFF;
    /* Text main */
    border: 1px solid #222222;
    border-radius: 6px;
}

.modal__test-comment-field:focus,
.modal__test-text-answer:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}

.modal__test-char-counter {
    text-align: right;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.modal__test-footer {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    padding: 20px 30px;
}

.modal__test-button {
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.modal__test-button:first-child {
    background-color: #FAA525;
    color: #222222;

    color: #222222;

}

.modal__test-button:first-child:hover {
    background-color: #e79822;
}

.modal__test-button:last-child {
    background-color: #FAA525;
    color: #222222;
}

.modal__test-button:last-child:hover {
    background-color: #e79822;
}

/* Анимация появления */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal__test-content {
    animation: modalFadeIn 0.3s ease-out;
}

/* Адаптивность */
@media (max-width: 768px) {
    .modal__test-content {
        width: 95%;
        margin: 20px auto;
    }

    .modal__test-header {
        padding: 20px;
    }

    .questions-container {
        padding: 20px;
    }

    .modal__test-footer {
        flex-direction: column;
        gap: 10px;
    }

    .modal__test-button {
        width: 100%;
    }
}

/* Стили для пошагового модального окна теста */
.modal__test-step {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
}

.modal__test-step-content {
    position: relative;
    background-color: white;
    margin: 130px auto;
    width: 90%;
    max-width: 800px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.modal__test-step-header {


    color: white;
    padding: 25px 30px;
    border-radius: 8px 8px 0 0;
    position: relative;
}

.modal__test-step-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.modal__test-step-description {
    font-size: 16px;
    line-height: 1.5;
    opacity: 0.9;
}

.questions-step-container {
    padding: 30px;
    min-height: 400px;
}

.modal__test-step-question {
    margin-bottom: 20px;
}


.modal__test-step-text {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
    padding-bottom: 25px;

}

.modal__test-step-question-text {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #333;
    line-height: 1.4;

}

.modal__test-step-options {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}

.modal__test-step-option {
    display: flex;
    align-items: baseline;
    gap: 10px;
    border-radius: 6px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.modal__test-step-option:hover {
    background-color: #f8f9fa;
    border-color: #667eea;
}

.modal__test-step-option input[type="radio"] {
    margin-top: 2px;
    accent-color: #667eea;
}

.modal__test-step-option label {
    cursor: pointer;
    line-height: 1.4;
    flex: 1;
}

.modal__test-step-comment-toggle {
    margin-top: 20px;
    color: #667eea;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: color 0.2s ease;
}

.modal__test-step-comment-toggle:hover {
    color: #764ba2;
}

.modal__test-step-comment-container {
    margin-top: 15px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #667eea;
}

.modal__test-step-comment-field,
.modal__test-step-text-answer {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: vertical;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
}

.modal__test-step-comment-field:focus,
.modal__test-step-text-answer:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}

.modal__test-step-char-counter {
    text-align: right;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.modal__test-step-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 87px;
}

.modal__test-step-progress {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.modal__test-step-current {
    color: #667eea;
    font-weight: 600;
}

.modal__test-step-total {
    color: #333;
    font-weight: 600;
}

.modal__test-step-button {
    padding: 12px 30px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    background: #FAA525;
    cursor: pointer;
    transition: all 0.2s ease;
}

.modal__test-step-button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.modal__test-step-button:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
}

@keyframes modalStepFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal__test-step-content {
    animation: modalStepFadeIn 0.3s ease-out;
}

@media (max-width: 768px) {
    .modal__test-step-content {
        width: 95%;
        margin: 20px auto;
    }

    .modal__test-step-header {
        padding: 20px;
    }

    .questions-step-container {
        padding-left: 69px;
    }

    .modal__test-step-footer {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .modal__test-step-button {
        width: 100%;
    }
}

.modal__confirm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
}

.modal__confirm-content {
    position: relative;
    background-color: white;
    margin: 130px auto;
    width: 90%;
    max-width: 640px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.modal__confirm-header {}

.modal__confirm-head {}

.modal__confirm-header {}

.modal__confirm-head {}

.modal__confirm-close {
    position: absolute;
    top: 37px;
    right: 20px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal__confirm-close:hover {
    color: #333;
}

.modal__confirm-close img {
    width: 64px;
    height: 64px;
}


.modal__confirm-body {

    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
}

.modal__confirm-icon {
    font-size: 48px;
    margin-bottom: 20px;
}

.modal__confirm-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
    padding-bottom: 25px;
}

.modal__confirm-text {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #444444;
}

.class {
    /* Btn */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 40px;
    gap: 20px;
    background: #FAA525;
    border-radius: 6px;

}

.modal__confirm-footer {
    display: flex;
    gap: 23px;
    padding: 40px 0px 69px 0px;
}

.modal__confirm-btn {
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    background: #FAA525;
    border-radius: 6px;
    background: #FAA525;
    border-radius: 6px;

}

.modal__confirm-btn:hover {
    background: #cf881f;
    transform: translateY(-1px);
}


.modal__confirm-btn--secondary {
    background-color: transparent;
    color: #222222;
    /* Btn */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #FAA525;
    border-radius: 6px;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #FAA525;
    border-radius: 6px;



}

.modal__confirm-btn--secondary:hover {
    background: #cf881f;
    transform: translateY(-1px);
}

.modal__confirm-btn--primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.modal__confirm-btn--primary:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

@keyframes modalConfirmFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal__confirm-content {
    animation: modalConfirmFadeIn 0.3s ease-out;
    padding: 82px 108px 0px 52px;
}

@media (max-width: 768px) {
    .modal__confirm-content {
        width: 95%;
        margin: 20px auto;
    }

    .modal__confirm-body {
        padding: 0 25px 20px;
    }

    .modal__confirm-footer {
        flex-direction: column;
        gap: 10px;
        padding: 20px 25px 25px;
    }

    .modal__confirm-btn {
        width: 100%;
    }

    .modal__confirm-title {
        font-size: 22px;
    }

    .modal__confirm-text {
        font-size: 16px;
    }
}

.modal2__confirm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
}

.modal2__confirm-content {
    position: relative;
    background-color: white;
    margin: 130px auto;
    width: 90%;
    max-width: 640px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.modal2__confirm-header {}

.modal2__confirm-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #666;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: color 0.2s ease;
}

.modal2__confirm-close:hover {
    color: #333;
}

.modal2__confirm-close img {
    width: 16px;
    height: 16px;
}

.modal2__confirm-body {}

.modal2__confirm-icon {
    font-size: 48px;
    margin-bottom: 20px;
}

.modal2__confirm-title {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    color: #444444;
}

.modal2__confirm-text {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
}

.modal2__confirm-footer {
    display: flex;
    gap: 20px;
    padding-top: 34px;

}

.modal2__confirm-btn {
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    background: #FAA525;
    border-radius: 6px;
}

.modal2__confirm-btn:hover {
    background: #cf881f;
    transform: translateY(-1px);
}

.modal2__confirm-btn--secondary {
    background-color: transparent;
    color: #667eea;
    border: 1px solid #667eea;
}

.modal2__confirm-btn--secondary:hover {
    background-color: #f8f9ff;
    transform: translateY(-1px);
}

.modal2__confirm-btn--primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.modal2__confirm-btn--primary:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

@keyframes modalConfirmFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal2__confirm-content {
    animation: modalConfirmFadeIn 0.3s ease-out;
    padding: 71px 126px 57px 52px;
}

@media (max-width: 768px) {
    .modal2__confirm-content {
        width: 95%;
        margin: 20px auto;
    }

    .modal2__confirm-body {
        padding: 0 25px 20px;
    }

    .modal2__confirm-footer {
        flex-direction: column;
        gap: 10px;
        padding: 20px 25px 25px;
    }

    .modal2__confirm-btn {
        width: 100%;
    }

    .modal2__confirm-title {
        font-size: 22px;
    }

    .modal2__confirm-text {
        font-size: 18px;
    }
}


.modal__saved {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
}

.modal__saved-content {
    position: relative;
    background-color: white;
    margin: 130px auto;
    width: 90%;
    max-width: 400px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.modal__saved-header {
    display: flex;
    padding: 20px 20px 0;
    text-align: right;
    justify-content: right;
}

.modal__saved-close {
    position: absolute;
    top: 37px;
    right: 30px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal__saved-close:hover {
    opacity: 0.7;
}

.modal__saved-close img {
    width: 64px;
    height: 64px;
}

.modal__saved-body {
    padding: 10px 40px 30px;
    text-align: center;
}

.modal__saved-icon {
    margin-bottom: 30px;
}

.modal__saved-title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 32px;
    line-height: 140%;
    /* or 45px */
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;

    color: #444444;


}

.modal__saved-text {
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;

}

.modal__saved-footer {
    padding: 0 40px 30px;
    text-align: center;
}

.modal__saved-btn {

    padding: 12px 40px;
    background: #FAA525;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.modal__saved-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

@keyframes modalSavedFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal__saved-content {
    animation: modalSavedFadeIn 0.3s ease-out;
}

@media (max-width: 768px) {
    .modal__saved-content {
        width: 95%;
        margin: 20px auto;
    }

    .modal__saved-body {
        padding: 10px 25px 25px;
    }

    .modal__saved-footer {
        padding: 0 25px 25px;
    }

    .modal__saved-title {
        font-size: 18px;
    }

    .modal__saved-text {
        font-size: 13px;
    }
}

.modal__regcheck {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.modal__regcheck-content {
    background: white;
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    max-width: 640px;
    width: 90%;
    height: 380px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.modal__regcheck-header {
    position: relative;
    display: flex;
    padding: 20px 20px 0;
    text-align: right;
    justify-content: right;
}

.modal__regcheck-close {
    position: absolute;
    top: -1px;
    right: -11px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.modal__regcheck-close img {
    height: 64px;
    width: 64px;
}

.modal__link {
    text-decoration: underline;
}

.modal__regcheck-text {
    font-weight: 500;
    font-size: 26px;
    line-height: 140%;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #444444;
    padding-bottom: 30px;
}

.modal__regcheck-link {
    display: inline-block;
    background: #FAA525;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    transition: background 0.3s ease;
    font-family: Arial, sans-serif;
}

.modal__regcheck-link:hover {
    background: #eb9a20;
}

/* Стили для кнопки открытия модалки (для демонстрации) */
.demo-button {
    margin: 50px auto;
    padding: 15px 30px;
    background: #28a745;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    display: block;
}

.complete__top {
    top: 10%;
}

.demo-button:hover {
    background: #218838;
}


.modal__test-step-option input[type="radio"] {
    margin-right: 10px;
}

.error-message {
    font-size: 14px;
    font-weight: bold;
}

.modal__saved-icon-2 {
    margin-bottom: 20px;
}

.modal__reg_button {
    max-width: 234px;
}

.text__void {
    padding-bottom: 0px;
}

.telegram-link {
    text-decoration: underline;
}

/*oz__preview*/

.oz__preview {
    position: fixed;
    bottom: 5%;
    left: 3%;
    z-index: 20;
}

.oz__previewback {
    max-width: 350px;
    padding: 36px 20px;
    background-color: #FAA528;
    border-radius: 20px;
}

.callback__form2 {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 32px;
}

.oz_close {
    position: absolute;
    top: 10px;
    right: 7px;
    background: none;
    border: none;
    font-size: 28px;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s ease;
}

.button__orangeoz {
    background-color: #DA8505;
}

.oz_closeimg {
    max-width: 40px;
    max-height: 40px;
}

.oz_close:hover {
    opacity: 0.8;
}

.main__form--title {
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    color: #0f0f0e;
}

.main__form {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 32px;
}

.main__callback--input {
    border: 1px solid rgba(34, 34, 34, 0.5);
    border-radius: 10px;
    padding: 16px 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
}

.main__callback--input::placeholder {
    color: #a7a9ac;
}

.callback__message--success2 {
    font-size: 22px;
    color: #fff;
}

/*************/

.callback__form--hidden {
    display: none;
}

.hidden {
    display: none;
}

.test__complete {
    display: none;
}

.reg__checker {
    display: none;
}


.text_white {
    color: #fff;
}


.point__font {
    font-size: 96px;
    font-weight: 900;
}

.oz__hidden {
    display: none;
}

.slider-container-transl {
    width: 1216px;
    height: 100px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.slider-track-transl {
    display: flex;
    transition: transform 0.5s ease;
    width: 9999px;
}
.slide-transl {
    min-width: 1216px;
    height: 100px;
}
@media (max-width: 768px) {
    .slider-container-transl { display: none; }
}