:root {
    --accent-color: #00FAAA;
    --second-color: #F3FFFE;
    --third-color: #f70044;
    --bg-color: #252C33;
    --sizeindex: calc(1vw + 1vh);
    --transition: all 2s cubic-bezier(0.2, 0.6, 0, 1);
}

div,
span,
li,
ul,
a,
h3,
h5,
body {
    margin: 0;
    padding: 0;
    color: #fff;
}

body,
html {
    overflow-x: hidden;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

image {
    vertical-align: bottom;
}

.bottomBarTrans {
    -webkit-animation-name: scaleDraw;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
}

@keyframes scaleDraw {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes round {
    0% {
        transform: rotate(0deg);
        animation-timing-function: linear;
    }
    100% {
        transform: rotate(360deg);
    }
}

.background {
    will-change: auto;
    transform: translateZ(0);
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.8;
}

.problem__title-wrapper.dynamic-accent-active .problem__title-left,
.problem__title-wrapper.dynamic-accent-active .problem__title-right {
    transform: translateZ(0) translate3d(0, 0, 0) !important;
}

.problem__title-left {
    transform: translateZ(0) translate3d(-100%, 0, 0) !important;
}

.problem__title-right {
    transform: translateZ(0) translate3d(100%, 0, 0) !important;
}

.problem__first .problem__text-wrapper {
    will-change: trasform, opacity;
    transform: translateZ(0) translate3d(-100%, 0, 0) !important;
    opacity: 0;
}

.problem__first.dynamic-accent-active .problem__text span::after,
.problem__second.dynamic-accent-active .problem__text span::after,
.problem__third.dynamic-accent-active .problem__text span::after {
    transform: translateZ(0) translate3d(0, 0, 0) !important;
    opacity: 0;
}

.problem__first.dynamic-accent-active .problem__text-wrapper {
    transform: translateZ(0) translate3d(0, 0, 0) !important;
    transition: var(--transition);
    transition-delay: 0.5s;
    opacity: 1;
}

.problem__first.dynamic-accent-active .problem__img-wrapper {
    transform: translateZ(0) translate3d(0, 0, 0);
    opacity: 1;
}

.problem__first .problem__img-wrapper {
    will-change: trasform, opacity;
    transform: translateZ(0) translate3d(100%, 0, 0);
    opacity: 0;
    transition: var(--transition);
    transition-delay: 0.5s;
}

.problem__second.dynamic-accent-active .problem__img-wrapper {
    transform: translateZ(0) translate3d(0, 0, 0);
    opacity: 1;
}

.problem__second .problem__img-wrapper {
    will-change: trasform, opacity;
    transform: translateZ(0) translate3d(-100%, 0, 0);
    opacity: 0;
    transition: var(--transition);
    transition-delay: 0.5s;
}

.problem__second.dynamic-accent-active .problem__text-wrapper {
    transform: translateZ(0) translate3d(0, 0, 0);
    opacity: 1;
}

.problem__second .problem__text-wrapper {
    will-change: trasform, opacity;
    transform: translateZ(0) translate3d(100%, 0, 0);
    opacity: 0;
    transition: var(--transition);
    transition-delay: 0.5s;
}

.problem__third.dynamic-accent-active .problem__text-wrapper {
    transform: translateZ(0) translate3d(0, 0, 0);
    opacity: 1;
}

.problem__third .problem__text-wrapper {
    will-change: trasform, opacity;
    transform: translateZ(0) translate3d(-100%, 0, 0);
    opacity: 0;
    transition: var(--transition);
    transition-delay: 0.5s;
}

.problem__third.dynamic-accent-active .problem__img-wrapper {
    transform: translateZ(0) translate3d(0, 0, 0);
    opacity: 1;
}

.problem__third .problem__img-wrapper {
    will-change: trasform, opacity;
    transform: translateZ(0) translate3d(100%, 0, 0);
    opacity: 0;
    transition: var(--transition);
    transition-delay: 0.5s;
}

@media screen and (max-width: 750px) {
    body {
        font-size: 2.1333333333vw;
        margin: 0 auto;
    }
    .main {
        width: 100vw;
        background-size: cover;
        max-width: 100vw;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: rgb(37, 44, 51);
    }
    .main header {
        display: flex;
        position: relative;
        z-index: 2;
        width: 100%;
        background-color: rgb(37, 44, 51);
        padding-left: 2.6666666667vw;
    }
    .main header svg {
        fill: #fff;
        margin-right: 5rem;
    }
    .main header .header__logo {
        position: relative;
        margin-right: auto;
    }
    .main header .header__logo:after {
        position: absolute;
        content: "";
        top: 0.6666666667vw;
        right: 2.5rem;
        width: 0.2666666667vw;
        height: 80%;
        background: var(--accent-color);
        border-radius: 0.5333333333vw;
    }
    .main .box1 {
        color: #00FAAA;
        font-size: 4.8vw;
        text-shadow: 0 0 0.6666666667vw #00FAAA;
    }
    .main .boxs {
        position: relative;
        box-sizing: border-box;
        width: 100vw;
        z-index: 2;
        padding: 2.6666666667vw 4vw;
        text-align: center;
        background-color: rgb(37, 44, 51);
    }
    .main .boxs::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 10%;
        height: 40%;
        z-index: 0;
        background-color: var(--accent-color);
        box-shadow: 0 0 13.3333333333vw var(--accent-color);
        filter: blur(16vw);
    }
    .main .boxs::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
        height: 50%;
        z-index: 0;
        background-color: var(--third-color);
        box-shadow: 0 0 13.3333333333vw var(--third-color);
        filter: blur(16vw);
        opacity: 0.9;
    }
    .main .box2 {
        color: white;
    }
    .main .box2 .title {
        font-size: 4.5333333333vw;
        font-weight: 700;
    }
    .main .box2 .msg div {
        font-size: 2.4vw;
        margin: 1.3333333333vw 0;
    }
    .main .cta-container {
        color: var(--accent-color);
        text-shadow: 0 0 1.3333333333vw var(--accent-color);
        font-size: 4.2666666667vw;
        display: flex;
        width: -moz-fit-content;
        width: fit-content;
        margin: 5.3333333333vw auto;
        flex-direction: column;
        text-transform: uppercase;
        text-align: center;
        width: fit-content;
        margin: 5.3333333333vw auto;
    }
    .main .stack {
        display: grid;
        grid-template-columns: 1fr;
    }
    .main .stack span {
        color: var(--accent-color);
        font-weight: 400;
        grid-row-start: 1;
        grid-column-start: 1;
        font-size: 4.2666666667vw;
        --stack-height: calc(100% / var(--stacks) - 1px);
        --inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
        --clip-top: calc(var(--stack-height) * var(--index));
        --clip-bottom: calc(var(--stack-height) * var(--inverse-index));
        -webkit-clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
        clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
        animation: stack 3s cubic-bezier(0.46, 0.29, 0, 1.24) infinite backwards calc(var(--index) * 120ms), glitch 2s ease infinite 2s alternate-reverse;
    }
    .main h1 {
        text-align: center;
        font-size: 2.6666666667vw;
    }
    .main h1 .c1 {
        color: #f70044;
        font-size: 2.6666666667vw;
        text-shadow: 0 0 0.6666666667vw #f70044;
    }
    .main h1 .c2 {
        color: #00FAAA;
        font-size: 2.6666666667vw;
        text-shadow: 0 0 0.6666666667vw #00FAAA;
    }
    .main .buttonA {
        color: #fff;
        font-size: 2.6666666667vw;
        padding: 2.6666666667vw 24vw;
        border-radius: 1.3333333333vw;
        background-color: #f70044;
        box-shadow: 0 0 2.6666666667vw #f70044;
    }
    .main .fg {
        height: 16vw;
        width: 100vw;
    }
    .main .promo__right {
        width: 100vw;
        height: 42.6666666667vw;
        transform: translateZ(0) translate3d(0, 0, 0);
        opacity: 1;
        will-change: transform, opacity;
        transition: all 2s cubic-bezier(0.2, 0.6, 0, 1);
        width: 40vw;
        border-radius: 6.6666666667vw;
        margin: auto;
        position: relative;
    }
    .main .promo__right .round-logo {
        color: #fff !important;
        min-width: 33.3333333333vw;
        height: 33.3333333333vw;
        position: absolute;
        top: -16vw;
        left: 20vw;
        display: flex;
        animation: round 20s linear infinite;
        transform-origin: 0 37.3333333333vw;
        pointer-events: none;
        box-sizing: border-box;
    }
    .main .promo__right .round-logo span {
        position: absolute;
        text-transform: uppercase;
        display: inline-block;
        transform-origin: 0 37.3333333333vw;
    }
    .main .promo__right .video_play {
        width: 53.3333333333vw;
        height: 42.6666666667vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .main .box3 .problem__title-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2.6666666667vw;
        margin-bottom: 13.3333333333vw;
        width: 100vw;
    }
    .main .box3 .problem__title-wrapper .problem__title {
        font-size: calc(var(--sizeindex) * 3);
        color: #fff;
        text-shadow: 0 0 6px var(--third-color);
    }
    .main .box3 .problem__title-wrapper .problem__title-left,
    .main .box3 .problem__title-wrapper .problem__title-right {
        display: inline-block;
        width: 100%;
        height: 0.2666666667vw;
        background-color: var(--third-color);
        border-radius: 2vw;
        box-shadow: 0 0 1.3333333333vw var(--third-color);
        will-change: transform;
        transform: translateZ(0);
        transition: var(--transition);
    }
    .main .box3 .problem__text {
        font-size: 2.1333333333vw;
    }
    .main .box3 .problem__text span {
        position: relative;
    }
    .main .box3 .problem__text span::after {
        content: "";
        position: absolute;
        bottom: -0.5333333333vw;
        left: 0;
        width: 100%;
        height: 0.2666666667vw;
        background-color: var(--accent-color);
        transition: all 0.8s ease-in-out;
        transition-delay: 0.75s;
        box-shadow: 0 0 1.3333333333vw var(--accent-color);
        border-radius: 2vw;
    }
    .main .key {
        background-color: transparent;
        margin-bottom: 0;
        padding: 5.3333333333vw 0;
        position: relative;
        z-index: 0;
    }
    .main .key::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 0.2666666667vw solid var(--accent-color);
        box-shadow: 0 0 2.6666666667vw var(--accent-color);
    }
    .main .key .key__arrow {
        height: 0.2666666667vw;
        flex-grow: 1;
        width: 100%;
        margin-left: 2.6666666667vw;
        position: relative;
        max-width: 53.3333333333vw;
        margin: auto 0;
        margin-left: 2.6666666667vw;
        overflow: hidden;
    }
    .main .key .key__arrow .arrow {
        position: absolute;
        left: 0;
        width: 100%;
        height: 0.2666666667vw;
        background-color: var(--third-color);
        box-shadow: 0 0 1.3333333333vw var(--third-color);
        transition: var(--transition);
        transition-delay: 0.5s;
        border-radius: 0.5333333333vw;
        will-change: transform;
    }
    .main .key .key__wrapper {
        max-width: 186.6666666667vw;
        margin: 0 auto;
        display: flex;
        align-items: end;
        justify-content: center;
        padding: 0 2.6666666667vw;
    }
    .main .key .key__title {
        text-transform: uppercase;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 6.6666666667vw;
        font-size: calc(var(--sizeindex) * 2);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.6666666667vw;
        color: #fff;
    }
    .main .key .key__main-text {
        color: #fff;
        max-width: 120vw;
        text-align: center;
        padding: 4vw;
        border: 0.2666666667vw solid var(--third-color);
        border-radius: 6.6666666667vw;
        font-size: 2.6666666667vw;
        box-shadow: 0 0 4vw var(--third-color);
        max-width: 80vw;
        background-color: rgba(255, 255, 255, 0.1);
        position: relative;
        margin-bottom: 26.6666666667vw;
    }
    .main .key .key__main-text::after {
        content: "";
        position: absolute;
        width: 0.2666666667vw;
        height: 26.6666666667vw;
        background-color: var(--third-color);
        box-shadow: 0 0 4vw var(--third-color);
        right: 50%;
        will-change: height, opacity, transform;
        transform: translateZ(0) translate3d(0, 50%, 0);
        bottom: -13.4666666667vw;
        margin: 0 auto;
        transition: var(--transition);
        transition-delay: 1.5s;
        overflow: hidden;
        z-index: 0;
        border-radius: 2vw;
    }
    .main .key .key__title {
        font-size: calc(var(--sizeindex) * 2.4);
        font-weight: 900;
    }
    .main .key .key__start-phrase {
        font-size: 4vw;
        color: #fff;
        font-weight: 900 !important;
        text-transform: uppercase;
        position: relative;
        width: 28vw;
    }
    .main .key .key__start-phrase::after {
        content: "";
        position: absolute;
        will-change: transform;
        overflow: hidden;
        transition: var(--transition);
        transition-delay: 1.5s;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.2666666667vw;
        border-radius: 2vw;
        background-color: var(--accent-color);
        box-shadow: 0 0 1.3333333333vw var(--accent-color);
    }
    .main .key .key__start-list {
        padding-left: 0;
        display: flex;
        flex-grow: 1;
        padding: 1.3333333333vw 2.6666666667vw;
        color: #fff;
        list-style-type: none;
        justify-content: space-between;
        z-index: 1;
        border: 0.2666666667vw solid var(--third-color);
        box-shadow: 0 0 2.6666666667vw var(--third-color);
        border-radius: 2vw;
        margin-bottom: 0;
        padding: 1.3333333333vw;
        -webkit-backdrop-filter: blur(0.2666666667vw);
        backdrop-filter: blur(0.2666666667vw);
        background-color: rgba(255, 255, 255, 0.1);
    }
    .main .key .key__start-item {
        display: flex;
        align-items: center;
        gap: 1.3333333333vw;
        text-transform: uppercase;
        position: relative;
    }
    .main .key .key__start-phrase {
        position: relative;
    }
    .main .key .key__start-item {
        flex-direction: column;
        gap: 0;
    }
    .main .key .key__start-number {
        font-size: 9.3333333333vw;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 0 2.6666666667vw var(--accent-color);
        z-index: -1;
    }
    .main .key .key__start-word {
        font-size: 4.5333333333vw;
        text-shadow: 0 0 2.6666666667vw var(--accent-color);
    }
    .main .key .key__start-desc {
        text-align: center;
        font-size: 1.8666666667vw;
        max-width: 20vw;
    }
    .main .box4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .main .box4 #accordion .form--btn {
        width: 100%;
        line-height: 100%;
        margin: 0 auto;
        padding: 0;
        display: block;
        box-sizing: border-box;
        font-weight: 400;
        color: #fff;
        font-size: 1.8666666667vw;
        background-color: transparent;
        border: 0.1333333333vw solid var(--third-color);
        box-shadow: 0 0 1.3333333333vw var(--third-color);
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.2666666667vw;
        transition: all 0.2s ease-in;
        background-color: var(--third-color);
        position: relative;
        height: 8vw;
        font-size: 2.9333333333vw;
        margin-top: 1.3333333333vw;
    }
    .main .box4 .statistics__item {
        text-align: center;
    }
    .main .box4 #mainContent {
        width: 80%;
        margin: 0 auto;
    }
    .main .box4 #mainContent h5 {
        position: relative;
        padding-right: 5.3333333333vw;
    }
    .main .box4 .promo__heading .promo__title {
        font-size: 4vw;
    }
    .main .box4 .promo__heading .promo__title .anti-accent {
        color: var(--third-color);
        text-shadow: 0 0 1.3333333333vw var(--third-color);
    }
    .main .box4 .promo__heading .promo__title .accent {
        color: var(--accent-color);
        text-shadow: 0 0 2.6666666667vw var(--accent-color);
    }
    .main .box4 .promo__heading .promo__subtitle {
        font-size: 2.1333333333vw;
        text-align: center;
        padding: 0 4vw;
    }
    .main .box4 .panel-body p {
        color: black;
    }
    .main .box4 .faq-area .panel-title a:before {
        font-family: "FontAwesome";
        width: 4vw;
        height: 4vw;
        line-height: 4vw;
        border-radius: 133.2vw;
        position: absolute;
        right: 1.3333333333vw;
        font-size: 1.7333333333vw;
        display: inline-block;
        text-align: center;
    }
    .main .box4 .panel-title a:before {
        content: "\f068" !important;
        color: #222;
    }
    .main .box4 .panel-title .collapsed:before {
        content: "\f067" !important;
        color: #222;
    }
    .main .trust {
        z-index: 1;
        position: relative;
        padding: 5vh 2vw;
        overflow: hidden;
    }
    .main .trust .trust__title {
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 5.6vw;
        text-shadow: 0 0 2.6666666667vw var(--accent-color);
        text-align: center;
    }
    .main .trust .trust__content {
        margin-top: 6.6666666667vw;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        align-items: center;
        gap: 6.6666666667vw;
    }
    .main .trust .trust__list {
        display: flex;
        list-style-type: none;
        color: #fff;
        flex-direction: column;
        justify-content: space-evenly;
        height: 100%;
        max-width: 80vw;
    }
    .main .trust .sert {
        border-radius: 0.6666666667vw;
        max-width: 100%;
        box-shadow: 1.3333333333vw 1.3333333333vw 1.3333333333vw var(--accent-color);
    }
    .main .trust .sert-wrapper {
        position: relative;
        border-radius: 0.6666666667vw;
        max-width: 100%;
    }
    .main .trust .sert-wrapper::after {
        content: "";
        position: absolute;
        top: 2.6666666667vw;
        left: 2.6666666667vw;
        width: 100%;
        height: 100%;
        border: 0.2666666667vw solid var(--accent-color);
        z-index: -1;
        border-radius: 0.6666666667vw;
    }
    .main .trust .trust__list-item {
        position: relative;
        font-size: 2.4vw;
        margin-bottom: 2.6666666667vw;
    }
    .main .trust .trust__list-item::before {
        content: "";
        position: absolute;
        left: -5.3333333333vw;
        top: 0;
        width: 0.2666666667vw;
        height: 100%;
        background-color: #d7ff0d;
        box-shadow: 0 0 0.5333333333vw #d7ff0d;
        border-radius: 2vw;
    }
    .main .trust .trust__content-item {
        max-width: 90%;
    }
    .main .people * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        z-index: 999;
    }
    .main .people {
        padding-top: 9.3333333333vw;
        width: 100%;
        color: #fff;
        line-height: 1.8;
        background-color: var(--bg-color);
        font-size: calc(var(--sizeindex) * 0.8);
        position: relative;
    }
    .main .people .description.hide {
        display: block !important;
    }
    .main .people .swiper-wrapper {
        display: flex;
        width: auto;
    }
    .main .people .swiper-wrapper .slider__item {
        min-width: 66.6666666667vw;
    }
    .main .people .slider {
        /* transform: rotate(10deg); */
        margin-top: 20vw;
        overflow: visible !important;
        top: 10vh !important;
        z-index: 1;
        margin-bottom: 10vw;
    }
    .main .people .slider__wrapper {
        transition: var(--transition) !important;
    }
    .main .people .slider__item {
        border: 0.1333333333vw solid;
        border-radius: 0.5333333333vw;
        padding: 2.6666666667vw;
        overflow: hidden;
        cursor: pointer;
        height: auto;
        background-color: var(--bg-color);
        max-height: 90vh;
        transition: transform var(--transition), box-shadow var(--transition);
        z-index: 1;
    }
    .main .people .slider__item-img {
        /* width: calc(var(--sizeindex)*4); */
        width: 90%;
    }
    .main .people .slider__item-img-wrapper {
        position: relative;
        max-width: 100%;
    }
    .main .people .slider__item-img-wrapper::after {
        content: "";
        position: absolute;
        top: 1.3333333333vw;
        left: 1.3333333333vw;
        width: 100%;
        height: 100%;
        z-index: -1;
        border: 0.1333333333vw solid var(--accent-color);
    }
    .main .people .slider__item-name {
        color: var(--accent-color);
        text-shadow: 0 0 1.3333333333vw var(--accent-color);
        font-weight: 500 !important;
    }
    .main .people .slider__item-desc {
        color: var(--second-color);
        font-size: calc(var(--sizeindex) * 0.6);
    }
    .main .people .slider__item-text {
        color: var(--second-color);
    }
    .main .people .slider__item-top {
        display: flex;
        justify-content: space-between;
        gap: 4vw;
        margin-bottom: 2vw;
        flex-direction: column;
    }
    .main .people .slider__item:first-child {
        border-color: var(--accent-color);
        box-shadow: 1.3333333333vw 1.3333333333vw 1.3333333333vw var(--accent-color);
    }
    .main .people .slider__item:nth-child(2) {
        border-color: var(--second-color);
        box-shadow: 1.3333333333vw 1.3333333333vw 1.3333333333vw var(--second-color);
    }
    .main .people .slider__item:nth-child(2) .slider__item-name {
        color: var(--second-color);
        text-shadow: 0 0 1.3333333333vw var(--second-color);
    }
    .main .people .slider__item:nth-child(3) {
        border-color: var(--accent-color);
        box-shadow: 1.3333333333vw 1.3333333333vw 1.3333333333vw var(--accent-color);
    }
    .main .people .slider__item:nth-child(3) .slider__item-name {
        color: var(--accent-color);
        text-shadow: 0 0 1.3333333333vw var(--accent-color);
    }
    .main .people .slider__item:nth-child(4) {
        border-color: var(--second-color);
        box-shadow: 1.3333333333vw 1.3333333333vw 1.3333333333vw var(--second-color);
    }
    .main .people .slider__item:nth-child(4) .slider__item-name {
        color: var(--second-color);
        text-shadow: 0 0 1.3333333333vw var(--second-color);
    }
    .main .people .slider__bg {
        top: -40vh;
        left: -10vh;
        z-index: 0;
        transform: rotate(-15deg);
        opacity: 0.3;
        filter: blur(16vw) saturate(10);
    }
    .main .people .slider__item-img-bg {
        width: 100%;
        height: 100%;
    }
    .main .people .slider__bg .slider__item {
        padding: 0;
        max-height: 100vh;
    }
    .main .people .slider__main .slider__item.opened {
        z-index: 999;
        transform: scale(1.2);
    }
    .main .people .description {
        position: absolute;
        font-size: calc(var(--sizeindex) * 0.8);
        top: 20vh;
        left: 8vw;
        max-width: 24vw;
        z-index: 0;
        top: 0;
        max-width: 50vw;
    }
    .main .people .description p {
        opacity: 0.9;
        color: #fff;
        transition: opacity var(--transition);
        transition-duration: 3s;
        font-family: "Work Sans", sans-serif;
    }
    .main .people .descriptiom__logo {
        font-size: calc(var(--sizeindex) * 3.6);
        font-weight: 400;
        display: inline-block;
        background: linear-gradient(45deg, var(--accent-color), var(--second-color), var(--third-color));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "Work Sans", sans-serif;
    }
    .main .people .arrows {
        position: absolute;
        top: 0.5333333333vw;
        right: 10%;
        transform: translate(-50%, 0) rotate(90deg) !important;
        cursor: pointer;
    }
    .main .people .arrows span {
        display: block;
        width: 2.6666666667vw;
        height: 2.6666666667vw;
        border-top: 0.6666666667vw solid var(--accent-color);
        border-left: 0.6666666667vw solid var(--accent-color);
        transform: rotate(45deg);
        margin: -1.3333333333vw;
        animation: animate 2s infinite;
        z-index: 9;
    }
    .main .people .arrows span:nth-child(2) {
        animation-delay: 0.2s;
    }
    .main .people .arrows span:nth-child(3) {
        animation-delay: 0.4s;
    }
    @keyframes animate {
        0% {
            opacity: 0;
            transform: rotate(45deg) translate(2.6666666667vw, 2.6666666667vw);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            transform: rotate(45deg) translate(-2.6666666667vw, -2.6666666667vw);
        }
    }
    .main .last-form .statistics__title {
        text-align: center;
        font-size: 5.3333333333vw;
    }
    .main .last-form .g1 {
        color: var(--accent-color);
        text-shadow: 0 0 1.3333333333vw var(--accent-color);
    }
    .main .last-form .r1 {
        color: var(--third-color);
        text-shadow: 0 0 1.3333333333vw var(--third-color);
    }
    .main .users-row.T .users-row__wrapper .users-row__item {
        display: flex;
        align-items: center;
        color: #fff;
        gap: 1.3333333333vw;
        border: 0.1333333333vw solid var(--accent-color);
        box-shadow: 0 0 1.3333333333vw var(--accent-color);
        border-radius: 400vw;
        padding-right: 2.6666666667vw;
        background-color: rgba(255, 255, 255, 0.12);
        flex-shrink: 0;
        background-color: rgba(255, 255, 255, 0.05);
        height: 12vw;
    }
    .main .users-row.T .users-row__wrapper .users-row__item .users-row__won span {
        color: var(--accent-color);
    }
    .main .users-row.T .users-row__wrapper .users-row__item .users-row__text {
        display: flex;
        flex-direction: column;
        padding: 1.3333333333vw;
        font-size: 1.8666666667vw;
    }
    .main .users-row.T .users-row__wrapper .users-row__item .users-row__img img {
        width: 11.3333333333vw;
        height: 11.3333333333vw;
        z-index: 2;
        border-radius: 50%;
    }
    .main .users-row {
        padding: 2.6666666667vw 1.3333333333vw;
        z-index: 2;
        --gap: 1rem;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        margin-top: auto;
        display: flex;
        transform: translateZ(0);
    }
    .main .users-row .users-row__wrapper {
        will-change: transform;
        transform: translateZ(0);
        display: flex;
        flex-shrink: 0;
        display: flex;
        margin-right: 2.6666666667vw;
        gap: var(--gap);
        animation: scroll 50s linear infinite;
    }
    .main .users-row .users-row__wrapper .users-row__item {
        display: flex;
        align-items: center;
        color: #fff;
        gap: 1.3333333333vw;
        border: 0.1333333333vw solid var(--accent-color);
        box-shadow: 0 0 1.3333333333vw var(--accent-color);
        border-radius: 400vw;
        padding-right: 2.6666666667vw;
        background-color: rgba(255, 255, 255, 0.12);
        flex-shrink: 0;
        background-color: rgba(255, 255, 255, 0.05);
    }
    @keyframes scroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(calc(-100% - var(--gap)));
        }
    }
    .main .footer__bottom {
        display: flex;
        border-top: 0.1333333333vw solid var(--accent-color);
        box-shadow: 0 0 1.3333333333vw var(--accent-color);
        color: var(--accent-color);
        justify-content: space-evenly;
        align-items: center;
        padding: 2.6666666667vw 1.3333333333vw;
        background-color: var(--bg-color);
        width: 100%;
    }
    .main .footer__bottom .bottom__col {
        padding: 1.0666666667vw 0;
        color: var(--accent-color);
    }
}

