/* hide scrollbar for Firefox */
html {
    scrollbar-width: none;
    -ms-overflow-style: none; /* для старих Edge/IE */
}

/* for WebKit-browsers (Chrome, Safari, Opera) */
html::-webkit-scrollbar {
    display: none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none;
}

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

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Inter-Bold.ttf') format('truetype');
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    display: block;

    cursor: pointer;
    background-color: transparent;
    text-decoration: none;

    user-drag: none;
    -webkit-user-drag: none;
}

.undraggable {
    user-drag: none;
    -webkit-user-drag: none;
}

[hidden] {
    display: none;
}

.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.text-selectable {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -o-user-select: text !important;
    user-select: text !important;
}

::selection {
    background-color: rgba(91, 2, 232, 0.4);
    color: #ffffff;
}

html, body {
    overscroll-behavior: none;
    background-color: #07070B;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.no-scroll {
    overflow: hidden !important;
    position: fixed !important;
    width: 100%;
    left: 0;
    right: 0;
}

.inner {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    background-color: #090519;
}

.inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/bg.avif');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: repeat-y;
    filter: blur(15px);
    z-index: 0;
    opacity: 0.8;
}

.bg-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.bg {
    pointer-events: none;
    display: block;

    width: 90vw;
    height: 392.438vw;

    position: relative;
    left: 50%;
    transform: translateX(-50%);

    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 50%, transparent 100%);
}

/* --- HEADER --- */
header.header {
    padding: 0 1.17vw;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 2.344vw;
    width: 78.234vw;
    height: 4.031vw;
    border-radius: 0.985vw;
    background: rgba(8, 13, 26, 0.71);
    z-index: 1000;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

header.header.header-hidden {
    transform: translateX(-50%) translateY(-100%);
    opacity: 0;
}

header.header.header-visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.header-logo {
    width: 16.828vw;
    height: 2.672vw;
}

.header-logo-img {
    width: 100%;
    height: 100%;
}

.header-btn-wrap {
    cursor: pointer;
    position: relative;
    background: transparent;
    border: unset;
    transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center;
    top: 0;
    left: 0;

    width: 11.594vw;
    height: 2.397vw;

    z-index: 4;
}

.header-btn {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;

    transition: transform 0.3s ease, filter 0.3s ease;

    filter: drop-shadow(0 0 0.63vw rgba(91, 2, 232, 0.75));
}

.header-btn-text {
    width: max-content;
    pointer-events: none;

    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);

    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Montserrat", sans-serif;

    font-size: 0.75vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: 0.015vw;
    text-transform: uppercase;
}

.header-btn:hover {
    transform: scale(1.02);
    filter: drop-shadow(0 0 0.72vw rgba(91, 2, 232, 0.75));
    animation: none;
}

.header-btn-wrap .header-btn {
    animation: headerBtnGlow .7s infinite alternate;
    filter: drop-shadow(0 0 1.377vw rgba(91, 2, 232, 1));
}

.header-btn-wrap .header-btn:hover {
    animation-play-state: paused;
}

@keyframes headerBtnGlow {
    0% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(91, 2, 232, 0.5));
    }
    100% {
        transform: scale(1.02);
        filter: drop-shadow(0 0 0.36vw rgba(91, 2, 232, 1));
    }
}

.header-list {
    display: flex;
    gap: 1.782vw;
}

.header-link {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 0.891vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.header-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.189vw;
    text-decoration-thickness: 0.045vw;
}

/* --- HERO SECTION --- */
.hero-section {
    position: absolute;
    top: 8.721vw;
    left: 0;

    width: 100%;
    height: 46.404vw;

    /*background: rgba(155, 77, 255, 0.3);*/
}

.hero-inner {
    position: relative;
    inset: 0;
    left: 50%;
    transform: translateX(-50%);
    /*width: 100%;*/
    width: 90.625vw;
    /*margin: 0 auto;*/

    height: 100%;
    perspective: 52.083vw;
}

.hero-row {
    margin-bottom: 1.404vw;
    width: 27.469vw;
    height: 3.112vw;
    display: grid;
    align-items: center;
    justify-content: center;
    justify-items: center;
    align-content: center;
    border-radius: 1.264vw;
    border: 0.042vw solid #353451;
    background: rgba(13, 16, 21, 0.38);
    backdrop-filter: blur(1.083vw);
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 1.039vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.601vw;
    letter-spacing: -0.052vw;
}

.hero-text-block {
    width: 27.9vw;

    position: absolute;
    z-index: 11;

    left: 11.295vw;
    /*top: 4.48vw;*/
    top: 0;

    opacity: 1;
}

/*.hero-text-block._animate {*/
/*    animation: heroTextBlockSlideFade 0.7s ease-out forwards;*/
/*}*/

/*@keyframes heroTextBlockSlideFade {*/
/*    0% {*/
/*        opacity: 0;*/
/*        transform: scale(0.4);*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*        transform: scale(1);*/
/*    }*/
/*}*/

.hero-agents-container {
    position: absolute;
    /*top: 4.5vw;*/
    top: -9.9vw;
    right: 4.5vw;
    width: 44.577vw;
    overflow: hidden;
    transform-style: preserve-3d;
    transform-origin: center center;
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform;
    /*cursor: pointer;*/
    opacity: 1;
}

/*.hero-agents-container._animate {*/
/*    animation: heroImageFade 0.7s ease-out forwards;*/
/*}*/

/*.hero-agents-container._tilt-hover {*/
/*    transition-duration: 0.15s;*/
/*    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);*/
/*}*/

.hero-agents {
    width: 100%;
    height: auto;
    display: block;
    /*mask-image: linear-gradient(to bottom, black 46%, transparent 100%);*/
    /*mask-size: 100% 100%;*/
    /*mask-repeat: no-repeat;*/

    mask-image: linear-gradient(to bottom, black 84%, transparent 100%),
    linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);

    -webkit-mask-image: linear-gradient(to bottom, black 84%, transparent 100%),
    linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);

    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-composite: intersect;
    -webkit-mask-composite: destination-in;
}

@keyframes heroImageFade {
    0% {
        opacity: 0;
        transform: scale(.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.hero-main-title {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 4.219vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}

.hero-main-title span.gradient {
    background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-sub-title {
    margin: 1.404vw 0 2.619vw;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 1.125vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.734vw;
    letter-spacing: -0.057vw;
}

.hero-sub-title span.bold {
    font-weight: 700;
}

.hero-btn-wrap {
    cursor: pointer;
    position: relative;
    background: transparent;
    border: unset;
    transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center;
    top: 0;
    left: 0;

    width: 17.391vw;
    height: 3.64vw;

    z-index: 4;
}

.hero-btn {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;

    transition: transform 0.3s ease, filter 0.3s ease;

    filter: drop-shadow(0 0 0.63vw rgba(91, 2, 232, 0.75));
}

.hero-btn-text {
    width: max-content;
    pointer-events: none;

    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);

    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Montserrat", sans-serif;
    font-size: 1.125vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: 0.022vw;
    text-transform: uppercase;
}

.hero-btn:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 0.72vw rgba(91, 2, 232, 0.75));
    animation: none;
}

.hero-btn-wrap .hero-btn {
    animation: heroBtnGlow .7s infinite alternate;
    filter: drop-shadow(0 0 1.377vw rgba(91, 2, 232, 1));
}

.hero-btn-wrap .hero-btn:hover {
    animation-play-state: paused;
}

@keyframes heroBtnGlow {
    0% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(91, 2, 232, 0.5));
    }
    100% {
        transform: scale(1.05);
        filter: drop-shadow(0 0 1.08vw rgba(91, 2, 232, 1));
    }
}

/* --- BENEFITS SECTION --- */
.benefits-section {
    position: absolute;
    top: 55.125vw;
    left: 0;

    width: 100%;
    height: 56.25vw;

    /*background: rgba(77, 119, 255, 0.3);*/
}

.benefits-inner {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;
}