@media screen and (min-width: 750px) {
    body {
        font-size: 16px;
        margin: 0 auto;
        background-color: rgb(53, 56, 59);
    }
    .main {
        width: 750px;
        background-size: cover;
        max-width: 750px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: rgb(37, 44, 51);
    }
    .main header {
        display: flex;
        width: 100%;
        position: relative;
        z-index: 2;
        background-color: rgb(37, 44, 51);
        padding-left: 20px;
    }
    .main header svg {
        fill: #fff;
        margin-right: 5rem;
    }
    .main header .header__logo {
        position: relative;
        margin-right: auto;
    }
    .main header .header__logo:after {
        position: absolute;
        content: "";
        top: 5px;
        right: 2.5rem;
        width: 2px;
        height: 80%;
        background: var(--accent-color);
        border-radius: 4px;
    }
    .main .box1 {
        color: #00FAAA;
        font-size: 36px;
        text-shadow: 0 0 5px #00FAAA;
    }
    .main .boxs {
        position: relative;
        box-sizing: border-box;
        width: 750px;
        z-index: 2;
        padding: 20px 30px;
        text-align: center;
        background-color: rgb(37, 44, 51);
    }
    .main .boxs::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 10%;
        height: 40%;
        z-index: 0;
        background-color: var(--accent-color);
        box-shadow: 0 0 100px var(--accent-color);
        filter: blur(120px);
    }
    .main .boxs::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
        height: 50%;
        z-index: 0;
        background-color: var(--third-color);
        box-shadow: 0 0 100px var(--third-color);
        filter: blur(120px);
        opacity: 0.9;
    }
    .main .box2 {
        color: white;
    }
    .main .box2 .title {
        font-size: 34px;
        font-weight: 700;
    }
    .main .box2 .msg div {
        font-size: 18px;
        margin: 10px 0;
    }
    .main .cta-container {
        color: var(--accent-color);
        text-shadow: 0 0 10px var(--accent-color);
        font-size: 32px;
        display: flex;
        width: -moz-fit-content;
        width: fit-content;
        margin: 40px auto;
        flex-direction: column;
        text-transform: uppercase;
        text-align: center;
        width: fit-content;
        margin: 40px auto;
    }
    .main .stack {
        display: grid;
        grid-template-columns: 1fr;
    }
    .main .stack span {
        color: var(--accent-color);
        font-weight: 400;
        grid-row-start: 1;
        grid-column-start: 1;
        font-size: 32px;
        --stack-height: calc(100% / var(--stacks) - 1px);
        --inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
        --clip-top: calc(var(--stack-height) * var(--index));
        --clip-bottom: calc(var(--stack-height) * var(--inverse-index));
        -webkit-clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
        clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
        animation: stack 3s cubic-bezier(0.46, 0.29, 0, 1.24) infinite backwards calc(var(--index) * 120ms), glitch 2s ease infinite 2s alternate-reverse;
    }
    .main h1 {
        text-align: center;
        font-size: 20px;
    }
    .main h1 .c1 {
        color: #f70044;
        font-size: 20px;
        text-shadow: 0 0 5px #f70044;
    }
    .main h1 .c2 {
        color: #00FAAA;
        font-size: 20px;
        text-shadow: 0 0 5px #00FAAA;
    }
    .main .buttonA {
        color: #fff;
        font-size: 20px;
        padding: 20px 180px;
        border-radius: 10px;
        background-color: #f70044;
        box-shadow: 0 0 20px #f70044;
    }
    .main .fg {
        height: 120px;
        width: 750px;
    }
    .main .promo__right {
        width: 750px;
        height: 320px;
        transform: translateZ(0) translate3d(0, 0, 0);
        opacity: 1;
        will-change: transform, opacity;
        transition: all 2s cubic-bezier(0.2, 0.6, 0, 1);
        width: 300px;
        border-radius: 50px;
        margin: auto;
        position: relative;
    }
    .main .promo__right .round-logo {
        color: #fff !important;
        min-width: 250px;
        height: 250px;
        position: absolute;
        top: -120px;
        left: 150px;
        display: flex;
        animation: round 20s linear infinite;
        transform-origin: 0 280px;
        pointer-events: none;
        box-sizing: border-box;
    }
    .main .promo__right .round-logo span {
        position: absolute;
        text-transform: uppercase;
        display: inline-block;
        transform-origin: 0 280px;
    }
    .main .promo__right .video_play {
        width: 400px;
        height: 320px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .main .box3 .problem__title-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-bottom: 100px;
        width: 100vw;
    }
    .main .box3 .problem__title-wrapper .problem__title {
        font-size: calc(var(--sizeindex) * 3);
        color: #fff;
        text-shadow: 0 0 6px var(--third-color);
    }
    .main .box3 .problem__title-wrapper .problem__title-left,
    .main .box3 .problem__title-wrapper .problem__title-right {
        display: inline-block;
        width: 100%;
        height: 2px;
        background-color: var(--third-color);
        border-radius: 15px;
        box-shadow: 0 0 10px var(--third-color);
        will-change: transform;
        transform: translateZ(0);
        transition: var(--transition);
    }
    .main .box3 .problem__text {
        font-size: 16px;
    }
    .main .box3 .problem__text span {
        position: relative;
    }
    .main .box3 .problem__text span::after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--accent-color);
        transition: all 0.8s ease-in-out;
        transition-delay: 0.75s;
        box-shadow: 0 0 10px var(--accent-color);
        border-radius: 15px;
    }
    .main .key {
        background-color: transparent;
        margin-bottom: 0;
        padding: 40px 0;
        position: relative;
        z-index: 0;
    }
    .main .key::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 200vw;
        transform: translate(-50%, 0);
        border-bottom: 2px solid var(--accent-color);
        box-shadow: 0 0 20px var(--accent-color);
    }
    .main .key .key__arrow {
        height: 2px;
        flex-grow: 1;
        width: 100%;
        margin-left: 20px;
        position: relative;
        max-width: 400px;
        margin: auto 0;
        margin-left: 20px;
        overflow: hidden;
    }
    .main .key .key__arrow .arrow {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--third-color);
        box-shadow: 0 0 10px var(--third-color);
        transition: var(--transition);
        transition-delay: 0.5s;
        border-radius: 4px;
        will-change: transform;
    }
    .main .key .key__wrapper {
        max-width: 1400px;
        margin: 0 auto;
        display: flex;
        align-items: end;
        justify-content: center;
        padding: 0 20px;
    }
    .main .key .key__title {
        text-transform: uppercase;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 50px;
        font-size: calc(var(--sizeindex) * 2);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        color: #fff;
    }
    .main .key .key__main-text {
        color: #fff;
        max-width: 900px;
        text-align: center;
        padding: 30px;
        border: 2px solid var(--third-color);
        border-radius: 50px;
        font-size: 20px;
        box-shadow: 0 0 30px var(--third-color);
        max-width: 600px;
        background-color: rgba(255, 255, 255, 0.1);
        position: relative;
        margin-bottom: 200px;
    }
    .main .key .key__main-text::after {
        content: "";
        position: absolute;
        width: 2px;
        height: 200px;
        background-color: var(--third-color);
        box-shadow: 0 0 30px var(--third-color);
        right: 50%;
        will-change: height, opacity, transform;
        transform: translateZ(0) translate3d(0, 50%, 0);
        bottom: -101px;
        margin: 0 auto;
        transition: var(--transition);
        transition-delay: 1.5s;
        overflow: hidden;
        z-index: 0;
        border-radius: 15px;
    }
    .main .key .key__title {
        font-size: calc(var(--sizeindex) * 2.4);
        font-weight: 900;
    }
    .main .key .key__start-phrase {
        font-size: 30px;
        color: #fff;
        font-weight: 900 !important;
        text-transform: uppercase;
        position: relative;
        width: 210px;
    }
    .main .key .key__start-phrase::after {
        content: "";
        position: absolute;
        will-change: transform;
        overflow: hidden;
        transition: var(--transition);
        transition-delay: 1.5s;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        border-radius: 15px;
        background-color: var(--accent-color);
        box-shadow: 0 0 10px var(--accent-color);
    }
    .main .key .key__start-list {
        padding-left: 0;
        display: flex;
        flex-grow: 1;
        padding: 10px 20px;
        color: #fff;
        list-style-type: none;
        justify-content: space-between;
        z-index: 1;
        border: 2px solid var(--third-color);
        box-shadow: 0 0 20px var(--third-color);
        border-radius: 15px;
        margin-bottom: 0;
        padding: 10px;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        background-color: rgba(255, 255, 255, 0.1);
    }
    .main .key .key__start-item {
        display: flex;
        align-items: center;
        gap: 10px;
        text-transform: uppercase;
        position: relative;
    }
    .main .key .key__start-phrase {
        position: relative;
    }
    .main .key .key__start-item {
        flex-direction: column;
        gap: 0;
    }
    .main .key .key__start-number {
        font-size: 70px;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 0 20px var(--accent-color);
        z-index: -1;
    }
    .main .key .key__start-word {
        font-size: 34px;
        text-shadow: 0 0 20px var(--accent-color);
    }
    .main .key .key__start-desc {
        text-align: center;
        font-size: 14px;
        max-width: 150px;
    }
    .main .box4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .main .box4 #accordion .form--btn {
        width: 100%;
        line-height: 100%;
        margin: 0 auto;
        padding: 0;
        display: block;
        box-sizing: border-box;
        font-weight: 400;
        color: #fff;
        font-size: 14px;
        background-color: transparent;
        border: 1px solid var(--third-color);
        box-shadow: 0 0 10px var(--third-color);
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 2px;
        transition: all 0.2s ease-in;
        background-color: var(--third-color);
        position: relative;
        height: 60px;
        font-size: 22px;
        margin-top: 10px;
    }
    .main .box4 .statistics__item {
        text-align: center;
    }
    .main .box4 #mainContent {
        width: 80%;
    }
    .main .box4 #mainContent h5 {
        position: relative;
        padding-right: 40px;
    }
    .main .box4 .promo__heading .promo__title {
        font-size: 30px;
    }
    .main .box4 .promo__heading .promo__title .anti-accent {
        color: var(--third-color);
        text-shadow: 0 0 10px var(--third-color);
    }
    .main .box4 .promo__heading .promo__title .accent {
        color: var(--accent-color);
        text-shadow: 0 0 20px var(--accent-color);
    }
    .main .box4 .promo__heading .promo__subtitle {
        font-size: 16px;
        text-align: center;
        padding: 0 30px;
    }
    .main .box4 .panel-body p {
        color: black;
    }
    .main .box4 .faq-area .panel-title a:before {
        font-family: "FontAwesome";
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 999px;
        position: absolute;
        right: 10px;
        font-size: 13px;
        display: inline-block;
        text-align: center;
    }
    .main .box4 .panel-title a:before {
        content: "\f068" !important;
        color: #222;
    }
    .main .box4 .panel-title .collapsed:before {
        content: "\f067" !important;
        color: #222;
    }
    .main .trust {
        z-index: 1;
        position: relative;
        padding: 5vh 2vw;
        overflow: hidden;
    }
    .main .trust .trust__title {
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 42px;
        text-shadow: 0 0 20px var(--accent-color);
        text-align: center;
    }
    .main .trust .trust__content {
        margin-top: 50px;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }
    .main .trust .trust__list {
        display: flex;
        list-style-type: none;
        color: #fff;
        flex-direction: column;
        justify-content: space-evenly;
        height: 100%;
        max-width: 600px;
    }
    .main .trust .sert {
        border-radius: 5px;
        max-width: 100%;
        box-shadow: 10px 10px 10px var(--accent-color);
    }
    .main .trust .sert-wrapper {
        position: relative;
        border-radius: 5px;
        max-width: 100%;
    }
    .main .trust .sert-wrapper::after {
        content: "";
        position: absolute;
        top: 20px;
        left: 20px;
        width: 100%;
        height: 100%;
        border: 2px solid var(--accent-color);
        z-index: -1;
        border-radius: 5px;
    }
    .main .trust .trust__list-item {
        position: relative;
        font-size: 18px;
        margin-bottom: 20px;
    }
    .main .trust .trust__list-item::before {
        content: "";
        position: absolute;
        left: -40px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #d7ff0d;
        box-shadow: 0 0 4px #d7ff0d;
        border-radius: 15px;
    }
    .main .trust .trust__content-item {
        max-width: 90%;
    }
    .main .swiper-wrapper.slider__wrapper {
        display: flex;
        width: 1600px !important;
    }
    .main .swiper-wrapper.slider__wrapper .swiper-slide {
        width: 400px !important;
    }
    .main .last-form .statistics__title {
        text-align: center;
        font-size: 40px;
    }
    .main .last-form .g1 {
        color: var(--accent-color);
        text-shadow: 0 0 10px var(--accent-color);
    }
    .main .last-form .r1 {
        color: var(--third-color);
        text-shadow: 0 0 10px var(--third-color);
    }
    .main .users-row.T .users-row__wrapper .users-row__item {
        display: flex;
        align-items: center;
        color: #fff;
        gap: 10px;
        border: 1px solid var(--accent-color);
        box-shadow: 0 0 10px var(--accent-color);
        border-radius: 3000px;
        padding-right: 20px;
        background-color: rgba(255, 255, 255, 0.12);
        flex-shrink: 0;
        background-color: rgba(255, 255, 255, 0.05);
        height: 90px;
    }
    .main .users-row.T .users-row__wrapper .users-row__item .users-row__won span {
        color: var(--accent-color);
    }
    .main .users-row.T .users-row__wrapper .users-row__item .users-row__text {
        display: flex;
        flex-direction: column;
        padding: 10px;
        font-size: 14px;
    }
    .main .users-row.T .users-row__wrapper .users-row__item .users-row__img img {
        width: 85px;
        height: 85px;
        z-index: 2;
        border-radius: 50%;
    }
    .main .users-row {
        padding: 20px 10px;
        z-index: 2;
        --gap: 1rem;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        margin-top: auto;
        display: flex;
        transform: translateZ(0);
    }
    .main .users-row .users-row__wrapper {
        will-change: transform;
        transform: translateZ(0);
        display: flex;
        flex-shrink: 0;
        display: flex;
        margin-right: 20px;
        gap: var(--gap);
        animation: scroll 50s linear infinite;
    }
    .main .users-row .users-row__wrapper .users-row__item {
        display: flex;
        align-items: center;
        color: #fff;
        gap: 10px;
        border: 1px solid var(--accent-color);
        box-shadow: 0 0 10px var(--accent-color);
        border-radius: 3000px;
        padding-right: 20px;
        background-color: rgba(255, 255, 255, 0.12);
        flex-shrink: 0;
        background-color: rgba(255, 255, 255, 0.05);
    }
    @keyframes scroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(calc(-100% - var(--gap)));
        }
    }
    .main .footer__bottom {
        display: flex;
        border-top: 1px solid var(--accent-color);
        box-shadow: 0 0 10px var(--accent-color);
        color: var(--accent-color);
        justify-content: space-evenly;
        align-items: center;
        padding: 20px 10px;
        background-color: var(--bg-color);
        width: 100vw;
    }
    .main .footer__bottom .bottom__col {
        padding: 8px 0;
        color: var(--accent-color);
    }
}

.stack span:nth-child(odd) {
    --glitch-translate: 8px;
}

.stack span:nth-child(even) {
    --glitch-translate: -8px;
}

@keyframes stack {
    0% {
        /* opacity: 0; */
        transform: translateX(-5%);
        text-shadow: -2px 3px 0 red, 2px -3px 0 blue;
    }
    60% {
        opacity: 0.5;
        transform: translateX(5%);
    }
    80% {
        transform: none;
        opacity: 1;
        text-shadow: 2px -3px 0 red, -2px 3px 0 blue;
    }
    100% {
        text-shadow: none;
    }
}

@keyframes glitch {
    0% {
        text-shadow: -2px 3px 0 red, 2px -3px 0 var(--accent-color);
        /* transform: translate(var(--glitch-translate)); */
    }
    2% {
        text-shadow: 2px -3px 0 red, -2px 3px 0 var(--accent-color);
    }
    4%,
    100% {
        text-shadow: none;
        transform: none;
    }
}

#mainContent .container {
    max-width: 600px !important;
}

body {
    background-color: rgb(37, 44, 51) !important;
}