.benefits-subtitle {
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 4.498vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    opacity: 0.1;
    background: linear-gradient(180deg, #D486FF 0%, rgba(127, 80, 153, 0.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: blur(0.323vw);
}

.benefits-title {
    position: relative;
    top: -0.9vw;
    margin: 0 auto;
    width: fit-content;
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 2.484vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}

.benefits-title span.gradient {
    background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.benefits-text-block {
    width: 79.2vw;

    position: absolute;
    z-index: 11;

    top: 2.997vw;
    left: 50%;
    transform: translateX(-50%);

    opacity: 0;
}

.benefits-text-block._animate {
    animation: benefitsTextBlockSlideFade 0.7s ease-out forwards;
}

@keyframes benefitsTextBlockSlideFade {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(0.4);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}

.benefits-group {
    width: 79.2vw;
    height: 36.594vw;

    position: absolute;
    z-index: 11;
    perspective: 52.083vw;

    top: 13.23vw;
    left: 50%;
    transform: translateX(-50%);

    /*background: rgba(92, 73, 208, 0.3);*/
}

.benefit {
    position: absolute;
    opacity: 0;
    transform-style: preserve-3d;
    transform-origin: center center;
    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
    will-change: transform;
    cursor: pointer;
    border-radius: 0.936vw;
}

.benefit._animate {
    animation: benefitFadeIn 0.7s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes benefitFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.benefit.one._animate {
    animation-delay: 0.1s;
}

.benefit.two._animate {
    animation-delay: 0.25s;
}

.benefit.three._animate {
    animation-delay: 0.4s;
}

.benefit.four._animate {
    animation-delay: 0.15s;
}

.benefit.five._animate {
    animation-delay: 0.55s;
}

.benefit._tilt-hover {
    transition-duration: 0.15s;
    box-shadow: 0 0.234vw 0.936vw 0.234vw rgba(0, 0, 0, 0.27);
}

.benefit.five {
    animation-delay: 0.55s;
}

.benefit.one {
    top: 0;
    left: 0;

    width: 22.648vw;
    height: 36.643vw;
    background: url(../images/benefits/card-1.avif) center / cover no-repeat;
    z-index: 1;
}

.benefit.two {
    top: 0;
    left: 24.3vw;

    width: 30.422vw;
    height: 15.647vw;
    background: url(../images/benefits/card-2.avif) center / cover no-repeat;
}

.card-2 {
    position: absolute;
    pointer-events: none;
    z-index: 2;
    bottom: 0.072vw;
    transform: translateX(-50%);
    left: 50%;
    width: 30.303vw;
    border-radius: 0.936vw;
}

.benefit.three {
    bottom: 0;
    left: 24.3vw;

    width: 30.422vw;
    height: 17.766vw;
    background: url(../images/benefits/card-3.avif) center / cover no-repeat rgba(255, 255, 255, 0.02);
    border: 0.045vw solid rgba(255, 255, 255, 0.24);
    border-radius: 0.936vw;
}

.benefit.four {
    top: 0;
    right: 0;

    width: 22.631vw;
    height: 10.641vw;
    background: url(../images/benefits/card-4.avif) center / cover no-repeat;
}

.benefit.five {
    bottom: 0;
    right: 0;

    width: 22.631vw;
    height: 23.112vw;
    background: url(../images/benefits/card-5.avif) center / cover no-repeat;
}

.card-5 {
    position: absolute;
    pointer-events: none;
    z-index: 2;
    bottom: 0.045vw;
    transform: translateX(-50%);
    left: 50%;
    width: 22.631vw;
    border-radius: 0.936vw;
}

.benefit-name-big {
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 2.187vw;
    font-style: normal;
    font-weight: 700;
    line-height: 65%;
    text-transform: uppercase;
}

.benefit-name-big span.xs {
    font-size: 1.35vw;
}

.benefit-agent-wrap {
    position: absolute;
    pointer-events: none;
    position: absolute;
    z-index: 2;
    bottom: 0;
    /*left: 58.5%;*/
    /*width: 31.03vw;*/
    transform: translateX(-50%);
    left: 50%;
    width: 22.554vw;
    overflow: hidden;
    border-radius: 0.936vw;
}

.benefit-agent {
    position: relative;
    width: 30.15vw;
    transform: translateX(-50%);
    left: 50%;
    bottom: -0.36vw;
}

.benefit-badge {
    position: relative;
    top: -1.8vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    width: 4.086vw;
    height: 4.219vw;
}

.benefit-name {
    padding-bottom: 0.63vw;
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}

.benefit-desc {
    color: rgba(255, 255, 255, 0.70);
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 1.031vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.219vw;
    letter-spacing: -0.051vw;
}

.benefit-textpart {
    width: 100%;
    display: block;
    margin: 0 auto;

    position: absolute;
    top: 3.6vw;
    z-index: 2;
}

.benefit .tilt-glow {
    pointer-events: none;
    position: absolute;
    inset: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: radial-gradient(circle at 50% -20%, rgba(255, 255, 255, 0.13), rgba(0, 0, 0, 0.06));
    border-radius: 0.936vw;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.benefit._tilt-hover .tilt-glow,
.benefit:hover .tilt-glow {
    opacity: 1;
}


.benefit.one .benefit-desc {
    margin: 0 auto;
    width: 89%;
}

.benefit.two .benefit-textpart {
    top: 3.96vw;
}

.benefit.three .benefit-textpart {
    top: 11.7vw;
}

.benefit.two .benefit-name-big {
    padding-bottom: 0.63vw;
}

.benefit.two .benefit-desc-little {
    margin: 0 auto;
    width: 62%;
}

.benefit.three .benefit-desc {
    margin: 0 auto;
    width: 71%;
}

.benefit.three .benefit-name {
    padding-bottom: 0.36vw;
}

.benefit.five .benefit-desc {
    margin: 0 auto;
    width: 75%;
}

.benefit-desc-little {
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 0.926vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.094vw;
    letter-spacing: -0.046vw;
}

/* --- ABOUT US SECTION --- */
.about-section {
    position: absolute;
    top: 111.375vw;
    left: 0;

    width: 100%;
    height: 48.699vw;

    /*background: rgba(255, 77, 240, 0.3);*/
}

.about-inner {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;
    perspective: 52.083vw;
}

.about-text-block {
    width: 56.7vw;

    position: absolute;
    z-index: 11;

    top: 3.141vw;
    left: 50%;
    transform: translateX(-50%);

    opacity: 0;
}

.about-text-block._animate {
    animation: aboutTextBlockSlideFade 0.7s ease-out forwards;
}

@keyframes aboutTextBlockSlideFade {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(0.4);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}

.about-subtitle {
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;

    opacity: 0.1;
    background: linear-gradient(180deg, #D486FF 0%, rgba(127, 80, 153, 0.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: blur(0.324vw);
}

.about-title {
    position: relative;
    top: -2.88vw;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 2.997vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;

    background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-desc {
    position: relative;
    top: -1.44vw;
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 1.141vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.69vw;
    letter-spacing: -0.057vw;
}

.about-agents-container {
    position: absolute;
    /*top: 14.64vw;*/
    top: 6.3vw;
    left: 50%;
    margin-left: -39.514vw;
    width: 79.029vw;
    overflow: hidden;
    transform-style: preserve-3d;
    transform-origin: center center;
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease;
    will-change: transform;
    cursor: pointer;
    opacity: 0;
}

.about-agents-container._animate {
    animation: aboutAgentsFade 0.7s ease-out 0.3s forwards;
}

@keyframes aboutAgentsFade {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.about-agents-container._tilt-hover {
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.about-agents {
    width: 100%;
    height: auto;
    display: block;

    mask-image: linear-gradient(to bottom, black 84%, transparent 100%),
    linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);

    -webkit-mask-image: linear-gradient(to bottom, black 84%, transparent 100%),
    linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);

    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-composite: intersect;
    -webkit-mask-composite: destination-in;
}

@keyframes aboutAgentsFade {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes aboutRowFade {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(2vw);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.about-hint {
    width: 91%;
    text-align: center;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 1.141vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.69vw;
    letter-spacing: -0.057vw;
}

.about-row {
    display: grid;
    justify-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;

    position: absolute;
    top: 38.061vw;
    left: 50%;
    transform: translateX(-50%) translateY(1.8vw);
    opacity: 0;

    width: 55.547vw;
    height: 7.5vw;

    border-radius: 1.369vw;
    border: 0.046vw solid #353451;
    background: rgba(13, 16, 21, 0.38);
    backdrop-filter: blur(1.172vw);
}

.about-row._animate {
    animation: aboutRowFade 0.7s ease-out forwards;
}

@keyframes aboutRowFade {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(2vw);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.about-hint span.bold {
    font-weight: 700;
}

/* --- PARTNERS SECTION --- */
.partners-section {
    position: absolute;
    top: 160.074vw;
    left: 0;

    width: 100%;
    height: 101.061vw;

    /*background: rgba(77, 187, 255, 0.3);*/
}

.partners-inner {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;
}

.partners-text-block {
    width: 32.85vw;

    position: absolute;
    z-index: 11;

    top: 3.096vw;
    left: 50%;
    transform: translateX(-50%);

    opacity: 0;
}

.partners-text-block._animate {
    animation: partnersTextBlockSlideFade 0.7s ease-out forwards;
}

@keyframes partnersTextBlockSlideFade {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(0.4);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}

.partners-title {
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 2.484vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}

.partners-title span.red {
    background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.partners-subtitle {
    padding-top: 0.63vw;
    color: #8764BB;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 1.503vw;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-transform: capitalize;
}

.our-partners-marquee {
    position: absolute;
    top: 9.45vw;
    left: 0;
    /*width: 100%;*/
    width: 90.625vw;
    left: 50%;
    transform: translateX(-50%);

    overflow-x: hidden;
    overflow-y: visible;
}

.marquee-track {
    display: flex;
    align-items: center;
    /* gap: 1.56vw; */
    gap: 5.22vw;
    will-change: transform;
    padding: 1.8vw 0;
}

.our-partner {
    width: 9.023vw;
    height: 5.981vw;
    flex-shrink: 0;

    display: grid;
    justify-content: center;
    align-items: center;
    justify-items: center;
    align-content: center;
    gap: 0.45vw;

    border-radius: 1.312vw;
    background: rgba(0, 0, 0, 0.40);

    backdrop-filter: blur(1.17vw);
    -webkit-backdrop-filter: blur(1.17vw);

    position: relative;
    overflow: visible;

    --scale: 1;
    --brightness: 1;
    transform: scale(var(--scale));
    filter: brightness(var(--brightness));
    transform-origin: center center;
}

.our-partner::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.063vw;

    background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0.15) 0%,
            rgba(255, 255, 255, 0.0) 20%
    );

    -webkit-mask: linear-gradient(#000, #000) content-box,
    linear-gradient(#000, #000);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000, #000) content-box,
    linear-gradient(#000, #000);
    mask-composite: exclude;

    pointer-events: none;
}

.our-partner::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.018vw;

    background: linear-gradient(
            to top,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0.15) 0%,
            rgba(255, 255, 255, 0.0) 20%
    );

    -webkit-mask: linear-gradient(#000, #000) content-box,
    linear-gradient(#000, #000);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000, #000) content-box,
    linear-gradient(#000, #000);
    mask-composite: exclude;

    pointer-events: none;
}

.our-partner-img.one {
    width: 3.087vw;
}

.our-partner-img.two {
    width: 2.754vw;
}

.our-partner-img.three {
    width: 6.066vw;
}

.our-partner-img.four {
    width: 2.754vw;
}

.our-partner-img.five {
    width: 2.466vw;
}

.our-partner-text {
    color: #8870AB;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 0.918vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.solo_partners-text-block {
    width: 32.85vw;

    position: absolute;
    z-index: 11;

    top: 24.984vw;
    left: 50%;
    transform: translateX(-50%);

    opacity: 0;
}

.solo_partners-text-block._animate {
    animation: soloPartnersTextBlockSlideFade 0.7s ease-out forwards;
}

@keyframes soloPartnersTextBlockSlideFade {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(0.4);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}

.solo_partners-title {
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 2.484vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}

.solo_partners-title span.red {
    background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.solo-partners-marquee {
    position: absolute;
    top: 31.5vw;
    left: 0;
    /*width: 100%;*/
    width: 90.625vw;
    left: 50%;
    transform: translateX(-50%);
    overflow-x: hidden;
    overflow-y: visible;
    min-height: 15.094vw;
}

.solo-partners-marquee-track {
    display: flex;
    align-items: center;
    gap: 1.404vw;
    will-change: transform;
}

.solo-partner {
    position: relative;
    flex-shrink: 0;
    width: 16.855vw;
    height: 15.094vw;
    cursor: grab;
}

.solo-partner .solo_partner-text-area {
    cursor: text;
}

.solo-partner.one {
    background: url(../images/partners/solo/partner-1.avif) center / cover no-repeat;
}

.solo-partner.two {
    background: url(../images/partners/solo/partner-2.avif) center / cover no-repeat;
}

.solo-partner.three {
    background: url(../images/partners/solo/partner-3.avif) center / cover no-repeat;
}

.solo-partner.four {
    background: url(../images/partners/solo/partner-4.avif) center / cover no-repeat;
}

.solo-partner.five {
    background: url(../images/partners/solo/partner-5.avif) center / cover no-repeat;
}

.solo_partner-text-area {
    width: max-content;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.63vw;
}

.solo_partner-name {
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 1.26vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.solo_partner-role {
    color: rgba(255, 255, 255, 0.64);
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 0.693vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.solo-partners-navigation {
    position: absolute;
    top: 50.346vw;

    display: flex;
    gap: 1.035vw;

    left: 50%;
    transform: translateX(-50%);
}

.solo-partners-arrow {
    cursor: pointer;
    width: 6.093vw;
    height: 3.519vw;
    transition: transform 0.3s ease-out, filter 0.3s ease-out, opacity 0.3s ease-out;
    will-change: transform, filter;
}

.solo-partners-arrow:hover {
    transform: scale(1.02);
    filter: brightness(1.2) drop-shadow(0 0 0.09vw rgba(255, 255, 255, 0.5));
    opacity: 0.9;
}

.solo-partners-arrow:active {
    transform: scale(1.02);
    transition: transform 0.1s ease-out;
}

.count-number {
    font-variant-numeric: tabular-nums;

    position: absolute;
    top: 63.45vw;
    left: 50%;
    transform: translateX(-50%);

    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 17.906vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.734vw;
    letter-spacing: -0.896vw;
}

.count-subtitle {
    position: absolute;
    top: 75.6vw;
    left: 50%;
    transform: translateX(-50%) translateY(1.8vw);
    opacity: 0;

    color: #FFF;
    text-align: center;
    text-shadow: 0 0.563vw 1.682vw rgba(10, 11, 23, 0.68);
    font-family: "Montserrat", sans-serif;
    font-size: 3.281vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.734vw;
    letter-spacing: -0.164vw;
}

.count-agents-wrapper {
    position: absolute;
    /*top: 69.2vw;*/
    top: 59.4vw;
    left: 50%;
    transform: translateX(-50%) translateY(1.8vw);
    perspective: 52.083vw;
    opacity: 0;
}

.count-agents {
    position: relative;
    /*width: 65.31vw;*/
    width: 77.4vw;

    transform-style: preserve-3d;
    transform-origin: center center;
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform;
    cursor: pointer;

    mask-image: linear-gradient(to bottom, black 94%, transparent 100%);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

.count-agents._tilt-hover {
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.count-blur {
    pointer-events: none;
    position: absolute;
    top: 87.3vw;
    left: 50%;
    transform: translateX(-50%);
    width: 22.5vw;
    height: 16.2vw;
    border-radius: 20.434vw;
    background: #4C2A9AD4;
    filter: blur(4.05vw);
    opacity: 1;
}

/* --- MEDIA SECTION --- */
.media-section {
    position: absolute;
    top: 261.135vw;
    left: 0;

    width: 100%;
    height: 56.25vw;

    /*background: rgba(77, 255, 107, 0.3);*/
}

.media-inner {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;
}

.media-text-block {
    width: 32.4vw;

    position: absolute;
    z-index: 11;

    top: -3.281vw;
    left: 50%;
    transform: translateX(-50%);

    opacity: 0;
}

.media-text-block._animate {
    animation: aboutTextBlockSlideFade 0.7s ease-out forwards;
}

@keyframes aboutTextBlockSlideFade {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(0.4);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}

.media-title {
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 2.484vw;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    cursor: text;
}

.media-title span.red {
    background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.media-marquee {
    position: relative;
    top: -6.094vw;
    overflow-x: hidden;
    min-height: 52.083vw;
}

.media-marquee-track {
    display: flex;
    align-items: center;
    gap: 0;
    will-change: transform;
}

.media {
    position: relative;
    flex-shrink: 0;
    width: 66.667vw;
    height: 40.99vw;
    margin: 0 1.042vw;
    margin-top: 4.5vw;

    background: url(../images/media/media-bg.avif) center / cover no-repeat;
    cursor: grab;
}

.media .media-textpart {
    cursor: text;
}

.media-img {
    position: relative;
    top: 52.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 59.375vw;
    height: 33.099vw;
}

.media-img,
.media-textpart {
    will-change: transform, opacity;
}

.media-pag {
    position: absolute;
    top: 39.323vw;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    align-items: center;
    gap: 0.54vw;
}

.media-circle {
    cursor: pointer;
    width: 0.781vw;
    height: 0.781vw;
    border-radius: 0.603vw;
    background: #72679F;
}

.media-circle.active {
    background: #CEBFEE;
}

.media-textpart {
    position: relative;
    top: 9.635vw;
}

.media-name {
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 1.314vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.media-text {
    position: relative;
    top: 0.521vw;
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 1.314vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.media-navigation {
    position: absolute;
    top: 46.875vw;

    display: flex;
    gap: 1.035vw;

    left: 50%;
    transform: translateX(-50%);
}

.media-arrow {
    cursor: pointer;
    width: 6.093vw;
    height: 3.519vw;
    transition: transform 0.3s ease-out, filter 0.3s ease-out, opacity 0.3s ease-out;
    will-change: transform, filter;
}

.media-arrow:hover {
    transform: scale(1.02);
    filter: brightness(1.2) drop-shadow(0 0 0.09vw rgba(255, 255, 255, 0.5));
    opacity: 0.9;
}

.media-arrow:active {
    transform: scale(1.02);
    transition: transform 0.1s ease-out;
}

/* --- FAQ SECTION --- */
.faq-section {
    position: absolute;
    top: 317.385vw;
    left: 0;

    width: 100%;
    height: 58.59vw;

    /*background: rgba(77, 119, 255, 0.3);*/
    opacity: 0;
    transform: translateY(1.8vw);
}

.faq-section._animate {
    animation: faqSectionFade 0.8s ease-out forwards;
}

@keyframes faqSectionFade {
    0% {
        opacity: 0;
        transform: translateY(1.8vw);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.faq-inner {
    position: relative;
    inset: 0;
    width: 100%;
    width: 90.625vw;
    /*margin: 0 auto;*/
    left: 50%;
    transform: translateX(-50%);

    height: 100%;
    padding: 2.016vw 9vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.35vw;
    margin-bottom: 0.531vw;
    width: 100%;
}

.faq-title {
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 2.484vw;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    margin: 0;
}

.faq-toggle-all {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    overflow: hidden;
    width: 2.205vw;
    height: 2.205vw;
}

.faq-toggle-all svg {
    width: 2.205vw;
    height: 2.205vw;
    display: block;
    overflow: visible;
}

.faq-chevron {
    width: 2.205vw;
    height: 2.205vw;
}

.faq-toggle-all:hover {
    transform: scale(1.05);
}

.faq-toggle-all:active {
    transform: scale(0.95);
}

.faq-toggle-all.expanded .faq-toggle-icon {
    transform: rotate(180deg);
}

.faq-toggle-icon {
    transition: transform 0.3s ease;
    transform-origin: center center;
}

.faq-content {
    width: 100%;
    max-height: none;
    opacity: 1;
    overflow: hidden;
    /*transition: max-height 0.4s ease, opacity 0.4s ease;*/
}

.faq-list {
    width: 100%;
    max-width: 74.016vw;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.faq-item {
    border-bottom: 0.045vw solid #D7DAE2;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.88vw 0;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: opacity 0.2s ease;
}

.faq-question-title {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 1.692vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.503vw;
    flex: 1;
}

.faq-chevron {
    flex-shrink: 0;
    margin-left: 1.8vw;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-chevron {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0 0;
}

.faq-item.active .faq-answer {
    max-height: 5.4vw;
    padding: 0 0 1.8vw 0;
}

.faq-answer-text {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 1.314vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.692vw;
}

.faq-section.collapsed .faq-item.active .faq-answer {
    max-height: 0;
    padding: 0;
}

.faq-section.collapsed .faq-item.active .faq-chevron {
    transform: rotate(0deg);
}

.faq-section.collapsed .faq-item.active {
    border-bottom: 0.045vw solid rgba(255, 255, 255, 0.2);
}

/* --- FOOTER SECTION --- */
.footer-section {
    position: absolute;
    top: 375.975vw;
    left: 0;

    width: 100%;
    height: 16.452vw;

    /*background: rgba(116, 128, 231, 0.3);*/
}

.footer-inner {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;
}

.footer-content {
    padding: 1.503vw 2.835vw 0 1.503vw;
    display: grid;
    grid-template-columns: 15.012vw 29.146vw;
    justify-content: space-between;

    width: 74.784vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.footer-brand-name {
    margin-bottom: 1.125vw;
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 0.936vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.footer-brand-name span.red {
    background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-copyright {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 0.747vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125vw;
    text-transform: capitalize;
}

.footer-description {
    padding: 0.747vw 0;
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 0.747vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125vw;
    text-transform: capitalize;
}

.footer-address {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 0.747vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125vw;
    text-transform: capitalize;
}

.footer-flags {
    display: flex;
    align-items: center;
    gap: 0.747vw;
}

.footer-lang-link {
    cursor: pointer;

    position: relative;
    width: 1.125vw;
    height: 0.747vw;
}

.footer-lang-link:hover {
    filter: brightness(1.2);
}

.footer-flag {
    position: absolute;
    width: 100%;
    height: 100%;
}

.footer-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.189vw;
    text-decoration-thickness: 0.045vw;
}

.footer-policy {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 0.747vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.footer-terms {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 0.747vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.footer-social {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.562vw;
}

.footer-right {
    display: grid;
    grid-template-columns: 14.349vw 8.91vw;
    justify-content: space-between;
    align-items: start;
}

.footer-social-link {
    position: relative;
    cursor: pointer;
    width: 1.035vw;
    height: 1.035vw;
}

.footer-social-link svg {
    position: absolute;

    width: 1.035vw;
    height: 1.035vw;
}

.footer-social-link:hover {
    opacity: .8;
}

.mb {
    display: none;
}

@media (max-width: 767px) {

    .inner::before {
        content: none;
    }

    .bg {
        width: 100%;
        height: 100%;

        position: unset;
        left: unset;
        transform: none;

        mask-image: none;
        -webkit-mask-image: none;
    }

    .benefits-text-block {
        width: 88vw;
        top: 0.914vw;
    }

    .hero-inner {
        width: 100%;
        margin: unset;
    }

    /* --- FOOTER SECTION --- */
    .footer-section {
        top: 1326.07vw;
        height: 103vw;
    }

    .footer-content {
        padding: 24vw 0 0 0;
        grid-template-columns: auto;
        justify-content: center;
        width: 71.98vw;
        gap: 5.56vw;
    }

    .footer-right {
        grid-template-columns: auto;
        justify-content: center;
        justify-items: center;
    }

    .footer-info {
        order: 1;
    }

    .footer-brand-name {
        text-align: center;
        margin-bottom: 3.29vw;
        font-size: 3.82vw;
    }

    .footer-copyright {
        text-align: center;
        font-size: 3.05vw;
        line-height: 3.29vw;
    }

    .footer-description {
        text-align: center;
        padding: 2.19vw 0;
        font-size: 3.05vw;
        line-height: 3.29vw;
    }

    .footer-address {
        text-align: center;
        font-size: 3.05vw;
        line-height: 3.29vw;
    }

    .footer-lang {
        width: 10.18vw;
        margin: 5.56vw 0 8.91vw;
    }

    .footer-lang-img {
        width: 100%;
        height: 100%;
    }

    .footer-social {
        gap: 7.63vw;
    }

    .footer-social-link {
        width: 7.12vw;
        height: 7.12vw;
    }

    .footer-social-link svg {
        width: 7.12vw;
        height: 7.12vw;
    }

    .footer-links {
        gap: 3.79vw;
        margin-top: 8.91vw;
    }

    .footer-policy {
        font-size: 3.76vw;
    }

    .footer-terms {
        font-size: 3.76vw;
    }

    .footer-link:hover {
        text-underline-offset: 0.8vw;
        text-decoration-thickness: 0.1vw;
    }

    /* --- FAQ SECTION --- */
    .faq-section {
        top: 1141.59vw;
        height: 184.48vw;
    }

    .faq-inner {
        padding: 11vw 13.99vw 8vw;
        width: 100%;
        margin: unset;
    }

    .faq-header {
        gap: 3vw;
        margin-bottom: 6vw;
    }

    .faq-title {
        font-size: 7.26vw;
    }

    .faq-toggle-all {
        width: 6.44vw;
        height: 6.44vw;
    }

    .faq-toggle-all svg {
        width: 6.44vw;
        height: 6.44vw;
    }

    .faq-list {
        max-width: 100%;
    }

    .faq-question {
        padding: 7vw 0;
    }

    .faq-question-title {
        font-size: 4.07vw;
        line-height: 4.6vw;
    }

    .faq-chevron {
        width: 6.44vw;
        height: 6.44vw;
        margin-left: 4vw;
    }

    .faq-item.active .faq-answer {
        padding: 0 0 4vw 0;
    }

    .faq-answer-text {
        font-size: 4.07vw;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
    }

    .faq-item {
        border-bottom: .14vw solid #D7DAE2;
    }

    .faq-item.active .faq-answer {
        max-height: 41vw;
    }

    /* --- MEDIA SECTION --- */
    .media-section {
        top: 1060.17vw;
        height: 81.42vw;
    }

    .media-text-block {
        width: 53vw;
        top: -7.5vw;
    }

    .media-title {
        font-size: 4.07vw;
        font-style: normal;
        font-weight: 800;
        line-height: 110%;
    }

    .media-marquee {
        top: -10vw;
        min-height: 95vw;
    }

    .media {
        width: 91.03vw;
        height: 52.32vw;

        margin: 0 4vw;
        margin-top: 6vw;
    }

    .media-img {
        position: relative;
        top: 27.4vw;
        width: 77.24vw;
        height: 42vw;
    }

    .media-navigation {
        top: 75vw;
        gap: 2.78vw;
    }

    .media-arrow {
        width: 16.42vw;
        height: 9.67vw;
    }

    .media-arrow:hover {
        filter: brightness(1.2) drop-shadow(0 0 .4vw rgba(255, 255, 255, 0.5));
    }

    .media-pag {
        top: 51vw;
        gap: 1.66vw;
    }

    .media-circle {
        width: 1.86vw;
        height: 1.86vw;
        border-radius: 1.86vw;
    }

    .media-textpart {
        top: 17vw;
    }

    .media-name {
        font-size: 4.07vw;
    }

    .media-text {
        top: 1vw;
        font-size: 4.07vw;
    }

    /* --- PARTNERS SECTION --- */
    .partners-section {
        top: 777.87vw;
        height: 282.3vw;
    }

    .partners-text-block {
        width: 75vw;
        top: 4.83vw;
    }

    .partners-title {
        position: relative;
        top: -5vw;
        padding-top: 0;
        font-size: 8.14vw;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        text-transform: uppercase;
    }

    .partners-main-title {
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-size: 13.23vw;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        text-transform: uppercase;

        opacity: 0.1;
        background: linear-gradient(180deg, #D486FF 0%, rgba(127, 80, 153, 0.00) 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: blur(.36vw);
    }

    .partners-subtitle {
        margin: 0 auto;
        width: 76%;
        padding-top: 0;
        font-size: 4.07vw;
    }

    .our-partners-marquee {
        width: 100%;
        left: unset;
        transform: none;
        top: 60vw;
    }

    .marquee-track {
        gap: 11.6vw;
        padding: 4vw 0;
    }

    .our-partner {
        width: 20.052vw;
        height: 13.292vw;
        border-radius: 2.916vw;
        gap: 1vw;
    }

    .our-partner::before {
        padding: 0.14vw;
    }

    .our-partner::after {
        padding: 0.07vw;
    }

    .our-partner-img.one {
        width: 6.86vw;
    }

    .our-partner-img.two {
        width: 6.12vw;
    }

    .our-partner-img.three {
        width: 13.48vw;
    }

    .our-partner-img.four {
        width: 6.12vw;
    }

    .our-partner-img.five {
        width: 5.48vw;
    }

    .our-partner-text {
        font-size: 2.04vw;
    }

    .solo_partners-text-block {
        width: 73vw;
        top: 90.33vw;
    }

    .solo_partners-main-title {
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-size: 13.23vw;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        text-transform: uppercase;

        opacity: 0.1;
        background: linear-gradient(180deg, #D486FF 0%, rgba(127, 80, 153, 0.00) 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: blur(.36vw);
    }

    .solo_partners-title {
        position: relative;
        top: -5vw;
        font-size: 8.14vw;
    }

    .solo-partners-marquee {
        top: 133vw;
    }

    .solo-partners-navigation {
        top: 185vw;
        gap: 2.78vw;
    }

    .solo-partners-arrow {
        width: 16.42vw;
        height: 9.67vw;
    }

    .solo-partners-arrow:hover {
        filter: brightness(1.2) drop-shadow(0 0 .4vw rgba(255, 255, 255, 0.5));
    }

    .solo-partners-marquee {
        overflow-x: hidden;
        position: relative;

        width: 100%;
        left: unset;
        transform: none;
    }

    .solo-partners-marquee-track {
        gap: 4.77vw;
    }

    .solo-partner {
        flex: 0 0 auto;
        width: 46.82vw;
        height: 41.9275vw;
    }

    .solo_partner-text-area {
        bottom: 1.75vw;
    }

    .solo_partner-name {
        font-size: 3.5vw;
    }

    .solo_partner-role {
        font-size: 1.925vw;
    }

    .count-number {
        top: 220vw;

        font-size: 32.58vw;
        font-style: normal;
        font-weight: 700;
        line-height: 3.16vw;
        letter-spacing: -1.63vw;
    }

    .count-subtitle {
        top: 247vw;
        width: max-content;

        text-shadow: 0 1.02vw 3.06vw rgba(10, 11, 23, 0.68);
        font-size: 6.11vw;
        font-style: normal;
        font-weight: 700;
        line-height: 3.16vw;
        letter-spacing: -0.31vw;
    }

    .count-agents-wrapper {
        top: 213vw;
    }

    .count-agents {
        width: 135vw;

        mask-image: linear-gradient(to bottom, black 94%, transparent 100%);
        mask-size: 100% 100%;
        mask-repeat: no-repeat;
    }

    .test {
        width: 70vw;
    }

    /* --- ABOUT US SECTION --- */
    .about-section {
        top: 626.47vw;
        height: 151.4vw;
    }

    .about-text-block {
        width: 88vw;
        top: 7.38vw;
    }

    .about-subtitle {
        font-size: 13.23vw;
    }

    .about-title {
        font-size: 8.14vw;
        top: -5vw;
    }

    .about-desc {
        top: 0;
        font-size: 4.07vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.20vw;
    }

    .about-agents-container {
        /*top: 67.94vw;*/
        top: 46.94vw;
        left: 50%;
        margin-left: -62.765vw;
        width: 125.53vw;
    }

    .about-hint {
        width: 90%;
        font-size: 4.07vw;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2vw;
    }

    .about-row {
        top: 107.38vw;

        width: 86.52vw;
        height: 33.59vw;

        border-radius: 2.54vw;
        border: 0.07vw solid #353451;
        background: rgba(13, 16, 21, 0.38);
        backdrop-filter: blur(1.87vw);
    }

    /* --- BENEFITS SECTION --- */
    .benefits-section {
        top: 193.9vw;
        height: 432.57vw;
    }

    .benefit {
        border-radius: 0.417vw;
    }

    .about-subtitle {
        filter: blur(0.063vw);
    }

    .benefits-subtitle {
        font-size: 13.23vw;
        filter: blur(0.063vw);
    }

    .benefits-title {
        top: 6vw;
        font-size: 8.14vw;
    }

    .benefits-group {
        width: 71.83vw;
        height: 364.59vw;
        top: 55vw;
    }

    .benefit.one {
        top: 0;
        left: 0;

        width: 72.02vw;
        height: 116.47vw;
        background: url(../images/benefits/card-1.avif) center / cover no-repeat;
    }

    .card-2 {
        bottom: .3vw;
        transform: translateX(-50%);
        left: 50%;

        width: 71.8vw;
        border-radius: 0.417vw;
    }

    .benefit.two {
        top: 132vw;
        left: 0;

        width: 72.08vw;
        height: 37.07vw;

        background: url(../images/benefits/card-2.avif) center / cover no-repeat;
    }

    .benefit.three {
        top: 185vw;
        left: 0;

        width: 72.01vw;
        height: 42.06vw;
        border-radius: 2.22vw;
        border: 0.11vw solid rgba(255, 255, 255, 0.24);
    }

    .benefit.four {
        top: 242vw;
        right: 0;

        width: 72.01vw;
        height: 33.85vw;
    }

    .benefit.five {
        bottom: 0;
        right: 0;

        width: 71.83vw;
        height: 73.34vw;

        background: url(../images/benefits/card-5.avif) center / cover no-repeat;
    }

    .card-5 {
        bottom: .2vw;
        transform: translateX(-50%);
        left: 50%;

        width: 71.83vw;
        border-radius: 0.417vw;
    }


    .benefit-agent {
        left: 50%;
        width: 88.87vw;

        bottom: -1.5vw;
    }

    .benefit-agent-wrap {
        bottom: 0;
        transform: translateX(-50%);
        left: 50%;
        width: 71.8vw;
        border-radius: 0.417vw;
    }

    .benefit-badge {
        top: -7vw;

        width: 13vw;
        height: 13.43vw;
    }

    .benefit-name {
        padding-bottom: 3vw;

        color: #FFF;
        text-align: center;
        font-size: 4.77vw;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        text-transform: uppercase;
    }

    .benefit-desc {
        font-size: 3.28vw;
        line-height: 3.88vw;
        letter-spacing: -0.16vw;
    }

    .benefit.one .benefit-desc {
        margin: 0 auto;
        width: 89%;
    }

    .benefit-textpart {
        top: 10vw;
    }

    .benefit-name-big {
        font-size: 5.19vw;
    }

    .benefit-name-big span.xs {
        font-size: 3.19vw;
    }

    .benefit.two .benefit-name-big {
        padding-bottom: 3vw;
    }

    .benefit-desc-little {
        font-size: 2.19vw;
        line-height: 2.59vw;
        letter-spacing: -0.11vw;
    }

    .benefit.two .benefit-desc-little {
        width: 61%;
    }

    .benefit.two .benefit-textpart {
        top: 10vw;
    }

    .benefit.three .benefit-textpart {
        top: 27vw;
    }

    .benefit.three .benefit-name {
        font-size: 3.55vw;
        padding-bottom: 1vw;
    }

    .benefit.three .benefit-desc {
        font-size: 2.44vw;
        line-height: 3.11vw;
        letter-spacing: -0.12vw;

        width: 71%;
    }

    .benefit.four .benefit-textpart {
        top: 12vw;
    }

    .benefit.four .benefit-name {
        padding-bottom: 2.5vw;
    }

    /* --- HERO SECTION --- */
    .hero-section {
        top: 32.32vw;
        height: 161.58vw;
    }

    .hero-row {
        position: relative;
        top: -57vw;

        padding: 0 14vw;
        margin-bottom: 0;

        width: 91.09vw;
        height: 15.27vw;

        border-radius: 5.34vw;
        border: 0.23vw solid #353451;
        background: rgba(13, 16, 21, 0.38);
        backdrop-filter: blur(5.89vw);

        color: #FFF;
        text-align: center;
        font-size: 4.07vw;
        font-style: normal;
        font-weight: 500;
        line-height: 6.11vw;
        letter-spacing: -0.20vw;
    }

    .hero-agents-container {
        /*top: 17.8vw;*/
        top: -3.2vw;
        right: auto;
        left: 50%;
        margin-left: -51.91vw; /* половина ширини для центрування */
        width: 103.82vw;
    }

    .hero-agents {
        mask-image: linear-gradient(to bottom, black 46%, transparent 100%);
        mask-size: 100% 100%;
        mask-repeat: no-repeat;
    }

    @keyframes heroImageFade {
        0% {
            opacity: 0;
            transform: scale(.8);
        }
        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    .hero-btn-wrap {
        left: 50%;
        transform: translateX(-50%);
        width: 70.80vw;
        height: 14.82vw;
    }

    .hero-btn {
        filter: drop-shadow(0 0 1.96vw rgba(91, 2, 232, 0.75));
    }

    .hero-btn-text {
        color: #FFF;
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-size: 4.58vw;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        letter-spacing: 0.09vw;
        text-transform: uppercase;
    }

    .hero-btn:hover {
        filter: drop-shadow(0 0 2.24vw rgba(91, 2, 232, 0.75));
    }

    .hero-btn-wrap .hero-btn {
        filter: drop-shadow(0 0 4.284vw rgba(91, 2, 232, 1));
    }

    @keyframes heroBtnGlow {
        0% {
            transform: scale(1);
            filter: drop-shadow(0 0 0 rgba(91, 2, 232, 0.5));
        }
        100% {
            transform: scale(1.05);
            filter: drop-shadow(0 0 3.36vw rgba(91, 2, 232, 1));
        }
    }

    .hero-main-title {
        color: #FFF;
        text-align: center;
        font-size: 10.42vw;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        text-transform: uppercase;
    }

    .hero-sub-title {
        margin: 4.58vw 0 7.12vw;
        color: #FFF;
        text-align: center;
        font-size: 4.07vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.20vw;

    }

    .hero-text-block {
        width: 89vw;
        top: 57vw;
        left: 50%;
        transform: translateX(-50%);
    }

    @keyframes heroTextBlockSlideFade {
        0% {
            opacity: 0;
            transform: translate(-50%, -70%) scale(0.4);
        }
        100% {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
    }

    .bg {
        content: url(../images/bg-mobile.avif);
    }

    .header-logo-img {
        content: url(../images/logo-mb.png);
    }

    /* Mobile Menu Overlay */
    header.header {
        top: 5.85vw;
        width: 91.09vw;
        height: 21.88vw;
        padding: 0.76vw 3.31vw;
        border-radius: 5.34vw;
        z-index: 101;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    header.header.header-hidden {
        transform: translateX(-50%) translateY(-100%);
        opacity: 0;
    }

    header.header.header-visible {
        z-index: 9999;
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }

    .header-nav {
        display: none;
    }

    .header-btn-wrap {
        display: none;
    }

    .header-logo {
        width: 55.22vw;
        height: 20.36vw;
        position: relative;
        z-index: 102;
    }

    .mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(8, 13, 26, 0.95);
        backdrop-filter: blur(2.6vw);
        -webkit-backdrop-filter: blur(2.6vw);
        z-index: 99;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 30vw 5vw 10vw;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1),
        visibility 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        overflow-y: auto;
        border-radius: 5.34vw;
    }

    .mobile-menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .mobile-nav {
        width: 100%;
        margin-bottom: 8vw;
        animation: mobileMenuSlideIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
        opacity: 0;
        transform: translateY(-2.6vw);
        display: flex;
        justify-content: center;
    }

    .mobile-menu-overlay.active .mobile-nav {
        animation-delay: 0.1s;
    }

    .mobile-header-list {
        display: flex;
        flex-direction: column;
        gap: 6vw;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-header-link {
        color: #FFF;
        font-family: "Montserrat", sans-serif;
        font-size: 5.5vw;
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        transition: all 0.3s ease;
        letter-spacing: 0.1vw;
    }

    .mobile-header-link::after {
        content: '';
        position: absolute;
        bottom: -1vw;
        left: 50%;
        transform: translateX(-50%) scaleX(0);
        width: 80%;
        height: 0.5vw;
        background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
        border-radius: 0.25vw;
        transition: transform 0.3s ease;
    }

    .mobile-header-link:hover {
        color: #EE40B4;
        transform: scale(1.05);
    }

    .mobile-header-link:hover::after {
        transform: translateX(-50%) scaleX(1);
    }

    .mobile-header-btn-wrap {
        cursor: pointer;
        position: relative;
        background: transparent;
        border: unset;
        width: 70vw;
        height: 14vw;
        margin: 4vw auto 0;
        animation: mobileMenuSlideInBottom 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
        opacity: 0;
        transform: translateY(2.6vw);
        display: block;
    }

    .mobile-menu-overlay.active .mobile-header-btn-wrap {
        animation-delay: 0.2s;
    }

    @keyframes mobileMenuSlideInBottom {
        0% {
            opacity: 0;
            transform: translateY(2.6vw);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .mobile-header-btn {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        transition: transform 0.3s ease, filter 0.3s ease;
        filter: drop-shadow(0 0 1.96vw rgba(91, 2, 232, 0.75));
    }

    .mobile-header-btn-text {
        width: max-content;
        pointer-events: none;
        position: absolute;
        left: 50%;
        top: 47%;
        transform: translate(-50%, -50%);
        color: #FFF;
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-size: 4.2vw;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        letter-spacing: 0.08vw;
        text-transform: uppercase;
    }

    .mobile-header-btn-wrap:hover .mobile-header-btn {
        transform: scale(1.05);
        filter: drop-shadow(0 0 2.24vw rgba(91, 2, 232, 0.9));
    }

    @keyframes mobileMenuSlideIn {
        0% {
            opacity: 0;
            transform: translateY(-2.6vw);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    body.no-scroll {
        overflow: hidden;
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
    }

    .burger {
        cursor: pointer;
        position: relative;
        z-index: 100;

        width: 19.33vw;
        height: 70%;
        /*background: rgba(0, 255, 4, 0.21);*/

        overflow: hidden;
    }

    .burger-menu {
        position: absolute;

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scaleX(-1);

        width: 10.18vw;
        height: max-content;

        /*background: rgba(255, 0, 0, 0.21);*/

        transition: all 0.3s ease-out;
    }

    .burger-menu .bar {
        transition: all 0.3s ease-out;
        height: 1.53vw;
        width: 100%;
        display: block;
        background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%), #FFF;;
        border-radius: 1vw;
    }

    .burger-menu .bar:nth-of-type(2) {
        margin: 2vw 0;
    }

    .burger-menu--closed {
        transition-delay: 0.3s;
    }

    .burger-menu--closed .bar:nth-of-type(2) {
        /*width: 6.04vw;*/
        transition-property: margin, height, width;
        transition-delay: 0.3s, 0.3s, 0s;
    }

    .burger-menu--closed:hover .bar:nth-of-type(2) {
        width: 100%;
    }

    .burger-menu--closed:hover .bar:nth-of-type(3) {
        width: 100%;
    }

    .burger-menu--opened {
        padding-top: 0;
    }

    .burger-menu--opened .bar:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition-delay: 0.3s;
        height: 1.53vw;
    }

    .burger-menu--opened .bar:nth-of-type(2) {
        opacity: 0;
        height: 0;
        margin: -1.53vw 0;
    }

    .burger-menu--opened .bar:nth-of-type(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition-delay: 0.3s;
        height: 1.53vw;
    }

    .dk {
        display: none;
    }

    .mb {
        display: block;
    }

}

/* ------ */

/* COOKIES */

.cookies-policy-banner {
    background: #000000b3 center -3.564vw;
    bottom: 0;
    height: auto;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 200;
    color: #fff;
    font-weight: 400;
}

.cookies-policy-banner__inner-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 53.594vw;
    padding: 0 0.702vw 0.468vw;
}

.cookies-policy-banner__text-block {
    display: flex;
    max-width: 44.374vw;
    width: 100%;
}

.cookies-policy-banner__text-block .icon-wrap {
    max-height: 4.688vw;
}

.cookies-policy-banner__text-block .text {
    align-content: baseline;
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.404vw;
    max-width: 52.985vw;
}

.cookies-policy-banner__text-block .text .title {
    font-size: 1.035vw;
    font-weight: 700;
    margin-top: 0.702vw;
}

.cookies-policy-banner__text-block .text p {
    color: #ccabd8;
    text-align: left;
    line-height: 1.17vw;
    font-size: 0.702vw;
    margin: 0.234vw 0;
    font-weight: 400;
}

.cookies-policy-banner__text-block .text p a {
    color: #a560ff;
    display: inline;
    margin-left: 0.09vw;
}

.cookies-policy-banner__button-block {
    align-items: center;
    display: flex;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
}

.cookies-policy-banner__button-block .accept-cookie-button {
    align-items: center;
    background-color: #5c49d0;
    -webkit-clip-path: polygon(0.567vw 0, calc(100% - 0.567vw) 0, 100% 50%, calc(100% - 0.567vw) 100%, 0.567vw 100%, 0 50%);
    clip-path: polygon(0.567vw 0, calc(100% - 0.567vw) 0, 100% 50%, calc(100% - 0.567vw) 100%, 0.567vw 100%, 0 50%);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.747vw;
    font-weight: 700;
    height: 2.628vw;
    justify-content: center;
    min-width: 7.03vw;
    padding: 0 0.702vw;
    text-transform: uppercase;
    transition: all 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: unset;
    border: none;
    position: relative;
}

.button__content {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.img-cookies {
    width: 5.184vw;
    height: 6.093vw;
}

.cookies-policy-banner__button-block .accept-cookie-button .check-icon {
    background-color: #fff;
    display: inline-block;
    height: 0.612vw;
    margin-left: 0.468vw;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 0.846vw;
}

@media (max-width: 767px) {

    .cookies-policy-banner {
        height: auto;
    }

    .cookies-policy-banner__inner-wrapper {
        flex-direction: column;
        padding: 10px 20px;
        max-width: 400px;
    }

    .cookies-policy-banner__text-block .icon-wrap {
        display: none;
    }

    .cookies-policy-banner__text-block {
        max-width: 300px;
        justify-content: center;
    }

    .cookies-policy-banner__text-block .text .title {
        margin-top: 5px;
        font-size: 18px;
        text-align: center;
        width: 100%;
    }

    .cookies-policy-banner__text-block .text {
        max-width: 280px;
        margin-left: 0;
    }

    .cookies-policy-banner__text-block .text p {
        text-align: center;
        font-size: 13px;
        line-height: 19px;
        margin: 5px 0 2px;
    }

    .cookies-policy-banner__text-block .text p a {
        margin-left: 1px;
    }

    .cookies-policy-banner__button-block .accept-cookie-button {
        -webkit-clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
        clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
        font-size: 12px;
        height: 34px;
        min-width: 150px;
        width: unset;
        padding: 0 8px;
    }

    .cookies-policy-banner__button-block .accept-cookie-button {
        margin: 10px 0;
    }

    .cookies-policy-banner__button-block .accept-cookie-button .check-icon {
        height: 8px;
        margin-left: 5px;
        width: 12px;
    }

}

/* COOKIES */

.partner-modal * {
    font-family: "Montserrat", sans-serif;
}

.partner-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    /* transition: opacity 0.35s ease; */
}

.partner-modal.is-open {
    pointer-events: auto;
    opacity: 1;
}

@keyframes partner-form-scale-in {
    from {
        transform: translateX(-50%) scale(0.2);
    }
    to {
        transform: translateX(-50%) scale(1);
    }
}

@keyframes partner-form-scale-out {
    from {
        transform: translateX(-50%) scale(1);
    }
    to {
        transform: translateX(-50%) scale(0.2);
    }
}

.partner-modal.is-open .form-wrap.active,
.partner-modal.is-open .thanks-wrap.active {
    pointer-events: auto;
    visibility: visible;
    animation: partner-form-scale-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.partner-modal-overlay {
    position: absolute;
    inset: 0;
}

.form-wrap, .thanks-wrap {
    pointer-events: none;
    visibility: hidden;
    transform: translateX(-50%) scale(0.85);
}

.thanks-wrap {
    width: 846px;
    height: 450px;
}

.form-wrap {
    width: 846px;
    height: 723px;
}

.form-wrap-scroll::-webkit-scrollbar {
    width: 2.4px;
}
.form-wrap-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.form-wrap-scroll::-webkit-scrollbar-thumb {
    border-radius: 16px;
    background: linear-gradient(
            180deg,
            #EE40B4 0%,
            #FF2282 33.1731%,
            #F51C58 68.75%,
            #D00C1A 100%
    );
}

.thanks-wrap-scroll::-webkit-scrollbar {
    width: 2.4px;
}
.thanks-wrap-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.thanks-wrap-scroll::-webkit-scrollbar-thumb {
    border-radius: 16px;
    background: linear-gradient(
            180deg,
            #EE40B4 0%,
            #FF2282 33.1731%,
            #F51C58 68.75%,
            #D00C1A 100%
    );
}

.form-wrap-scroll {
    padding: 40px 146px 0;

    width: 846px;
    height: 723px;

    max-height: calc(100vh - 184px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    border-radius: 12px;
    margin: 0 auto;

    flex-shrink: 0;
    backdrop-filter: blur(12.5px);

    background: rgba(16, 15, 31, 0.80);
    background-image: url(../images/form-blur.png);

    background-repeat: no-repeat;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.thanks-wrap-scroll {
    padding: 40px 146px 0;

    width: 846px;
    height: 450px;

    max-height: calc(100vh - 184px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    border-radius: 12px;
    margin: 0 auto;

    flex-shrink: 0;
    backdrop-filter: blur(12.5px);

    background: rgba(16, 15, 31, 0.80);
    background-image: url(../images/form-blur.png);

    background-repeat: no-repeat;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.form-wrap, .thanks-wrap {
    position: absolute;
    top: 132px;
    left: 50%;
    z-index: 1;
}

.social-line {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.form-title {
    margin: 0 auto;
    padding: 26px 0 24px;
    max-width: 492px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 43px;
}

.form-title span.grad {
    background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-title.thanks {
    padding-top: 0;
    max-width: unset;
}

.form-desc {
    margin: 0 auto;
    max-width: 360px;
    width: 100%;
    color: #D2CDFA;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    line-height: 19px;
}

.form-desc.thanks {
    padding-bottom: 32px;
}

.stepper {
    padding: 0 53.76px;

    position: absolute;
    top: -24.5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;

    width: 100%;
    height: 48.8px;
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    align-items: center;
    justify-content: space-between;
}

.dot-group {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dot {
    position: relative;
    border-radius: 50%;
    width: 19.2px;
    height: 19.2px;
    background: transparent;
    border: 3px solid #716D9E;
    background: #12101D;
}

.dot:is(.one, .three.active) {
    border: none;

    position: relative;
    width: 19.2px;
    height: 19.2px;
    border-radius: 50%;

    background: linear-gradient(
            90deg,
            #EE40B4 0%,
            #FF2282 33.1731%,
            #F51C58 68.75%,
            #D00C1A 100%
    );

    -webkit-mask: radial-gradient(
            circle,
            transparent 0px,
            transparent 4px,
            black 4px,
            black 12px,
            transparent 12px
    );

    mask: radial-gradient(
            circle,
            transparent 0px,
            transparent 4px,
            black 4px,
            black 12px,
            transparent 12px
    );
}

.dot:is(.two.active) {
    border: none;

    position: relative;
    width: 19.2px;
    height: 19.2px;
    border-radius: 50%;

    background: linear-gradient(
            90deg,
            #EE40B4 0%,
            #FF2282 33.1731%,
            #F51C58 68.75%,
            #D00C1A 100%
    );

    -webkit-mask: radial-gradient(
            circle,
            transparent 0px,
            transparent 10px,
            black 8px,
            black 12px,
            transparent 12px
    );

    mask: radial-gradient(
            circle,
            transparent 0px,
            transparent 10px,
            black 8px,
            black 12px,
            transparent 12px
    );
}

.line {
    background: #716D9E;
    width: 100%;
    height: 1.6px;
}

.line.active {
    background: linear-gradient(90deg, #D00C1A 0%, #F51C58 31.25%, #FF2282 66.83%, #EE40B4 100%);
}

.step {
    margin: 0;
    width: 48px;
    color: #716D9E;
    text-align: center;
    font-kerning: none;
    font-size: 14px;
    line-height: 100%;
    position: absolute;
    top: -31px;

    font-style: normal;
    font-weight: 700;
}

.step.active {
    background: linear-gradient(90deg, #EE40B4 0%, #FF2282 33.17%, #F51C58 68.75%, #D00C1A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.step.previous {
    color: #ffffff;
}

.step.one {
    left: -4px;
}

.step.two {
    left: -16px;
}

.step.three {
    left: -28px;
}

label {
    color: #716D9E;
    text-align: left;
    font-kerning: none;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
}

input, textarea, .select-selected {
    height: 48px;
    width: 100%;
    padding: 15px 6px;
    border: 1px solid transparent;
    border-left: none;
    border-right: none;
    background: #0D0B1F;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}

textarea {
    height: 96px;
}

input::placeholder, textarea::placeholder {
    color: #4F4B78;
}

input:focus,
textarea:focus,
.select-selected.select-arrow-active {

    /*border-left: none;*/
    /*border-right: none;*/
    /*border-top: 1px solid;*/
    /*border-bottom: 1px solid;*/

    border-image: linear-gradient(
            90deg,
            #EE40B4 0%,
            #FF2282 33.1731%,
            #F51C58 68.75%,
            #D00C1A 100%
    ) 1;
}

.input-container {
    position: relative;
}

.input-wrapper {
    display: grid;
    gap: 12px;
}

.trapezoid {
    position: absolute;
    top: 0;
    width: 8px;
    height: 48px;
    background: #0D0B1F;
}

.trapezoid.left {
    left: -8px;
    clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 84%);
}

.trapezoid.right {
    right: -8px;
    clip-path: polygon(0 0, 100% 16%, 100% 84%, 0 100%);
}

input:focus ~ .trapezoid.left, textarea:focus ~ .trapezoid.left {
    background-color: #EE40B4;
}

input:focus ~ .trapezoid.right, textarea:focus ~ .trapezoid.right {
    background-color: #D00C1A;
}

.select-selected.select-arrow-active ~ .trapezoid.left {
    background-color: #EE40B4;
}

.select-selected.select-arrow-active ~ .trapezoid.right {
    background-color: #D00C1A;
}

.trapezoid.left::before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 1px;
    width: 8px;
    height: 48px;
    background-color: #0D0B1F;
    clip-path: inherit;
}

.trapezoid.right::before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    right: 1px;
    width: 8px;
    height: 48px;
    background-color: #0D0B1F;
    clip-path: inherit;
}

.input-wrapper.textarea .trapezoid {
    height: 96px;
}

.input-wrapper.textarea .trapezoid.left::before {
    height: 96px;
}

.input-wrapper.textarea .trapezoid.right::before {
    height: 96px;
}

/* CUSTOM SELECT */
.custom-select {
    position: relative;
}

.custom-select select {
    display: none;
}

.select-selected {
    cursor: pointer;
    text-transform: uppercase;
    overflow: auto;
}

.select-selected:after {
    content: url(../images/arrow.svg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 8px;
    width: 12px;
    filter: brightness(0) invert(1);
}

.select-selected.select-arrow-active:after {
    transform: translateY(-50%) rotate(0deg);
    filter: none;
}

.select-items {
    width: calc(100% + 20px);
    position: absolute;
    top: calc(100% + 12px);
    left: -10px;
    z-index: 99;
    border-radius: 4px;
    background-color: #0D0B1F;
    box-shadow: 0 4px 40px 0 #141225;
}

.select-hide {
    display: none;
}

.select-items div {
    cursor: pointer;
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #9792C7;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    border-bottom: 1px solid #292543;
}

.select-items div:last-of-type {
    border-bottom: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.tick {
    transition: .2s all ease-in-out;
}

.select-items div:hover .tick {
    transition: .2s all ease-in-out;
    filter: brightness(0) invert(1);
}

.error-message {
    padding-top: 8px;
    font-size: 11px;
    color: #673AB7;
}

.wrap-select {
    position: relative;
}

.input-wrapper.textarea, .span-two {
    grid-column-start: 1;
    grid-column-end: 3;
}

.input-wrapper.textarea input {
    min-height: 96px;
}

.form:not(.active), .partner-content:not(.active) {
    display: none;
}

.form {
    margin: 50px 0 32px;
    display: grid;
    align-items: start;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 40px;
}

.image-line {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.dynamic-text.wide {
    max-width: 384px;
}

.thanks-emoji {
    max-width: 144px;
    width: 100%;
    height: 100%;
}

button {
    border: none;
}

button.done, button.back, button.home {
    transition: .2s all ease-in-out;
    cursor: pointer;
    background: #5C49D0;
    display: flex;
    padding: 14px 32px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;


    width: 256px;
    height: 54px;

    background: url(../images/btn.avif) center / cover no-repeat;
}

button.done.inactive {
    cursor: default;
    opacity: 0.4;
    filter: grayscale(1);
}

button.back {
    background: #282546;
    display: none;

    background: url(../images/btn.avif) center / cover no-repeat;
    filter: saturate(0.5) grayscale(0.5);
}

button.home {
    background: #1C1A31;
}

button.done img, button.back img, button.home img {
    width: 16px;
    height: 16px;
}

.button-wrapper {
    position: relative;
    width: fit-content;
}

button.home span {
    color: #9792C7;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.button-row {
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    justify-items: end;
    justify-content: center;
}

.button-row.grid {
    justify-content: space-between;
}

.wrap-center {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.form-wrap.partner-content.popup.active .form-wrap-scroll {
    display: none;
}

.main.popup {
    min-height: 100vh;
}

.form-wrap.popup {
    overflow: hidden;

    width: calc(100% - 24px);
    height: min(708px, 78vh);

    width: 846px;
    height: 723px;
    max-height: calc(100vh - 184px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;



    display: grid;
    align-items: center;

    backdrop-filter: blur(12.5px);
    background: rgba(16, 15, 31, 0.80);

    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.09);
}

.popup-content.hidden {
    display: none;
}

.popup-top {
    text-align: center;
}

.popup-title {
    margin-bottom: 32px;
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 43px;
}

.popup-desc {
    width: 100%;
    max-width: 452px;
    margin: 0 auto;

    color: #D2CDFA;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.popup-desc span.bold {
    font-weight: 600;
}

.popup-tip {
    color: #D2CDFA;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 19px;
}

.popup-btn {
    margin: 60px 0 19px;

    cursor: pointer;
    gap: 6px;

    border-radius: 9px;

    width: 256px;
    height: 54px;
    background: url(../images/btn.avif) center / cover no-repeat;

    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    transition: .3s all ease-in-out;
}

.popup-agent {
    pointer-events: none;

    width: 280px;

    position: absolute;
    left: -24px;
    bottom: 0;

    border-bottom-left-radius: 24px;
}

.popup-time {
    display: grid;
    align-items: end;

    padding-bottom: 64px;

    position: absolute;
    left: -24px;
    bottom: 0;

    height: min(536px, 62vh);
    width: min(360px, 42vh);

    text-align: right;

    color: #D2CDFA;
    font-family: 'Montserrat', sans-serif;
    font-size: 2vh;
    font-style: normal;
    font-weight: 400;
    line-height: 2vh;
}

.popup-blur {
    pointer-events: none;
    position: absolute;
    filter: blur(40px);
}

.popup-blur.left-pink {
    top: 0;
    left: 0;
}

.popup-blur.right-pink {
    top: 0;
    right: 0;

    opacity: 0.56;
}

.popup-blur.bottom-purple {
    bottom: 0;

    border-radius: 798px;
    opacity: 0.6;
}

input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible {
    outline: none;
    box-shadow: none;
}
textarea {
    resize: none;
}

@media (max-width: 767px) {

    .stepper {
        position: absolute;
        top: -6.21vw;
        width: 200%;
        height: 12.42vw;
        left: 135%;
        transition: left 0.35s ease;
    }

    .stepper:has(.dot.two.active) {
        left: 50%;
    }

    .stepper:has(.dot.three.active) {
        left: -35%;
    }

    .form-title.thanks {
        max-width: 56vw;
    }

    .form-wrap.popup {
        padding: 0;

        width: 100vw;
        height: auto;

        max-height: none;
        overflow: visible;
        -webkit-overflow-scrolling: auto;

        backdrop-filter: blur(12.5px);

        border-radius: 0;
        border: none;
    }

    .popup-agent {
        width: 40.71vw;
        left: -3.06vw;
    }

    .form-wrap-scroll {
        padding: 0;

        width: 100vw;
        height: unset;

        max-height: calc(100vh - 28.48vw);

        overflow-y: auto;
        -webkit-overflow-scrolling: touch;

        border-radius: 0;


        backdrop-filter: blur(12.5px);

        background: rgba(16, 15, 31, 0.80);
        background-image: url(../images/form-blur.png);

        background-repeat: no-repeat;
        background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
    }

    .thanks-wrap-scroll {
        padding: 0;

        width: 100vw;
        height: unset;

        max-height: calc(100vh - 28.48vw);

        overflow-y: auto;
        -webkit-overflow-scrolling: touch;

        border-radius: 0;

        backdrop-filter: blur(12.5px);

        background: rgba(16, 15, 31, 0.80);
        background-image: url(../images/form-blur.png);

        background-repeat: no-repeat;
        background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
    }

    .dot:is(.two.active) {
        border: none;
        position: relative;
        width: 4.89vw;
        height: 4.89vw;
        border-radius: 50%;

        background:
                radial-gradient(circle, #000 0 2.04vw, transparent 2.04vw),
                linear-gradient(
                        90deg,
                        #EE40B4 0%,
                        #FF2282 33.1731%,
                        #F51C58 68.75%,
                        #D00C1A 100%
                );

        -webkit-mask: none;
        mask: none;
    }

    .form-wrap, .thanks-wrap {
        position: absolute;
        top: 33.58vw;

        width: unset;
        height: unset;
        padding: 0;
    }

    .step {
        top: -5.09vw;
    }

    .form {
        grid-template-columns: auto;
        gap: 4.07vw 6.1vw;

        /* margin: 10.18vw auto 4vw; */
        margin: 6.18vw auto 1vw;
        width: 64vw;
    }

    .button-row {
        grid-template-columns: auto;
        justify-content: center;
        gap: 4.07vw;
        margin-bottom: 20.36vw;
    }

    .button-row.grid {
        justify-content: center;
    }

    .input-wrapper.textarea, .span-two {
        grid-column-start: unset;
        grid-column-end: unset;
    }

    .form-title {
        margin: 0 auto;
        padding: 4.91vw 0 2.1vw;
        max-width: 69.6vw;
        color: #FFF;
        text-align: center;
        font-size: 5.53vw;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .form-desc {
        max-width: 52vw;
        font-size: 2.78vw;
        line-height: 120%;
    }

    .partner-modal-overlay {
        background: #000000e8;
    }

    .popup-title {
        margin-top: 5.6vw;
        margin-bottom: 4vw;
        font-size: 9.77vw;
        line-height: 10.99vw;
    }

    .popup-desc {
        max-width: 63.83vw;
        font-size: 3.68vw;
        line-height: 4.5vw;
    }

    .popup-tip {
        font-size: 3.86vw;
        line-height: 4.89vw;
        margin-bottom: 8vw;
    }

    .popup-btn {
        margin: 8.06vw 0 4.89vw;
        width: 65.2vw;
        height: 13.64vw;
        font-size: 4.48vw;
        letter-spacing: 0.088vw;
    }

    .popup-agent {
        width: 40vw;
        left: -6.1vw;
        border-bottom-left-radius: 6.1vw;
        z-index: -1;
    }

    .popup-time {
        padding-bottom: 16.29vw;
        left: 20.3vw;
        bottom: -14vw;
        height: unset;
        width: unset;
    }

    button.done,
    button.back,
    button.home {
        padding: 3.66vw 8.14vw;
        font-size: 3.66vw;
        width: 65.2vw;
        height: 13.64vw;
    }

    .wrap-center {
        margin-bottom: 8.14vw;
    }

    .thanks-emoji {
        max-width: 36.64vw;
    }

    input,
    textarea,
    .select-selected {
        height: 12.22vw;
        padding: 3.86vw 1.63vw;
        font-size: 3.26vw;
        border-top: 0.2vw solid transparent;
        border-bottom: 0.2vw solid transparent;
        border-left: none;
        border-right: none;
    }

    input:focus,
    textarea:focus,
    .select-selected.select-arrow-active {
        padding: 3.86vw 1.63vw;
    }

    .form-wrap,
    .thanks-wrap {
        /* top: 33.58vw; */
        top: 40vw;
    }

    .social-line {
        gap: 5.09vw;
    }

    .form-desc.thanks {
        padding-bottom: 8.14vw;
    }

    .dot {
        width: 4.89vw;
        height: 4.89vw;
        border-width: 0.61vw;
    }

    .dot:is(.one, .three.active) {
        width: 4.89vw;
        height: 4.89vw;
        -webkit-mask: radial-gradient(
                circle,
                transparent 0,
                transparent 0.82vw,
                black 0.82vw,
                black 2.44vw,
                transparent 2.44vw
        );
        mask: radial-gradient(
                circle,
                transparent 0,
                transparent 0.82vw,
                black 0.82vw,
                black 2.44vw,
                transparent 2.44vw
        );
    }

    .step {
        width: 12.21vw;
        font-size: 3.66vw;
    }

    .step.one {
        left: -1.02vw;
    }

    .step.two {
        left: -4.07vw;
    }

    .step.three {
        left: -7.13vw;
    }

    label {
        font-size: 2.85vw;
    }

    textarea {
        height: 24.42vw;
    }

    .input-wrapper {
        gap: 2.44vw;
    }

    .trapezoid {
        width: 2.04vw;
        height: 12.22vw;
    }

    .trapezoid.left {
        left: -2.04vw;
    }

    .trapezoid.right {
        right: -2.04vw;
    }

    .trapezoid.left::before {
        width: 2.04vw;
        height: 12.22vw;
        left: 0.2vw;
    }

    .trapezoid.right::before {
        width: 2.04vw;
        height: 12.22vw;
        right: 0.2vw;
    }

    .input-wrapper.textarea .trapezoid {
        height: 24.42vw;
    }

    .input-wrapper.textarea .trapezoid.left::before,
    .input-wrapper.textarea .trapezoid.right::before {
        height: 24.42vw;
    }

    .select-selected:after {
        right: 1.63vw;
        width: 2.44vw;
    }

    .select-items {
        width: calc(100% + 4.07vw);
        top: calc(100% + 2.44vw);
        left: -2.04vw;
        border-radius: 0.82vw;
    }

    .select-items div {
        padding: 3.06vw 4.07vw;
        font-size: 3.26vw;
        line-height: 4.07vw;
        letter-spacing: 0.064vw;
    }

    .error-message {
        padding-top: 2.04vw;
        font-size: 2.66vw;
    }

    .dynamic-text.wide {
        max-width: 97.92vw;
    }

    .line {
        height: 0.41vw;
    }

}