/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.swiper, .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: linear;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0)
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.swiper-pagination-bullets {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: #6800ba;
    transition: background .2s ease
}

.swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #140132;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease
}

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

.swiper-pagination-bullet-active::before {
    opacity: 1
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    transform: translateY(-50%);
    cursor: pointer
}

.flickity-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 50%;
    background-color: #140132;
    transition: all .2s ease
}

.flickity-button:hover::before {
    background-color: #6800ba;
    transform: scale(1.15)
}

.flickity-button:active::before {
    background-color: #fff;
    transform: scale(1)
}

.flickity-button:active svg {
    fill: #140132
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    position: relative;
    z-index: 2;
    fill: #fff
}

.flickity-prev-next-button {
    top: 50%;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 3px
}

.flickity-prev-next-button.next {
    right: 3px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 3px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 3px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    height: 40%;
    transform: translate(-50%, -50%)
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -34px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #6800ba;
    border-radius: 50%;
    cursor: pointer;
    transition: background .2s ease
}

.flickity-page-dots .dot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #140132;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease
}

.flickity-page-dots .dot:hover {
    background-color: rgba(250, 5, 241, .7)
}

.flickity-page-dots .dot.is-selected {
    background-color: #fa05f1
}

.flickity-page-dots .dot.is-selected::before {
    opacity: 1
}

.flickity-prev-next-button.previous, .flickity-rtl .flickity-prev-next-button.previous {
    left: 20px
}

@media (max-width: 640px) {
    .flickity-prev-next-button.previous, .flickity-rtl .flickity-prev-next-button.previous {
        width: 32px;
        height: 32px;
        left: 6px
    }

    .flickity-prev-next-button.previous svg, .flickity-rtl .flickity-prev-next-button.previous svg {
        width: 13px;
        height: 13px
    }
}

.flickity-prev-next-button.next, .flickity-rtl .flickity-prev-next-button.next {
    right: 20px
}

@media (max-width: 640px) {
    .flickity-prev-next-button.next, .flickity-rtl .flickity-prev-next-button.next {
        width: 32px;
        height: 32px;
        right: 6px
    }

    .flickity-prev-next-button.next svg, .flickity-rtl .flickity-prev-next-button.next svg {
        width: 13px;
        height: 13px
    }
}

@font-face {
    font-family: "Montserrat";
    font-display: swap;
    src: url("../assets/fonts/Montserrat-Regular.woff2") format("woff2"), url("../assets/fonts/Montserrat-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Montserrat";
    font-display: swap;
    src: url("../assets/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../assets/fonts/Montserrat-SemiBold.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Montserrat";
    font-display: swap;
    src: url("../assets/fonts/Montserrat-Medium.woff2") format("woff2"), url("../assets/fonts/Montserrat-Medium.woff") format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Montserrat";
    font-display: swap;
    src: url("../assets/fonts/Montserrat-Bold.woff2") format("woff2"), url("../assets/fonts/Montserrat-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Montserrat";
    font-display: swap;
    src: url("../assets/fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../assets/fonts/Montserrat-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: "Montserrat";
    font-display: swap;
    src: url("../assets/fonts/Montserrat-Black.woff2") format("woff2"), url("../assets/fonts/Montserrat-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

html {
    height: 100%;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 28px
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-family: "Montserrat", "Tahoma", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    color: #140132;
    background-color: #fff;
    overflow-x: hidden;
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom)
}

@media (max-width: 640px) {
    body {
        font-size: 16px;
        line-height: 22px
    }
}

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

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

p {
    margin: 0;
    padding: 0
}

p b {
    font-weight: bold
}

p i {
    font-style: italic
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none
}

li {
    margin: 0;
    padding: 0
}

textarea {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial
}

label, legend {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    display: block
}

label {
    cursor: pointer
}

fieldset {
    padding: 0;
    border-width: 0
}

input[type=checkbox], input[type=radio] {
    display: inline;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial
}

select {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial
}

option {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

picture {
    display: block
}

img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

svg {
    display: block;
    transition: all .2s ease
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-text-fill-color: #6800ba;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill, input:-webkit-autofill:focus {
    -webkit-transition: background-color 0s 600000s, color 0s 600000s !important;
    transition: background-color 0s 600000s, color 0s 600000s !important
}

.page-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 100 dvh;
    overflow: hidden;
    transition: opacity .5s ease;
    --ion-safe-area-bottom: env(safe-area-inset-bottom)
}

.title {
    font-size: 60px;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: .06em
}

@media (max-width: 1180px) {
    .title {
        font-size: 42px;
        line-height: 42px
    }
}

@media (max-width: 640px) {
    .title {
        font-size: 30px;
        line-height: 30px
    }
}

.text {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: .06em;
    text-transform: uppercase
}

@media (max-width: 640px) {
    .text {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.text-big {
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    letter-spacing: .08em;
    text-transform: uppercase
}

@media (max-width: 640px) {
    .text-big {
        font-size: 20px;
        line-height: 24px
    }
}

.text-small {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .04em;
    text-transform: uppercase
}

@media (max-width: 640px) {
    .text-small {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0
    }
}

.img-full {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%
}

.theme-img {
    position: relative
}

.theme-img::before, .theme-img::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .2s ease
}

.theme-img::after {
    opacity: 0
}

.container {
    max-width: 1254px;
    padding: 0 34px;
    margin: 0 auto
}

@media (max-width: 640px) {
    .container {
        padding: 0 20px
    }
}

@media (max-width: 640px) {
    .container--header {
        padding: 0 30px
    }
}

.container--offer {
    max-width: 900px
}

.container--offer-v2 {
    max-width: 760px
}

@media (max-width: 640px) {
    .container--offer-v2 {
        padding: 0 10px
    }
}

.container--scheme {
    max-width: 920px
}

.container--info {
    max-width: 1088px
}

@media (max-width: 960px) {
    .container--info {
        max-width: 530px
    }
}

@media (max-width: 768px) {
    .container--info {
        max-width: 289px
    }
}

@media (max-width: 640px) {
    .container--info {
        max-width: 261px
    }
}

.container--short {
    max-width: 1012px
}

.container--short-v2 {
    max-width: 1118px
}

.container--short-v3 {
    max-width: 1044px
}

.container--middle {
    max-width: 1132px
}

.container--middle-v2 {
    max-width: 1110px
}

.container--long {
    max-width: 100%
}

.langs {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0 4px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: color .2s ease
}

.langs:not(.menu__languages):hover .langs__list, .langs:not(.menu__languages):focus .langs__list, .langs.active .langs__list {
    display: block
}

.langs:not(.menu__languages):hover .langs__locale, .langs:not(.menu__languages):focus .langs__locale, .langs.active .langs__locale {
    color: #6800ba
}

.langs:not(.menu__languages):hover .langs__img, .langs:not(.menu__languages):focus .langs__img, .langs.active .langs__img {
    stroke: #6800ba
}

.langs:not(.menu__languages):hover .langs__arrow, .langs:not(.menu__languages):focus .langs__arrow, .langs.active .langs__arrow {
    transform: rotate(0deg)
}

.langs__locale {
    color: #140132;
    font-weight: 700;
    cursor: default
}

.langs__arrow {
    content: "";
    position: relative;
    display: block;
    width: 11px;
    height: 7px;
    transform: rotate(180deg)
}

.langs__img {
    stroke: #140132;
    transition: stroke .2s ease
}

.langs__list {
    position: absolute;
    top: 148%;
    right: -16px;
    display: none
}

.langs__wrapper {
    display: flex;
    flex-direction: column;
    max-height: 105px;
    padding: 0 24px;
    overflow: auto
}

.langs__wrapper::-webkit-scrollbar {
    width: 0
}

.langs__wrapper::before {
    content: "";
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
    bottom: -14px;
    z-index: -1;
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
    border-radius: 12px
}

.langs__link {
    line-height: 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    color: #140132
}

.langs__link:not(:last-child) {
    margin-bottom: 12px
}

.langs__link:hover {
    color: #6800ba
}

.rates {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: .08em
}

@media (max-width: 768px) {
    .rates.header__rates {
        display: none
    }
}

.rates__link {
    display: flex;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit
}

.rates__picture {
    width: 18px;
    height: 18px
}

.rates__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%
}

.rates__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 3px
}

.rates__info {
    display: flex;
    color: #140132
}

.rates__currency, .rates__count {
    line-height: 200%;
    letter-spacing: .08em
}

.rates__count {
    display: flex;
    align-items: center
}

.rates__count::after {
    content: "";
    position: relative;
    display: none;
    width: 7px;
    height: 6px;
    margin-left: 3px;
    background-image: url("../assets/images/rates-arrow.2bf50476.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.rates__count.rates__count--negative::after {
    display: none
}

.button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 22px 15px 22px;
    height: 54px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    color: #140132;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color .2s ease
}

@media (max-width: 640px) {
    .button {
        height: 46px;
        padding: 13px 22px 13px 22px
    }
}

.button:not(:disabled):hover::before, .button--active::before {
    transform: rotate(-1deg)
}

.button:not(:disabled):hover::after, .button--active::after {
    transform: rotate(2deg);
    opacity: 1
}

.button:not(:disabled):hover .button__text, .button:not(:disabled):hover span, .button--active .button__text, .button--active span {
    color: #140132;
    text-shadow: #fff 2px 2px
}

.button:not(:disabled):hover svg, .button--active svg {
    fill: #140132;
    filter: drop-shadow(2px 2px 0px #fff)
}

.button:disabled {
    color: #9f92e1;
    cursor: not-allowed
}

.button:disabled::before {
    background-color: #fff;
    border-color: #9f92e1
}

.button:disabled svg {
    fill: #9f92e1
}

.button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    border: 2px solid #140132;
    border-radius: 30px;
    transition: all .3s ease
}

.button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 30px;
    background: url("../assets/images/bg-button-cyan.1aca8168.png") center/cover no-repeat;
    opacity: 0;
    transform: rotate(2deg);
    transition: all .3s ease
}

.button--active::before {
    background: rgba(0, 0, 0, 0);
    border-color: #fff
}

.button--active::after {
    opacity: 1
}

.button--active:not(:disabled):hover::before {
    transform: rotate(1deg)
}

.button--active:not(:disabled):hover::after {
    transform: rotate(-2deg)
}

.button--middle {
    min-width: 248px
}

@media (max-width: 640px) {
    .button--middle {
        min-width: 182px
    }
}

.button--long {
    min-width: 260px
}

.button--dark {
    color: #fff
}

.button--dark::before {
    background-color: #140132;
    border-color: #01ffc2
}

.button--dark:not(:disabled):hover, .button--dark.button--active {
    color: #140132
}

.button--dark:not(:disabled):hover::before, .button--dark.button--active::before {
    border-color: #fff
}

.button--dark:not(:disabled):hover svg, .button--dark.button--active svg {
    fill: #140132
}

.button--dark svg {
    fill: #fff
}

.button--dark.loading .button__wrapper::after {
    border-color: #9f92e1;
    border-left-color: rgba(0, 0, 0, 0)
}

.button--secondary {
    color: #6800ba
}

.button--secondary::before {
    background-color: rgba(0, 0, 0, 0);
    border-color: #6800ba
}

.button--secondary svg {
    fill: #6800ba
}

.button--secondary:hover:not(:disabled)::before {
    border-color: #140132
}

.button--secondary:disabled::before {
    background-color: rgba(0, 0, 0, 0)
}

.button--download {
    height: 60px;
    padding: 15px 38px 15px 44px
}

@media (max-width: 640px) {
    .button--download {
        padding: 13px 22px 13px 28px
    }
}

.button--download .button__text {
    transform: translateY(1px)
}

.button--auxiliary {
    min-width: 195px;
    padding-left: 24px;
    padding-right: 20px;
    color: #6800ba
}

.button--auxiliary::before {
    background-color: #e5e1f8;
    border-color: #6800ba
}

.button--auxiliary svg {
    fill: #6800ba
}

.button--auxiliary:hover:not(:disabled)::before {
    border-color: #6800ba
}

.button--auxiliary:hover:not(:disabled) svg {
    fill: #140132
}

.button--auxiliary:disabled::before {
    background-color: #e5e1f8
}

@media (max-width: 768px) {
    .button--auxiliary {
        min-width: 70px;
        max-width: 70px;
        height: 30px;
        color: #fff
    }

    .button--auxiliary .button__text {
        display: none
    }

    .button--auxiliary .button__wrapper {
        gap: 0
    }

    .button--auxiliary::before {
        background-color: #6800ba
    }

    .button--auxiliary svg {
        fill: #fff
    }

    .button--auxiliary:not(:disabled):hover::after {
        opacity: 0
    }

    .button--auxiliary:not(:disabled):hover span {
        color: #fff;
        text-shadow: none
    }

    .button--auxiliary:not(:disabled):hover svg {
        fill: #fff;
        filter: none
    }
}

.button--full-width {
    width: 100%
}

.button.loading {
    color: rgba(0, 0, 0, 0)
}

.button.loading .button__wrapper::after {
    display: block
}

.button__wrapper {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0 5px
}

.button__wrapper:after {
    content: "";
    position: absolute;
    left: calc(50% - 13px);
    top: calc(50% - 13px);
    display: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 3px solid #9f92e1;
    border-top-color: rgba(0, 0, 0, 0);
    animation: rotation 1.2s linear infinite
}

.button__text, .button__steps {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: .08em;
    text-transform: uppercase
}

.button__text span, .button__steps span {
    transition: all .3s ease
}

.button__text {
    transition: all .3s ease
}

.button__icons {
    display: flex;
    align-items: center;
    gap: 0 3px
}

.button__img {
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    fill: #140132;
    filter: drop-shadow(2px 2px 0px rgba(255, 255, 255, 0));
    transition: all .3s ease
}

@media (max-width: 640px) {
    .button__img {
        width: 20px;
        min-width: 20px;
        height: 20px
    }
}

.button__img--as {
    transform: translateY(-1px)
}

.button__img--double-arrow {
    width: 19px;
    height: 13px
}

.button__img--prev {
    transform: scale(-1, 1)
}

.button__img--single-arrow {
    width: 12px;
    min-width: 12px;
    height: 12px
}

@media (max-width: 640px) {
    .button__img--single-arrow {
        width: 11px;
        min-width: 11px;
        height: 11px
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.theme-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 60px;
    height: 26px;
    padding: 5px 4px;
    background-color: #fff;
    border: 2px solid #140132;
    border-radius: 30px;
    cursor: pointer;
    transition: all .2s ease
}

.theme-button:hover .theme-button__icons {
    background-color: #140132
}

.theme-button:hover .theme-button__img {
    fill: #fff
}

@media (max-width: 960px) {
    .theme-button--desktop {
        display: none
    }
}

.theme-button--mobile {
    display: none
}

@media (max-width: 960px) {
    .theme-button--mobile {
        display: flex
    }
}

.theme-button__icons {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
    transition: all .2s ease
}

.theme-button__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    fill: #140132;
    transition: all .2s ease
}

.theme-button__img--dark {
    opacity: 1;
    border: 2px solid #140132;
    border-radius: 50%
}

.theme-button__img--light {
    opacity: 0
}

.menu-button {
    display: flex;
    align-items: center;
    gap: 0 10px;
    padding: 16px 38px;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #140132;
    border-radius: 30px;
    cursor: pointer;
    transition: border-color .2s ease
}

@media (max-width: 960px) {
    .menu-button {
        padding: 0;
        border: none;
        border-radius: 0
    }
}

.menu-button.active .menu-button__line--center {
    opacity: 0
}

.menu-button.active .menu-button__line--topBottom::before {
    top: 38.3%;
    transform: rotate(45deg);
    transition: top .1s ease, transform .1s ease .1s
}

@media (max-width: 960px) {
    .menu-button.active .menu-button__line--topBottom::before {
        top: 42.5%
    }
}

.menu-button.active .menu-button__line--topBottom::after {
    bottom: 38.3%;
    transform: rotate(-45deg);
    transition: bottom .1s ease, transform .1s ease .1s
}

@media (max-width: 960px) {
    .menu-button.active .menu-button__line--topBottom::after {
        bottom: 42.5%
    }
}

.menu-button__text {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: .08em;
    text-transform: uppercase
}

@media (max-width: 960px) {
    .menu-button__text {
        display: none
    }
}

.menu-button__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 14px;
    transition: transform .2s ease
}

@media (max-width: 960px) {
    .menu-button__wrapper {
        width: 32px;
        height: 20px
    }
}

.menu-button__line {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #140132;
    border-radius: 30px
}

.menu-button__line--center {
    transition: opacity .3s ease
}

.menu-button__line--topBottom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.menu-button__line--topBottom::before, .menu-button__line--topBottom::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #140132;
    border-radius: 30px
}

.menu-button__line--topBottom::before {
    top: 0;
    transition: top .1s ease .1s, transform .1s ease
}

.menu-button__line--topBottom::after {
    bottom: 0;
    transition: bottom .1s ease .1s, transform .1s ease
}

.slider-button {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    transform: translateY(-50%);
    cursor: pointer
}

@media (max-width: 640px) {
    .slider-button {
        width: 32px;
        height: 32px
    }

    .slider-button svg {
        width: 13px;
        height: 13px
    }
}

@media (max-width: 640px) {
    .slider-button.animation-pulse::before {
        animation: pulse 1s .5s infinite
    }

    .slider-button.animation-pulse::before:hover {
        animation: none
    }
}

.slider-button--static {
    position: relative
}

.slider-button--static.slider-button--prev, .slider-button--static.slider-button--next {
    transform: none
}

.slider-button:hover::before {
    transform: scale(1.15)
}

.slider-button:active::before {
    background-color: #fff;
    transform: scale(1)
}

.slider-button:active svg {
    fill: #140132
}

.slider-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 50%;
    background-color: #140132;
    transition: all .2s ease
}

.slider-button svg {
    position: relative;
    z-index: 2;
    width: 9px;
    height: 9px;
    fill: #fff;
    transform: translateX(-1px);
    transition: all .2s ease
}

.slider-button--white::before {
    background-color: #fff
}

.slider-button--white svg {
    stroke: #140132;
    fill: #140132
}

.slider-button--prev {
    transform: translateY(-50%)
}

.slider-button--prev svg {
    transform: translateX(1px) rotate(180deg)
}

.slider-button--next {
    transform: translateY(-50%)
}

.slider-button--next svg {
    transform: translateX(-1px)
}

@keyframes pulse {
    from, to {
        transform: scale(1)
    }
    25% {
        transform: scale(1.02)
    }
    50% {
        transform: scale(0.95)
    }
    75% {
        transform: scale(1.04)
    }
}

.color-button {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
    padding: 16px 14px 20px 35px;
    min-width: 264px;
    color: #fff;
    font-size: 17.68px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: .04em;
    text-align: left;
    text-transform: uppercase;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-shadow: 2px 2px 0 #140132;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

@media (max-width: 640px) {
    .color-button {
        gap: 0 20px;
        padding: 10px 30px 12px 42px;
        font-size: 16px;
        line-height: 19px
    }
}

.color-button--long {
    min-width: 438px
}

@media (max-width: 640px) {
    .color-button--long {
        min-width: 340px
    }
}

.color-button--small {
    padding: 8px 14px 12px 35px
}

@media (max-width: 640px) {
    .color-button--small {
        padding: 10px 30px 12px 42px
    }
}

.color-button span:not(.qr-code__text) {
    white-space: nowrap;
    overflow: hidden;
    transform: rotate(-1deg) translateY(1px)
}

@media (max-width: 640px) {
    .color-button span:not(.qr-code__text) {
        transform: none
    }
}

.color-button::before, .color-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 100%;
    transform: rotate(-1.8deg) translate(-50%, -60%);
    transition: opacity .2s ease
}

@media (max-width: 640px) {
    .color-button::before, .color-button::after {
        transform: translate(-50%, -52%)
    }
}

.color-button::before {
    background: url("../assets/images/bg-button-pink.ce697daf.png") center center/100% 100% no-repeat
}

.color-button::after {
    background: url("../assets/images/bg-button-violet.2806805f.png") center center/100% 100% no-repeat;
    opacity: 0
}

.color-button:hover::before {
    opacity: 0
}

.color-button:hover::after {
    opacity: 1
}

.color-button .qr-code__modal {
    top: 24px
}

.color-button .qr-code__modal.qr-code__modal--reverse {
    bottom: 24px
}

.color-button__arrow {
    position: relative;
    width: 92px;
    height: 43px;
    background: url("../assets/images/arrow.27bb02cf.png") center center/100% 100% no-repeat;
    transform: translateY(-3px)
}

@media (max-width: 640px) {
    .color-button__arrow {
        width: 80px;
        height: 34px;
        transform: none
    }
}

.widget {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90;
    padding: 5px 20px;
    background-color: #f1effb;
    transition: transform .5s ease;
    --ion-safe-area-bottom: env(safe-area-inset-bottom)
}

@media (max-width: 960px) {
    .widget {
        padding: 8px 0
    }
}

.widget.no-anim {
    transform: none
}

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

.widget__col {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0 10px
}

.widget__col--left {
    padding-right: 20px;
    background-color: #f1effb
}

@media (max-width: 960px) {
    .widget__col--left {
        display: none
    }
}

.widget__col--right {
    padding-left: 20px;
    background-color: #f1effb
}

@media (max-width: 960px) {
    .widget__col--right {
        flex-direction: column;
        gap: 5px 0;
        position: absolute;
        top: -120px;
        right: 12px;
        padding: 5px;
        border-radius: 15px
    }
}

.widget__col--center {
    z-index: 1;
    flex-grow: 1;
    overflow: hidden
}

.widget__button {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 10px;
    border: none;
    overflow: hidden;
    cursor: pointer;
    transition: background-color .2s ease
}

.widget__button:hover .widget__button-img--light, .widget__button:hover .widget__button-img--dark {
    opacity: 0
}

.widget__button:hover .widget__button-img--color {
    opacity: 1
}

.widget__button--leaders .widget__button-img--light {
    background: url("../assets/images/leaders-light.a3f1dc57.png") center/100% no-repeat
}

.widget__button--leaders .widget__button-img--dark {
    background: url("../assets/images/leaders-dark.2dac2012.png") center/100% no-repeat
}

.widget__button--leaders .widget__button-img--color {
    background: url("../assets/images/leaders-color.67a41587.png") center/100% no-repeat
}

.widget__button--calc .widget__button-img--light {
    background: url("../assets/images/calc-light.585cba2d.png") center/100% no-repeat
}

.widget__button--calc .widget__button-img--dark {
    background: url("../assets/images/calc-dark.1e7b8fe7.png") center/100% no-repeat
}

.widget__button--calc .widget__button-img--color {
    background: url("../assets/images/calc-color.57e9759f.png") center/100% no-repeat
}

.widget__button--help .widget__button-img--light {
    background: url("../assets/images/help-light.d60d5015.png") center/100% no-repeat
}

.widget__button--help .widget__button-img--dark {
    background: url("../assets/images/help-dark.e6ef8f24.png") center/100% no-repeat
}

.widget__button--help .widget__button-img--color {
    background: url("../assets/images/help-color.171de3dc.png") center/100% no-repeat
}

.widget__button-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease
}

.widget__button-img--light {
    width: 38px;
    height: 38px
}

.widget__button-img--dark {
    width: 38px;
    height: 38px;
    opacity: 0
}

.widget__button-img--color {
    width: 50px;
    height: 50px;
    opacity: 0;
    border-radius: 10px;
    overflow: hidden
}

.widget__title {
    width: 176px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase
}

@media (max-width: 960px) {
    .widget__title {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width: 960px) {
    .widget__title--desktop {
        display: none
    }
}

.widget__title--mobile {
    display: none;
    margin-bottom: 8px;
    max-width: none;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 16.8px;
    letter-spacing: .08em;
    text-align: center
}

@media (max-width: 960px) {
    .widget__title--mobile {
        display: block
    }
}

.widget__rating {
    width: 100%
}

.widget__rating-list {
    position: relative;
    width: 100%;
    height: 50px;
    outline: none;
    justify-content: flex-start
}

.widget__rating-list .flickity-viewport, .widget__rating-list .flickity-slider {
    height: 100%
}

.widget__rating-item {
    position: relative;
    flex-shrink: 1;
    margin-right: 10px;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all .2s ease
}

.widget__rating-item:hover .widget__rating-wrapper::before {
    animation: highOpacity .2s ease forwards
}

.widget__rating-item:hover .widget__rating-number {
    border-color: rgba(0, 0, 0, 0)
}

.widget__rating-item:hover .widget__rating-number span {
    transform: scale(1.2)
}

.widget__rating-item:hover .widget__rating-number::after {
    opacity: 0
}

.widget__rating-item:hover .widget__rating-email, .widget__rating-item:hover .widget__rating-glasses, .widget__rating-item:hover .widget__rating-incomeX {
    color: #fff;
    text-shadow: #140132 1.5px 1.5px
}

.widget__rating-item:hover .widget__rating-income {
    color: #140132;
    background-color: #fff;
    box-shadow: 2px 2px #140132
}

.widget__rating-item .widget__rating-number--common::after {
    background-color: #cacaca
}

.widget__rating-item .widget__rating-number--elementary::after {
    background-color: #ffeb72
}

.widget__rating-item .widget__rating-number--unique::after {
    background-color: #ffa800
}

.widget__rating-item .widget__rating-number--legendary::after {
    background-color: #fd312b
}

.widget__rating-item .widget__rating-number--lite::after {
    background-color: #00d062
}

.widget__rating-item .widget__rating-number--smart::after {
    background-color: #41f4ff
}

.widget__rating-item .widget__rating-number--rare::after {
    background-color: #06f
}

.widget__rating-item .widget__rating-number--lite::after {
    background-color: lime
}

.widget__rating-item .widget__rating-number--simple::after {
    background-color: #ff00e1
}

.widget__rating-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 10px;
    padding: 8px 10px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden
}

.widget__rating-wrapper::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 1;
    background: url("../assets/images/link-bg.fe59cfbb.png") center/100% 100% no-repeat;
    border-radius: 10px;
    overflow: hidden;
    animation: lowOpacity .2s ease forwards;
    pointer-events: none
}

.widget__rating-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 10px;
    flex-grow: 1
}

.widget__rating-col {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column
}

.widget__rating-col--center {
    align-items: flex-start;
    justify-content: center;
    gap: 4px 0
}

.widget__rating-col--right {
    align-items: center;
    justify-content: center;
    gap: 2px 0
}

.widget__rating-number {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border: 1px solid #140132;
    border-radius: 5px;
    transition: border-color .2s ease
}

.widget__rating-number::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: -1;
    background: url("../assets/images/number-bg.7b2d7329.png") center center/100% 100% no-repeat;
    border-radius: 3px;
    overflow: hidden;
    transition: all .2s ease
}

.widget__rating-number span {
    position: relative;
    z-index: 3;
    text-shadow: #140132 1.5px 1.5px;
    transition: transform .2s ease
}

.widget__rating-glasses, .widget__rating-incomeX {
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    transition: all .2s ease
}

.widget__rating-email {
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    transition: all .2s ease
}

.widget__rating-income {
    padding: 0 5px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    color: #fff;
    background-color: #140132;
    border-radius: 30px;
    transition: all .2s ease
}

.widget .flickity-prev-next-button.previous, .widget .flickity-rtl .flickity-prev-next-button.previous {
    left: 7px
}

@media (max-width: 960px) {
    .widget .flickity-prev-next-button.previous, .widget .flickity-rtl .flickity-prev-next-button.previous {
        left: 10px
    }
}

.widget .flickity-prev-next-button.next, .widget .flickity-rtl .flickity-prev-next-button.next {
    right: 7px
}

@media (max-width: 960px) {
    .widget .flickity-prev-next-button.next, .widget .flickity-rtl .flickity-prev-next-button.next {
        right: 10px
    }
}

@keyframes lowOpacity {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes highOpacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.video {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 166%;
    border-radius: 29px;
    overflow: hidden
}

.video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(180deg, rgba(46, 17, 148, 0.8) 0%, rgba(20, 1, 50, 0.8) 100%);
    opacity: 0;
    transition: opacity .2s ease
}

.video::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 1;
    background: url("../assets/images/bg-overlay.3ee0b304.png") center center/100% 100% no-repeat
}

.video--active::before, .video--active::after, .video--active .video__info, .video--active .video__description, .video--active .video__inner {
    display: none
}

.video__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__link picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video__link picture.v5 {
    display: none
}

.video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    -o-object-fit: cover;
    object-fit: cover
}

.video__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 36px
}

.video__inner--width {
    width: 90%
}

.video__info {
    position: absolute;
    top: 9px;
    left: 9px;
    right: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0 10px
}

.video__avatar {
    width: 40px;
    min-width: 40px;
    height: 40px
}

.video__avatar--01 {
    background: url("../assets/images/avatar-01.43885006.png") center/cover no-repeat
}

.video__avatar--02 {
    background: url("../assets/images/avatar-02.0316de6b.png") center/cover no-repeat
}

.video__avatar--03 {
    background: url("../assets/images/avatar-03.2dc8575e.png") center/cover no-repeat
}

.video__avatar--04 {
    background: url("../assets/images/avatar-04.8dee2f00.png") center/cover no-repeat
}

.video__avatar--05 {
    background: url("../assets/images/avatar-05.d125cbdc.png") center/cover no-repeat
}

.video__avatar--06 {
    background: url("../assets/images/avatar-06.56800d5c.png") center/cover no-repeat
}

.video__avatar--07 {
    background: url("../assets/images/avatar-07.7cf9a098.png") center/cover no-repeat
}

.video__avatar--08 {
    background: url("../assets/images/avatar-08.8bc7b181.png") center/cover no-repeat
}

.video__avatar--09 {
    background: url("../assets/images/avatar-09.10209f89.png") center/cover no-repeat
}

.video__nickname {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #fff;
    text-shadow: #140132 2px 2px;
    word-wrap: anywhere
}

.video__description {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 9px;
    right: 9px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #fff
}

.video__button {
    position: relative;
    display: block;
    padding: 0;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer
}

.video__button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: url("../assets/images/button-bg.fb478c53.svg") center/100% no-repeat;
    transition: transform .2s ease
}

.video__button-shape {
    fill: #212121;
    fill-opacity: .8
}

.video__button-icon {
    fill: #fff
}

.video__button:focus {
    outline: none
}

.video__button-img {
    position: absolute;
    top: calc(50% + 0px);
    left: calc(50% + 0px);
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px
}

.video:hover::before {
    opacity: 1
}

.video:hover .video__button::before {
    transform: rotate(-360deg)
}

.video--enabled {
    cursor: pointer
}

.video--enabled .video__button {
    display: block
}

.qr-code {
    position: relative
}

@media (max-width: 960px) {
    .qr-code {
        display: none
    }
}

.qr-code:hover .qr-code__modal {
    opacity: 1;
    visibility: visible
}

.qr-code--secondary .qr-code__wrapper {
    flex-direction: row;
    justify-content: space-between;
    height: 100%
}

.qr-code--secondary .qr-code__modal {
    top: calc(100% + 13px);
    width: 312px;
    height: 164px;
    padding: 10px 14px 10px 11px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5019607843)
}

.qr-code--secondary .qr-code__modal::before {
    background-image: url("../assets/images/bg-light-2.f45bcfe4.png")
}

.qr-code--secondary .qr-code__modal::after {
    background-image: url("../assets/images/bg-dark-2.6c856340.png")
}

.qr-code--secondary .qr-code__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    width: 100%;
    height: 100%
}

.qr-code--reverse .qr-code__modal {
    top: auto;
    bottom: calc(100% + 11px)
}

.qr-code--reverse .qr-code__modal::before, .qr-code--reverse .qr-code__modal::after {
    transform: translate(-50%, -50%) rotate(180deg)
}

.qr-code--reverse .qr-code__arrow {
    top: auto;
    bottom: -11px;
    transform: rotate(180deg)
}

.qr-code--top .qr-code__modal {
    top: 100%
}

.qr-code button:not(.qr-code__copy) {
    cursor: default
}

.qr-code a {
    cursor: pointer
}

.qr-code__modal {
    position: absolute;
    top: 86%;
    left: 50%;
    width: 222px;
    height: 258px;
    padding: 32px 17px 17px;
    transform: translateX(-50%);
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden
}

.qr-code__modal::before, .qr-code__modal::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease
}

.qr-code__modal::before {
    background: url("../assets/images/bg-light-1.757b8b1e.png") center center/cover no-repeat
}

.qr-code__modal::after {
    background: url("../assets/images/bg-dark-1.2e4d264c.png") center center/cover no-repeat;
    opacity: 0
}

.qr-code__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.qr-code__picture {
    position: relative;
    width: 144px;
    height: 144px;
    padding: 2px;
    border-radius: 10px;
    overflow: hidden
}

.qr-code__picture img, .qr-code__picture canvas, .qr-code__picture svg {
    display: block;
    width: 100%;
    max-width: 144px
}

.qr-code__picture::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 10px;
    border: 2px solid #140132;
    pointer-events: none
}

.qr-code__picture::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 3;
    border-radius: 8px;
    border: 2px solid #6800ba;
    pointer-events: none
}

.qr-code__picture--v2, .qr-code__picture--v3 {
    display: none
}

.qr-code__text {
    max-width: 140px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    letter-spacing: .08em;
    text-align: center;
    text-transform: uppercase;
    color: #140132;
    text-shadow: none
}

.qr-code__text--divider {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 5px
}

.qr-code__arrow {
    position: absolute;
    top: -11px;
    left: 50%;
    width: 22px;
    height: 13px;
    transform: translateX(-50%)
}

.qr-code__arrow::before {
    background: url("../assets/images/arrow-light.ea95049d.png") center center/100% 100% no-repeat
}

.qr-code__arrow::after {
    background: url("../assets/images/arrow-dark.5f58cd11.png") center center/100% 100% no-repeat
}

.qr-code__copy {
    display: flex;
    align-items: center;
    padding: 2px 6px;
    max-width: 100%;
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    letter-spacing: .04em;
    color: #fff;
    background-color: #140132;
    border: 1px solid #6800ba;
    border-radius: 30px;
    cursor: pointer
}

.qr-code__copy .qr-code__copy-img--check {
    display: none
}

.qr-code__copy--copied .qr-code__copy-img--copy {
    display: none
}

.qr-code__copy--copied .qr-code__copy-img--check {
    display: block
}

.qr-code__copy-icons {
    position: relative;
    width: 18px;
    min-width: 18px;
    height: 18px
}

.qr-code__copy-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.qr-code__shadow {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    z-index: -1;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5019607843)
}

.socials__list {
    display: flex;
    align-items: center;
    gap: 0 19px
}

.socials__item {
    width: 30px;
    min-width: 30px;
    height: 30px
}

.socials__item:hover svg {
    fill: #140132
}

.socials__item--dark svg {
    fill: #140132
}

.socials__item--dark:hover svg {
    fill: #6800ba
}

.socials__item-link {
    display: block;
    width: 100%;
    height: 100%
}

.socials__item-img {
    fill: #6800ba;
    transition: fill .2s ease
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 190;
    display: none;
    width: 100vw;
    height: 100 dvh
}

.modal.modal--active {
    display: block
}

@media (max-width: 640px) {
    .modal#modal-information .modal__wrapper {
        padding-top: 0;
        padding-bottom: 0
    }
}

.modal .container {
    min-height: 100%;
    display: flex;
    align-items: center
}

.modal__wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-top: 100px;
    padding-bottom: 100px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

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

.modal__content {
    width: 100%;
    display: flex;
    justify-content: center
}

.modal__content--reviews {
    max-width: 360px;
    margin: 0 auto
}

.modal__content--video {
    position: relative;
    max-width: 300px;
    margin: 0 auto
}

@media (max-width: 640px) {
    .modal__content--video {
        max-width: 80%
    }
}

.modal__content--video .modal__close {
    top: -30px;
    right: -30px
}

.modal__close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 3;
    width: 27px;
    min-width: 27px;
    height: 27px;
    padding: 2px
}

.modal__close-btn {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer
}

.modal__btn-img {
    stroke: #140132;
    transition: stroke .2s ease
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    transition: background-color .2s ease
}

.y-video {
    position: relative;
    padding-top: 534px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    overflow: hidden
}

@media (max-width: 640px) {
    .y-video {
        padding-top: 142%;
        max-width: 80%;
        margin: 0 auto
    }
}

.y-video__element {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 120;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100 dvh;
    transition: opacity .5s ease;
    background-color: #6800ba
}

.preloader--hidden {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.preloader__loading {
    position: absolute;
    left: 50%;
    bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px 0;
    transform: translateX(-50%)
}

.preloader__loading-wrapper {
    position: relative;
    width: 250px;
    height: 10px;
    padding: 1px;
    border: 1px solid #fff;
    border-radius: 30px
}

.preloader__loading-image {
    width: 0;
    height: 100%;
    background: url("../assets/images/bg.e38b58c7.png") left center/250px 100% no-repeat;
    border-radius: 30px;
    overflow: hidden
}

.preloader__loading-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: center;
    color: #fff
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 92;
    width: 100vw;
    height: 100vh;
    pointer-events: none
}

.menu.active {
    pointer-events: visible
}

.menu.active .menu__content {
    transform: translateY(0)
}

.menu.active .menu__overlay {
    opacity: 1;
    visibility: visible
}

.menu__wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.menu__content {
    position: relative;
    z-index: 1;
    background-color: #fff;
    transform: translateY(-100%);
    transition: transform .25s ease;
    overflow-y: auto
}

@media (max-width: 960px) {
    .menu__content {
        height: 100 dvh
    }
}

.menu .container {
    position: relative;
    z-index: 2;
    height: 100%
}

.menu__inner {
    display: flex;
    flex-direction: column;
    gap: 65px 0;
    padding: 110px 0 35px 0;
    min-height: 100%
}

@media (max-width: 1024px) {
    .menu__inner {
        gap: 30px 0
    }
}

@media (max-width: 960px) {
    .menu__inner {
        padding-top: 100px
    }
}

@media (max-width: 640px) {
    .menu__inner {
        padding-top: 90px
    }
}

.menu__header {
    display: none;
    grid-template-columns:repeat(2, 1fr);
    gap: 0 67px
}

@media (max-width: 1250px) {
    .menu__header {
        display: grid
    }
}

@media (max-width: 1024px) {
    .menu__header {
        gap: 0 20px
    }
}

.menu__top {
    display: grid;
    grid-template-columns:repeat(4, 210px);
    grid-gap: 0 67px;
    gap: 0 67px
}

@media (max-width: 1024px) {
    .menu__top {
        grid-template-columns:repeat(2, 1fr);
        gap: 20px
    }
}

.menu__bottom {
    display: none;
    flex-direction: column;
    align-items: flex-end
}

@media (max-width: 960px) {
    .menu__bottom {
        display: flex
    }
}

@media (max-width: 640px) {
    .menu__bottom a {
        width: 100%
    }
}

.menu__bottom a::before {
    display: none
}

.menu__bottom a::after {
    transform: none
}

.menu__bottom a:not(:disabled):hover::after {
    transform: none
}

.menu__langs {
    display: none;
    grid-template-columns:repeat(2, 1fr);
    gap: 10px 20px;
    margin-top: -10px
}

.menu__langs.active {
    display: grid
}

.menu__langs-link {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .04em;
    text-transform: uppercase;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit
}

.menu__center {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0 70px
}

@media (max-width: 960px) {
    .menu__center {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        flex-grow: 1;
        gap: 0
    }
}

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

@media (max-width: 960px) {
    .menu__left {
        align-items: flex-end;
        margin-bottom: 30px;
        gap: 10px 0;
        text-align: right
    }
}

.menu__col--langs {
    display: none
}

@media (max-width: 1024px) {
    .menu__col--langs {
        display: flex;
        align-items: flex-start;
        margin-top: 7px
    }
}

.menu__nav {
    display: flex;
    flex-direction: column;
    gap: 15px 0
}

@media (max-width: 960px) {
    .menu__nav {
        gap: 10px 0
    }
}

.menu__nav-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #140132
}

@media (max-width: 960px) {
    .menu__nav-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: .04em
    }
}

.menu__nav-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px 0
}

@media (max-width: 960px) {
    .menu__nav-list {
        gap: 10px 0
    }
}

.menu__nav-list--row {
    flex-direction: row;
    gap: 0 30px
}

@media (max-width: 960px) {
    .menu__nav-list--row {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 5px 12px
    }
}

.menu__nav-link {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .08em;
    text-transform: uppercase;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #140132;
    transition: all .2s ease
}

@media (max-width: 960px) {
    .menu__nav-link {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: .04em
    }
}

.menu__nav-link svg {
    stroke: #140132
}

.menu__nav-link:hover {
    color: #6800ba
}

.menu__nav-link:hover svg {
    stroke: #6800ba
}

.menu__nav-link:hover::before {
    opacity: 1
}

.menu__nav-link::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: .1em #6800ba;
    transition: opacity .2s ease;
    opacity: 0
}

.menu__nav-link.active {
    pointer-events: none
}

.menu__nav-link.active::before {
    opacity: 1
}

.menu__nav-link--secondary {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .04em;
    text-transform: none
}

.menu__nav-link--arrow {
    display: flex;
    align-items: flex-start;
    gap: 0 5px;
    stroke: #6800ba
}

.menu__nav-arrow {
    display: block;
    width: 6px;
    min-width: 6px;
    height: 6px;
    background: url("../assets/images/arrow-violet.97dd9e90.svg") center/100% no-repeat;
    transform: translateY(6px);
    transition: stroke .2s ease
}

@media (max-width: 960px) {
    .menu__nav-arrow {
        transform: translateY(4px)
    }
}

.menu__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    visibility: hidden;
    background-color: rgba(255, 255, 255, .7);
    opacity: 0;
    transition: opacity .3s ease;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.menu__button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    border: none;
    margin: -12px 0
}

.menu__button--close:hover .menu__button-img {
    stroke: #fa05f1
}

.menu__button-img {
    width: 12px;
    height: 13px;
    stroke: #140132;
    transition: stroke .2s ease
}

.menu__logo {
    width: 31px;
    height: 24px
}

.menu__logo:hover .footer__logo-img {
    fill: #140132
}

.menu__blockchain {
    display: flex;
    align-items: center;
    gap: 0 22px
}

@media (max-width: 960px) {
    .menu__blockchain {
        margin-right: -10px;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 17px
    }
}

.menu__blockchain-link {
    width: 175px;
    min-width: 175px;
    height: 41px
}

@media (max-width: 960px) {
    .menu__blockchain-link {
        width: 141px;
        min-width: 141px;
        height: 33px
    }
}

.menu__blockchain-img {
    width: 100%;
    height: 100%
}

.menu__blockchain-img--certik::before {
    z-index: 0;
    background: url("../assets/images/certik-light.f119f9a9.png") center/100% no-repeat
}

.menu__blockchain-img--certik::after {
    z-index: 0;
    background: url("../assets/images/certik-dark.c90f690e.png") center/100% no-repeat
}

.menu__blockchain-img--pessimistic::before {
    z-index: 0;
    background: url("../assets/images/pessimistic-light.0f4af963.png") center/100% no-repeat
}

.menu__blockchain-img--pessimistic::after {
    z-index: 0;
    background: url("../assets/images/pessimistic-dark.f33299d3.png") center/100% no-repeat
}

.menu__branding {
    display: none;
    flex-direction: column;
    gap: 10px 0
}

@media (max-width: 960px) {
    .menu__branding {
        display: flex;
        align-items: flex-end
    }
}

.menu__logo {
    width: 32px;
    height: 25px
}

.menu__logo:hover .footer__logo-img {
    fill: #6800ba
}

.menu__logo-img {
    fill: #140132;
    transition: fill .2s ease
}

.menu__copyright {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #140132
}

.menu__rates {
    flex-wrap: wrap
}

.logo {
    position: fixed;
    z-index: 110;
    top: 22px;
    left: calc(50% - 28px);
    width: 56px;
    height: 43px;
    transition: opacity .5s ease
}

@media (max-width: 960px) {
    .logo {
        top: 18px;
        width: 39px;
        height: 30px
    }
}

.logo.no-anim {
    opacity: 1
}

.logo:hover .logo__img.logo__img--pepper {
    opacity: 0;
    transition: all .2s ease
}

.logo:hover .logo__img.logo__img--cheelee {
    opacity: 1;
    width: 101px;
    height: 27px;
    max-width: 101px;
    transition: all .3s ease
}

.logo--white .logo__img {
    fill: #fff
}

.logo__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%
}

.logo__img {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    fill: #140132;
    transform: translate(-50%, -50%)
}

.logo__img--pepper {
    transition: all .8s ease
}

.logo__img--cheelee {
    width: 56px;
    height: 43px;
    opacity: 0;
    transition: all .3s ease
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 110;
    padding: 15px 0 0;
    background-color: #fff;
    transition: transform .5s ease
}

@media (max-width: 960px) {
    .header {
        padding: 20px 0
    }
}

.header::before, .header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 110px;
    pointer-events: none
}

@media (max-width: 960px) {
    .header::before, .header::after {
        height: 100px
    }
}

@media (max-width: 640px) {
    .header::before, .header::after {
        height: 86px
    }
}

.header::before {
    background: url("../assets/images/bg-top-light.1731c6f2.png") center center/1507px 100% repeat-x
}

.header::after {
    background: url("../assets/images/bg-top-dark.3ca6dd8d.png") center center/1507px 100% repeat-x;
    opacity: 0
}

.header__content {
    position: relative;
    z-index: 2
}

.header__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

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

.header__col--left {
    justify-content: flex-start
}

.header__col--right {
    justify-content: flex-end;
    gap: 0 32px
}

@media (max-width: 1024px) {
    .header__langs {
        display: none
    }
}

@media (max-width: 1250px) {
    .header__rates {
        display: none
    }
}

@media (max-width: 960px) {
    .header__download {
        display: none
    }
}

.offer {
    position: relative;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    margin-bottom: 10px;
    color: #fcfcfd;
    background-color: #6800ba
}

@media (max-width: 1024px) {
    .offer {
        height: calc(100vh - 30px);
        margin-bottom: 0
    }
}

@media (max-width: 640px) {
    .offer {
        height: 165vw;
        min-height: 165vw
    }
}

.offer--v8 .container--offer {
    padding: 0
}

@media (max-width: 640px) {
    .offer--v8 .container--offer {
        padding: 0 20px
    }
}

.offer--v8 .offer__start-text br {
    display: none
}

.offer__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.offer__path {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.offer__path--01 {
    z-index: 4;
    pointer-events: none;
    max-height: 100%;
    overflow: hidden;
    display: none
}

.offer__path--02 {
    z-index: 3;
    transition: opacity .5s ease
}

.offer__logo {
    padding-bottom: 50px;
    transition: all .5s ease
}

.offer__logo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px 0
}

.offer__logo-img {
    fill: #fff
}

.offer__logo-img--pepper {
    width: 166px;
    height: 127px
}

@media (max-width: 640px) {
    .offer__logo-img--pepper {
        width: 86px;
        height: 66px
    }
}

.offer__logo-img--cheelee {
    width: 478px;
    height: 128px
}

@media (max-width: 640px) {
    .offer__logo-img--cheelee {
        width: 250px;
        height: 66px
    }
}

.offer__start-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 1024px) {
    .offer__start-wrapper {
        padding-bottom: 34px
    }
}

.offer__start-title {
    margin-bottom: 10px;
    text-align: center
}

@media (max-width: 768px) {
    .offer__start-title {
        max-width: 480px
    }
}

@media (max-width: 640px) {
    .offer__start-title {
        margin-bottom: 5px;
        font-size: 30px;
        line-height: 30px
    }
}

.offer__start-title--second {
    display: none
}

.offer__start-text {
    margin-bottom: 20px;
    text-align: center
}

@media (max-width: 640px) {
    .offer__start-text {
        margin-bottom: 10px
    }
}

@media (max-width: 640px) {
    .offer__start-text {
        font-size: 16px;
        line-height: 22px
    }
}

.offer__start-text--first-sm {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    margin-bottom: 30px;
    text-transform: none;
    text-transform: initial;
    letter-spacing: 0;
    max-width: 630px
}

@media (max-width: 640px) {
    .offer__start-text--first-sm {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
        text-align: center
    }
}

.offer__start-text--second {
    display: none
}

.offer__start-text--mw {
    max-width: 700px
}

@media (max-width: 640px) {
    .offer__start-text--mw {
        max-width: 400px
    }
}

.offer__download-link {
    display: none
}

@media (max-width: 960px) {
    .offer__download-link--v1 {
        display: block
    }
}

.offer__bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100 dvh;
    min-height: 848px
}

@media (min-width: 1600px) {
    .offer__bg {
        min-height: 60vw
    }
}

@media (max-width: 1024px) {
    .offer__bg {
        height: calc(100dvh - 60px);
        min-height: 848px
    }
}

@media (max-width: 640px) {
    .offer__bg {
        height: 158vw;
        min-height: auto
    }
}

.offer__bg::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 2;
    background-color: #fff;
    transition: background-color .2s ease
}

.offer__bg-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    min-width: 100%;
    height: 110px;
    min-height: 110px;
    transition: transform .5s ease
}

.offer__bg-bottom::before, .offer__bg-bottom::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease
}

.offer__bg-bottom::before {
    background: url("../assets/images/bg-bottom-light.aeaac290.png") center center/1507px 100% repeat-x
}

.offer__bg-bottom::after {
    background: url("../assets/images/bg-bottom-dark.eb29a31e.png") center center/1507px 100% repeat-x;
    opacity: 0
}

.offer__bg-pattern {
    position: absolute;
    z-index: 2;
    pointer-events: none
}

.offer__bg-pattern .offer__bg-img {
    width: 100%;
    height: 100%
}

.offer__bg-pattern--paint-01 {
    z-index: 1;
    left: 3.5%;
    top: 9%;
    width: 11vw;
    height: 18vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--paint-01 {
        left: -3%;
        top: 6%;
        width: 22vw;
        height: 32vw
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--paint-01 {
        width: 26vw;
        height: 36vw
    }
}

.offer__bg-pattern--paint-01 .offer__bg-img {
    background: url("../assets/images/paint-01.7446abe4.png") center/100% no-repeat
}

.offer__bg-pattern--bump {
    left: 5%;
    top: 26%;
    width: 6vw;
    height: 11vw;
    transform: rotate(41deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--bump {
        left: 0;
        top: 21%;
        width: 10vw;
        height: 16vw;
        transform: rotate(45deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--bump {
        width: 10vw;
        height: 16vw
    }
}

.offer__bg-pattern--bump .offer__bg-img {
    background: url("../assets/images/bump.6bdfc360.png") center/100% no-repeat
}

.offer__bg-pattern--flower-skyblue-01 {
    left: -2%;
    top: 45%;
    width: 8.5vw;
    height: 8.5vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--flower-skyblue-01 {
        left: -4%;
        top: auto;
        bottom: 35%;
        width: 10vw;
        height: 10vw
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--flower-skyblue-01 {
        width: 13vw;
        height: 13vw
    }
}

.offer__bg-pattern--flower-skyblue-01 .offer__bg-img {
    background: url("../assets/images/flower-full-skyblue.0a82c0ac.png") center/100% no-repeat
}

.offer__bg-pattern--dollar {
    left: 10%;
    bottom: 47%;
    width: 6.5vw;
    height: 9vw;
    transform: rotate(24deg)
}

@media (max-width: 1250px) {
    .offer__bg-pattern--dollar {
        left: 5%;
        bottom: 30%
    }
}

@media (max-width: 1024px) {
    .offer__bg-pattern--dollar {
        bottom: auto;
        top: 6%;
        left: 20%;
        width: 11vw;
        height: 13vw;
        transform: rotate(22deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--dollar {
        width: 11vw;
        height: 15vw
    }
}

.offer__bg-pattern--dollar .offer__bg-img {
    background: url("../assets/images/dollar-1.5bed3de7.png") center/100% no-repeat
}

.offer__bg-pattern--cross {
    z-index: 5;
    right: -3%;
    top: 4%;
    width: 20vw;
    height: 32vw;
    transform: rotate(-32deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--cross {
        right: -6%;
        top: 0;
        width: 36vw;
        height: 58vw;
        transform: rotate(-38deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--cross {
        right: -8%;
        top: 2%;
        width: 38vw;
        height: 58vw
    }
}

.offer__bg-pattern--cross .offer__bg-img {
    background: url("../assets/images/cross-cyan.f78d4f80.png") center/100% no-repeat
}

.offer__bg-pattern--moon {
    z-index: 5;
    left: 2%;
    bottom: 12%;
    width: 17vw;
    height: 17vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--moon {
        left: 7%;
        bottom: 12%;
        width: 26vw;
        height: 26vw;
        transform: rotate(2deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--moon {
        left: 2%;
        bottom: 17%;
        width: 29vw;
        height: 28vw
    }
}

.offer__bg-pattern--moon .offer__bg-img {
    background: url("../assets/images/moon.7361c896.png") center/100% no-repeat
}

.offer__bg-pattern--paint-02 {
    z-index: 1;
    left: -11%;
    bottom: -11%;
    width: 32vw;
    height: 24vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--paint-02 {
        left: -13%;
        bottom: 0;
        width: 50vw;
        height: 36vw
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--paint-02 {
        bottom: 3%;
        width: 50vw;
        height: 50vw
    }
}

.offer__bg-pattern--paint-02 .offer__bg-img {
    background: url("../assets/images/paint-02.b2f924f7.png") center/100% no-repeat
}

.offer__bg-pattern--shuriken-black-01 {
    z-index: 5;
    left: 3%;
    bottom: 1%;
    width: 8vw;
    height: 8vw;
    transform: rotate(17deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--shuriken-black-01 {
        display: none
    }
}

.offer__bg-pattern--shuriken-black-01 .offer__bg-img {
    background: url("../assets/images/shuriken-black.a5b25176.png") center/100% no-repeat
}

.offer__bg-pattern--lee {
    z-index: 5;
    left: 18.5%;
    bottom: 8%;
    width: 5vw;
    height: 5vw;
    transform: rotate(-24deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--lee {
        left: 35.5%;
        bottom: 7%;
        width: 7vw;
        height: 7vw
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--lee {
        left: 27.5%;
        bottom: 13%;
        width: 8vw;
        height: 8vw
    }
}

.offer__bg-pattern--lee .offer__bg-img {
    background: url("../assets/images/lee.acb423b4.png") center/100% no-repeat
}

.offer__bg-pattern--spray-cyan-01 {
    z-index: 1;
    left: -6%;
    top: -2%;
    width: 22vw;
    height: 24vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--spray-cyan-01 {
        left: -20%;
        top: -11%;
        width: 40vw;
        height: 42vw
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--spray-cyan-01 {
        width: 51vw;
        height: 53vw
    }
}

.offer__bg-pattern--spray-cyan-01 .offer__bg-img {
    background: url("../assets/images/spray-cyan.7bace0c1.png") center/100% no-repeat
}

.offer__bg-pattern--spray-pink-01 {
    z-index: 1;
    left: -8%;
    bottom: 21.5%;
    width: 22vw;
    height: 24vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--spray-pink-01 {
        z-index: 2;
        left: -21%;
        bottom: 24%;
        width: 40vw;
        height: 42vw;
        transform: rotate(-38deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--spray-pink-01 {
        width: 40vw;
        height: 42vw
    }
}

.offer__bg-pattern--spray-pink-01 .offer__bg-img {
    background: url("../assets/images/spray-pink.a8ce4199.png") center/100% no-repeat
}

.offer__bg-pattern--spray-pink-02 {
    left: 8.5%;
    bottom: -8%;
    width: 22vw;
    height: 24vw;
    transform: rotate(-120deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--spray-pink-02 {
        z-index: 2;
        left: 0;
        bottom: 6%;
        width: 40vw;
        height: 42vw;
        transform: rotate(53deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--spray-pink-02 {
        width: 40vw;
        height: 42vw
    }
}

.offer__bg-pattern--spray-pink-02 .offer__bg-img {
    background: url("../assets/images/spray-pink.a8ce4199.png") center/100% no-repeat
}

.offer__bg-pattern--flower-orange {
    right: 28%;
    top: 5%;
    width: 8vw;
    height: 8vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--flower-orange {
        display: none
    }
}

.offer__bg-pattern--flower-orange .offer__bg-img {
    background: url("") center/100% no-repeat
}

.offer__bg-pattern--pyramid-black {
    left: 2%;
    top: 3%;
    width: 15vw;
    height: 14vw;
    transform: rotate(16deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--pyramid-black {
        left: -6%;
        top: 3%;
        width: 25vw;
        height: 20vw;
        transform: rotate(16deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--pyramid-black {
        width: 31vw;
        height: 26vw
    }
}

.offer__bg-pattern--pyramid-black .offer__bg-img {
    background: url("../assets/images/pyramid-black.53e1bdd6.png") center/100% no-repeat
}

.offer__bg-pattern--paint-03 {
    z-index: 1;
    right: -13%;
    top: -4%;
    width: 33vw;
    height: 26vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--paint-03 {
        z-index: 1;
        right: -10%;
        top: 1%;
        width: 50vw;
        height: 38vw
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--paint-03 {
        width: 50vw;
        height: 38vw
    }
}

.offer__bg-pattern--paint-03 .offer__bg-img {
    background: url("../assets/images/paint-03.d877cbba.png") center/100% no-repeat
}

.offer__bg-pattern--crown {
    right: 20%;
    top: 13%;
    width: 6.5vw;
    height: 5vw;
    transform: rotate(-27deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--crown {
        right: 31%;
        top: 9%;
        width: 12vw;
        height: 10vw;
        transform: rotate(14deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--crown {
        width: 10vw;
        height: 8vw
    }
}

.offer__bg-pattern--crown .offer__bg-img {
    background: url("../assets/images/crown-black.f5e356be.png") center/100% no-repeat
}

.offer__bg-pattern--love {
    z-index: 5;
    right: 6.5%;
    top: 41.5%;
    width: 13vw;
    height: 7vw;
    transform: rotate(25deg)
}

@media (max-width: 1250px) {
    .offer__bg-pattern--love {
        top: 30%
    }
}

@media (max-width: 1024px) {
    .offer__bg-pattern--love {
        display: none
    }
}

.offer__bg-pattern--love .offer__bg-img {
    background: url("../assets/images/love.cf151552.png") center/100% no-repeat
}

.offer__bg-pattern--flower-skyblue-02 {
    z-index: 2;
    right: 19%;
    top: 39%;
    width: 5vw;
    height: 5vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--flower-skyblue-02 {
        right: -2%;
        top: 20%;
        width: 12vw;
        height: 12vw
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--flower-skyblue-02 {
        right: -4%;
        top: 32%;
        width: 16vw;
        height: 16vw
    }
}

.offer__bg-pattern--flower-skyblue-02 .offer__bg-img {
    background: url("../assets/images/flower-full-skyblue.0a82c0ac.png") center/100% no-repeat
}

@media (max-width: 1024px) {
    .offer__bg-pattern--flower-skyblue-02 .offer__bg-img {
        background-image: url("../assets/images/flower-empty-black.23f400ee.png")
    }
}

.offer__bg-pattern--hand {
    z-index: 5;
    right: 7%;
    bottom: 25%;
    width: 9vw;
    height: 10vw;
    transform: rotate(-15deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--hand {
        right: 5%;
        bottom: 19%;
        width: 16vw;
        height: 20vw;
        transform: rotate(-25deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--hand {
        right: 1%;
        bottom: 21%;
        width: 20vw;
        height: 24vw
    }
}

.offer__bg-pattern--hand .offer__bg-img {
    background: url("../assets/images/hand.902968a1.png") center/100% no-repeat
}

.offer__bg-pattern--flower-skyblue-03 {
    z-index: 4;
    right: -2%;
    bottom: 32%;
    width: 8vw;
    height: 8vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--flower-skyblue-03 {
        display: none
    }
}

.offer__bg-pattern--flower-skyblue-03 .offer__bg-img {
    background: url("../assets/images/flower-empty-skyblue.cd7edaeb.png") center/100% no-repeat
}

@media (max-width: 640px) {
    .offer__bg-pattern--flower-skyblue-03 .offer__bg-img {
        background-image: url("../assets/images/flower-empty-black.23f400ee.png")
    }
}

.offer__bg-pattern--shuriken-black-03 {
    right: 1.5%;
    bottom: 17%;
    width: 6vw;
    height: 6vw;
    transform: rotate(59deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--shuriken-black-03 {
        right: -3.5%;
        bottom: 35%;
        width: 13vw;
        height: 13vw;
        transform: none
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--shuriken-black-03 {
        width: 16vw;
        height: 16vw
    }
}

.offer__bg-pattern--shuriken-black-03 .offer__bg-img {
    background: url("../assets/images/shuriken-black.a5b25176.png") center/100% no-repeat
}

@media (max-width: 640px) {
    .offer__bg-pattern--shuriken-black-03 .offer__bg-img {
        background-image: url("../assets/images/flower-empty-skyblue.cd7edaeb.png")
    }
}

.offer__bg-pattern--heart-pink {
    z-index: 5;
    right: 11%;
    bottom: 1%;
    width: 13vw;
    height: 15vw;
    transform: rotate(24deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--heart-pink {
        right: 17%;
        bottom: 3%;
        width: 18vw;
        height: 25vw;
        transform: rotate(26deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--heart-pink {
        right: 11%;
        bottom: 7%;
        width: 24vw;
        height: 30vw
    }
}

.offer__bg-pattern--heart-pink .offer__bg-img {
    background: url("../assets/images/heart-pink.47865f08.png") center/100% no-repeat
}

.offer__bg-pattern--shuriken-pink {
    right: 22%;
    bottom: 14%;
    width: 8vw;
    height: 8vw;
    transform: rotate(17deg)
}

.offer__bg-pattern--shuriken-pink .offer__bg-img {
    background: url("") center/100% no-repeat
}

.offer__bg-pattern--spray-cyan-02 {
    z-index: 1;
    right: -7%;
    top: 1%;
    width: 24vw;
    height: 26vw;
    transform: rotate(-75deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--spray-cyan-02 {
        right: -6%;
        top: -1%;
        width: 40vw;
        height: 42vw;
        transform: rotate(-38deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--spray-cyan-02 {
        width: 40vw;
        height: 42vw
    }
}

.offer__bg-pattern--spray-cyan-02 .offer__bg-img {
    background: url("../assets/images/spray-cyan.7bace0c1.png") center/100% no-repeat
}

.offer__bg-pattern--spray-pink-03 {
    z-index: 1;
    right: -7%;
    bottom: 8%;
    width: 22vw;
    height: 24vw
}

@media (max-width: 1024px) {
    .offer__bg-pattern--spray-pink-03 {
        right: -12%;
        bottom: 26%;
        width: 40vw;
        height: 42vw;
        transform: rotate(-34deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--spray-pink-03 {
        width: 40vw;
        height: 42vw
    }
}

.offer__bg-pattern--spray-pink-03 .offer__bg-img {
    background: url("../assets/images/spray-pink.a8ce4199.png") center/100% no-repeat
}

.offer__bg-pattern--spray-pink-04 {
    z-index: 1;
    right: 9%;
    bottom: -8.5%;
    width: 22vw;
    height: 24vw;
    transform: rotate(60deg)
}

@media (max-width: 1024px) {
    .offer__bg-pattern--spray-pink-04 {
        right: -7%;
        bottom: 4%;
        width: 40vw;
        height: 42vw;
        transform: rotate(53deg)
    }
}

@media (max-width: 640px) {
    .offer__bg-pattern--spray-pink-04 {
        width: 40vw;
        height: 42vw
    }
}

.offer__bg-pattern--spray-pink-04 .offer__bg-img {
    background: url("../assets/images/spray-pink.a8ce4199.png") center/100% no-repeat
}

.steps {
    position: relative;
    z-index: 2;
    margin-bottom: 60px
}

@media (max-width: 640px) {
    .steps {
        margin-bottom: 30px
    }
}

.steps__wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px 0
}

@media (max-width: 960px) {
    .steps__wrapper {
        gap: 60px 0
    }
}

.steps__top-list {
    display: flex;
    justify-content: space-between;
    gap: 0 60px;
    width: 100%
}

@media (max-width: 960px) {
    .steps__top-list {
        flex-direction: column;
        align-items: center;
        gap: 30px 0
    }
}

.steps__top-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex-basis: 30%
}

@media (max-width: 960px) {
    .steps__top-item {
        flex-basis: 100%;
        max-width: 350px
    }
}

.steps__top-item:nth-child(1) .steps__top-icon {
    width: 57px;
    height: 67px
}

.steps__top-item:nth-child(1) .steps__top-icon--light {
    background: url("../assets/images/01-light.dd13ae3f.svg") center/100% no-repeat
}

.steps__top-item:nth-child(1) .steps__top-icon--dark {
    background: url("../assets/images/01-dark.2ba58f4a.svg") center/100% no-repeat;
    opacity: 0
}

.steps__top-item:nth-child(2) .steps__top-icon {
    width: 70px;
    height: 57px
}

.steps__top-item:nth-child(2) .steps__top-icon--light {
    background: url("../assets/images/02-light.7e795ab1.svg") center/100% no-repeat
}

.steps__top-item:nth-child(2) .steps__top-icon--dark {
    background: url("../assets/images/02-dark.99817af1.svg") center/100% no-repeat;
    opacity: 0
}

.steps__top-item:nth-child(3) .steps__top-icon {
    width: 57px;
    height: 56px
}

.steps__top-item:nth-child(3) .steps__top-icon--light {
    background: url("../assets/images/03-light.9aceaab1.svg") center/100% no-repeat
}

.steps__top-item:nth-child(3) .steps__top-icon--dark {
    background: url("../assets/images/03-dark.2eab0ac2.svg") center/100% no-repeat;
    opacity: 0
}

.steps__top-pictures {
    position: relative;
    width: 57px;
    min-width: 57px;
    height: 57px
}

.steps__top-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.steps__top-title {
    max-width: 200px;
    margin-top: 10px;
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: .08em;
    text-transform: uppercase
}

@media (max-width: 960px) {
    .steps__top-title {
        max-width: 100%
    }
}

@media (max-width: 640px) {
    .steps__top-title {
        font-size: 20px;
        line-height: 28px
    }
}

.steps__top-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .04em;
    text-transform: uppercase
}

@media (max-width: 640px) {
    .steps__top-text {
        font-size: 16px;
        line-height: 19px
    }
}

.steps__title {
    margin-bottom: 15px;
    text-align: center
}

@media (max-width: 640px) {
    .steps__title {
        margin-bottom: 10px
    }
}

.steps__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 38px
}

@media (max-width: 960px) {
    .steps__content {
        flex-direction: column;
        gap: 30px 0
    }
}

.steps__left {
    position: relative;
    z-index: 1
}

.steps__right {
    position: relative;
    z-index: 2
}

@media (max-width: 960px) {
    .steps__right {
        display: none
    }
}

.steps__visual {
    position: relative;
    z-index: 1;
    display: none;
    max-width: 281px
}

@media (max-width: 960px) {
    .steps__visual {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10px
    }
}

.steps__list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 15px 0
}

@media (max-width: 960px) {
    .steps__list {
        align-items: center;
        gap: 20px 0
    }
}

.steps__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 36px 40px;
    text-align: center
}

@media (max-width: 640px) {
    .steps__item {
        max-width: 100%;
        padding: 20px 0
    }

    .steps__item:nth-child(3)::before, .steps__item:nth-child(3)::after {
        height: 127px
    }

    .steps__item:nth-child(4) {
        padding: 12px 0
    }

    .steps__item:nth-child(4)::before, .steps__item:nth-child(4)::after {
        height: 105px
    }
}

.steps__item::before, .steps__item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 685px;
    height: 148px;
    transform: translate(-50%, -50%)
}

@media (max-width: 640px) {
    .steps__item::before, .steps__item::after {
        width: 373px;
        height: 130px
    }
}

.steps__item::after {
    opacity: 0
}

.steps__item:nth-child(1) {
    padding-bottom: 0
}

.steps__item:nth-child(1) .steps__item-text {
    margin-bottom: 8px
}

.steps__item:nth-child(1)::before {
    background: url("../assets/images/bg-light-01.7ecc0301.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .steps__item:nth-child(1)::before {
        background-image: url("../assets/images/bg-mob-light-01.621373e3.png")
    }
}

.steps__item:nth-child(1)::after {
    background: url("../assets/images/bg-dark-01.36db0be5.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .steps__item:nth-child(1)::after {
        background-image: url("../assets/images/bg-mob-dark-01.b8bfa440.png")
    }
}

.steps__item:nth-child(3)::before {
    background: url("../assets/images/bg-light-02.a3e8d054.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .steps__item:nth-child(3)::before {
        background-image: url("../assets/images/bg-mob-light-02.1331f646.png")
    }
}

.steps__item:nth-child(3)::after {
    background: url("../assets/images/bg-dark-02.e94486b0.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .steps__item:nth-child(3)::after {
        background-image: url("../assets/images/bg-mob-dark-02.440204ec.png")
    }
}

.steps__item:nth-child(4)::before {
    background: url("../assets/images/bg-light-01.7ecc0301.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .steps__item:nth-child(4)::before {
        background-image: url("../assets/images/bg-mob-light-03.7b25f753.png")
    }
}

.steps__item:nth-child(4)::after {
    background: url("../assets/images/bg-dark-01.36db0be5.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .steps__item:nth-child(4)::after {
        background-image: url("../assets/images/bg-mob-dark-03.a899a7ea.png")
    }
}

.steps__item-title {
    max-width: 490px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .04em;
    text-transform: uppercase
}

@media (max-width: 640px) {
    .steps__item-title {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 5px
    }
}

.steps__item-text--v2 {
    display: none
}

.steps__item-download {
    z-index: 20
}

.steps__item-button--v1, .steps__item-button--v2, .steps__item-button--v3 {
    display: none
}

@media (max-width: 960px) {
    .steps__item-button--v1 {
        display: flex
    }
}

.steps__video {
    width: 220px;
    min-width: 220px;
    height: 409px;
    border-radius: 20px;
    overflow: hidden;
    border: 3px solid #6800ba;
    transition: border-color .2s ease
}

@media (max-width: 960px) {
    .steps__video {
        width: 281px;
        min-width: 281px;
        height: 524px
    }
}

.steps__video video {
    width: 100%;
    height: 100%
}

.steps__coins {
    position: absolute;
    bottom: -64px;
    left: -138px;
    z-index: 2;
    width: 215px;
    height: 179px;
    background: url("") center center/100% 100% no-repeat;
    pointer-events: none
}

@media (max-width: 960px) {
    .steps__coins {
        display: none
    }
}

.steps__bg {
    position: absolute
}

.steps__bg--top {
    top: -50px;
    left: -170px;
    z-index: -1;
    width: 251px;
    height: 230px;
    background: url("../assets/images/img-01.9c7d356c.png") center center/100% 100% no-repeat
}

@media (max-width: 960px) {
    .steps__bg--top {
        width: 254px;
        height: 238px;
        top: -32px;
        left: -145px
    }
}

.steps__bg--bottom {
    bottom: -48px;
    right: -130px;
    z-index: -1;
    width: 250px;
    height: 337px;
    background: url("../assets/images/img-02.c551406a.png") center center/100% 100% no-repeat
}

@media (max-width: 960px) {
    .steps__bg--bottom {
        display: none
    }
}

.steps__bg-flower {
    position: absolute;
    bottom: 14%;
    right: 16%;
    width: 36%;
    height: 27%;
    background: url("../assets/images/flower-full-skyblue.0a82c0ac.png") center/100% no-repeat
}

@media (max-width: 960px) {
    .steps__bg-flower {
        display: none
    }
}

.proposal {
    position: relative;
    z-index: 3;
    background-color: #6800ba;
    width: 100%
}

.proposal--v1, .proposal--v8 {
    z-index: 5;
    padding: 90px 0 100px 0;
    margin-bottom: 40px
}

@media (max-width: 768px) {
    .proposal--v1, .proposal--v8 {
        padding: 110px 0 110px 0
    }
}

.proposal--v2 {
    padding: 90px 0 90px 0;
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .proposal--v2 {
        padding: 110px 0 110px 0
    }
}

@media (max-width: 640px) {
    .proposal--v2 {
        margin-bottom: 40px
    }

    .proposal--v2 .proposal__title::first-letter {
        text-transform: uppercase
    }
}

.proposal--v3 {
    padding: 80px 0 100px 0
}

@media (max-width: 768px) {
    .proposal--v3 {
        padding: 140px 0 130px 0
    }
}

.proposal--v4, .proposal--v5, .proposal--v6, .proposal--v7 {
    padding: 80px 0 100px 0
}

@media (max-width: 768px) {
    .proposal--v4, .proposal--v5, .proposal--v6, .proposal--v7 {
        padding: 110px 0 130px 0
    }
}

@media (max-width: 640px) {
    .proposal__text {
        font-size: 16px;
        line-height: 19px
    }
}

.proposal__content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .proposal__content {
        padding-bottom: 0
    }
}

.proposal__content--v2 {
    padding-bottom: 14px
}

.proposal__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff
}

.proposal__wrapper--v2 {
    display: none
}

.proposal__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px 0;
    margin-bottom: 20px
}

.proposal__title {
    font-weight: 900;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: .06em;
    text-align: center;
    text-transform: none;
    text-shadow: 0 0 5px #6800ba
}

@media (max-width: 640px) {
    .proposal__title {
        font-size: 30px;
        line-height: 30px
    }
}

.proposal__title--mw {
    max-width: 590px
}

@media (max-width: 640px) {
    .proposal__title--mw {
        max-width: 480px
    }
}

.proposal__bg {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden
}

.proposal__bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.proposal__bg-layer::before, .proposal__bg-layer::after {
    content: "";
    position: absolute
}

.proposal__bg-layer--01 {
    z-index: 2
}

.proposal__bg-layer--01::before {
    top: -42px;
    left: -168px;
    width: 575px;
    height: 513px;
    background: url("../assets/images/group-desk-01.e6de776f.png") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--01::before {
        left: -170px
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--01::before {
        left: -200px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--01::before {
        top: 133px;
        left: -253px;
        width: 502px;
        height: 352px;
        background-image: url("../assets/images/group-mob-01.97c6953b.png")
    }
}

.proposal__bg-layer--01::after {
    top: -102px;
    right: -186px;
    width: 575px;
    height: 528px;
    background: url("../assets/images/group-desk-02.650196aa.png") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--01::after {
        right: -260px
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--01::after {
        right: -320px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--01::after {
        top: -194px;
        right: -176px;
        width: 397px;
        height: 425px;
        background-image: url("../assets/images/group-mob-02.bc8ee49d.png")
    }
}

.proposal__bg-layer--02 {
    z-index: 2
}

.proposal__bg-layer--02::before {
    top: 18px;
    left: -172px;
    width: 575px;
    height: 451px;
    background: url("../assets/images/group-desk-03.35f52e18.png") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--02::before {
        left: -170px
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--02::before {
        left: -200px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--02::before {
        top: 147px;
        left: -222px;
        width: 443px;
        height: 405px;
        background-image: url("../assets/images/group-mob-03.3b715c0d.png")
    }
}

.proposal__bg-layer--02::after {
    top: -126px;
    right: -286px;
    width: 680px;
    height: 552px;
    background: url("../assets/images/group-desk-04.e446afe6.png") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--02::after {
        right: -260px
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--02::after {
        right: -320px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--02::after {
        top: -156px;
        right: -185px;
        width: 406px;
        height: 394px;
        background-image: url("../assets/images/group-mob-04.507d3279.png")
    }
}

.proposal__bg-layer--03 {
    z-index: 2
}

.proposal__bg-layer--03::before {
    top: 12px;
    left: -172px;
    width: 575px;
    height: 451px;
    background: url("../assets/images/group-desk-05.237c651b.png") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--03::before {
        left: -320px
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--03::before {
        left: -400px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--03::before {
        top: 148px;
        left: -253px;
        width: 502px;
        height: 352px;
        background-image: url("../assets/images/group-mob-01.97c6953b.png")
    }
}

.proposal__bg-layer--03::after {
    top: -134px;
    right: -290px;
    width: 575px;
    height: 552px;
    background: url("../assets/images/group-desk-06.abeaf19e.png") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--03::after {
        right: -180px;
        top: -20px;
        width: 512px;
        height: 430px;
        background-image: url("../assets/images/group-mob-06.a0777e9d.png")
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--03::after {
        right: -240px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--03::after {
        top: -194px;
        right: -176px;
        width: 397px;
        height: 425px;
        background-image: url("../assets/images/group-mob-02.bc8ee49d.png")
    }
}

.proposal__bg-layer--04 {
    z-index: 2
}

.proposal__bg-layer--04::before {
    top: -106px;
    left: -142px;
    width: 582px;
    height: 611px;
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--04::before {
        left: -220px
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--04::before {
        display: none
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--04::before {
        display: block;
        top: 178px;
        left: -155px;
        width: 368px;
        height: 360px;
        background-image: url("")
    }
}

.proposal__bg-layer--04::after {
    top: -256px;
    right: -258px;
    width: 700px;
    height: 683px;
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--04::after {
        right: -400px
    }
}

@media (max-width: 1024px) {
    .proposal__bg-layer--04::after {
        right: -460px
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--04::after {
        display: none
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--04::after {
        display: block;
        top: -160px;
        right: -186px;
        width: 407px;
        height: 394px;
        background-image: url("")
    }
}

.proposal__bg-layer--05 {
    z-index: 2
}

.proposal__bg-layer--05::before {
    top: -106px;
    left: -142px;
    width: 582px;
    height: 611px;
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--05::before {
        left: -220px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--05::before {
        top: 142px;
        left: -222px;
        width: 443px;
        height: 394px;
        background-image: url("")
    }
}

.proposal__bg-layer--05::after {
    top: -256px;
    right: -258px;
    width: 700px;
    height: 683px;
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--05::after {
        right: -400px
    }
}

@media (max-width: 1024px) {
    .proposal__bg-layer--05::after {
        right: -460px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--05::after {
        top: -160px;
        right: -186px;
        width: 407px;
        height: 394px;
        background-image: url("")
    }
}

.proposal__bg-layer--06 {
    z-index: 2
}

.proposal__bg-layer--06::before {
    top: -106px;
    left: -142px;
    width: 582px;
    height: 611px;
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--06::before {
        left: -220px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--06::before {
        top: 133px;
        left: -253px;
        width: 502px;
        height: 352px;
        background-image: url("../assets/images/group-mob-01.97c6953b.png")
    }
}

.proposal__bg-layer--06::after {
    top: -256px;
    right: -258px;
    width: 700px;
    height: 683px;
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--06::after {
        right: -400px
    }
}

@media (max-width: 1024px) {
    .proposal__bg-layer--06::after {
        right: -460px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--06::after {
        top: -194px;
        right: -176px;
        width: 397px;
        height: 425px;
        background-image: url("../assets/images/group-mob-02.bc8ee49d.png")
    }
}

.proposal__bg-layer--07 {
    z-index: 2
}

.proposal__bg-layer--07::before {
    top: 12px;
    left: -172px;
    width: 575px;
    height: 451px;
    background: url("../assets/images/group-desk-05.237c651b.png") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--07::before {
        left: -320px
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--07::before {
        left: -400px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--07::before {
        top: 133px;
        left: -253px;
        width: 502px;
        height: 352px;
        background-image: url("../assets/images/group-mob-01.97c6953b.png")
    }
}

.proposal__bg-layer--07::after {
    top: -134px;
    right: -296px;
    width: 639px;
    height: 554px;
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 1250px) {
    .proposal__bg-layer--07::after {
        right: -260px
    }
}

@media (max-width: 960px) {
    .proposal__bg-layer--07::after {
        right: -320px
    }
}

@media (max-width: 768px) {
    .proposal__bg-layer--07::after {
        top: -194px;
        right: -176px;
        width: 397px;
        height: 425px;
        background-image: url("../assets/images/group-mob-02.bc8ee49d.png")
    }
}

.proposal__bg-layer--dust {
    z-index: 1
}

.proposal__bg-layer--dust::before {
    top: -50px;
    left: -20px;
    width: 453px;
    height: 233px;
    background: url("../assets/images/dust.389703c7.png") center center/100% 100% no-repeat
}

@media (max-width: 960px) {
    .proposal__bg-layer--dust::before {
        left: -200px
    }
}

@media (max-width: 640px) {
    .proposal__bg-layer--dust::before {
        top: -120px;
        left: -170px
    }
}

.proposal__bg-layer--dust::after {
    top: -10px;
    right: -20px;
    width: 453px;
    height: 233px;
    background: url("../assets/images/dust.389703c7.png") center center/100% 100% no-repeat;
    transform: scale(-1, 1)
}

@media (max-width: 960px) {
    .proposal__bg-layer--dust::after {
        right: -200px
    }
}

@media (max-width: 640px) {
    .proposal__bg-layer--dust::after {
        top: auto;
        bottom: -60px;
        transform: rotate(520deg)
    }
}

.proposal__line {
    position: absolute;
    left: 50%;
    width: 110%;
    height: 40px;
    transform: translateX(-50%)
}

.proposal__line::before, .proposal__line::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .2s ease
}

.proposal__line::before {
    background: url("../assets/images/line-light.16a894d5.png") center center/1742px 100% repeat-x
}

.proposal__line::after {
    background: url("../assets/images/line-dark.5d4fbff2.png") center center/1742px 100% repeat-x;
    opacity: 0
}

.proposal__line--top {
    top: 0;
    z-index: 1
}

.proposal__line--bottom {
    z-index: 2;
    bottom: -1px;
    transform: translateX(-50%) rotate(180deg)
}

.proposal__girl-01 {
    position: absolute;
    right: 6px;
    bottom: 20px;
    z-index: 2;
    width: 382px;
    height: 440px;
    background: url("../assets/images/girl-01.75db2c68.png") center center/cover no-repeat
}

@media (max-width: 1250px) {
    .proposal__girl-01 {
        display: none
    }
}

.proposal__girl-02 {
    position: absolute;
    left: 134px;
    bottom: 10px;
    z-index: 2;
    width: 255px;
    height: 380px;
    background: url("") center center/cover no-repeat
}

@media (max-width: 1250px) {
    .proposal__girl-02 {
        display: none
    }
}

.proposal__man-01 {
    position: absolute;
    right: 44px;
    bottom: 10px;
    z-index: 2;
    width: 413px;
    height: 368px;
    background: url("") center center/cover no-repeat
}

@media (max-width: 1250px) {
    .proposal__man-01 {
        display: none
    }
}

.proposal__download {
    z-index: 2
}

@media (max-width: 960px) {
    .proposal__download {
        display: none
    }
}

@media (max-width: 640px) {
    .proposal__link {
        min-width: 256px
    }
}

.proposal__link--v1, .proposal__link--v2, .proposal__link--v3 {
    display: none
}

@media (max-width: 960px) {
    .proposal__link--v1 {
        display: flex
    }
}

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

.digit {
    display: inline-block;
    position: relative;
    width: .67em;
    height: 1.2em;
    overflow: hidden
}

.digit--divider {
    width: .3em
}

.digit span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1.2em;
    text-align: center
}

.earnings {
    position: relative;
    z-index: 4;
    margin-bottom: 50px
}

@media (max-width: 640px) {
    .earnings {
        margin-bottom: 40px
    }
}

.earnings__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 70px
}

@media (max-width: 1250px) {
    .earnings__wrapper {
        flex-direction: column;
        gap: 10px 0
    }
}

.earnings__wrapper::before, .earnings__wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 1094px;
    height: 278px;
    transform: translate(-52%, -50%);
    transition: opacity .2s ease
}

@media (max-width: 1250px) {
    .earnings__wrapper::before, .earnings__wrapper::after {
        display: none
    }
}

.earnings__wrapper::before {
    background: url("../assets/images/bg-light.ed258f9a.png") center center/100% 100% no-repeat
}

.earnings__wrapper::after {
    background: url("../assets/images/bg-dark.3de665dc.png") center center/100% 100% no-repeat;
    opacity: 0
}

.earnings__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 1250px) {
    .earnings__left {
        align-items: center
    }
}

.earnings__right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px 0
}

@media (max-width: 1250px) {
    .earnings__right {
        width: 100%
    }
}

@media (max-width: 960px) {
    .earnings__right {
        gap: 40px 0
    }
}

@media (max-width: 640px) {
    .earnings__right {
        gap: 20px 0
    }
}

.earnings__title {
    margin-bottom: 20px
}

@media (max-width: 1250px) {
    .earnings__title {
        text-align: center
    }
}

@media (max-width: 640px) {
    .earnings__title {
        margin-bottom: 5px
    }
}

.earnings__text {
    margin-bottom: 30px
}

@media (max-width: 1250px) {
    .earnings__text {
        text-align: center
    }
}

@media (max-width: 640px) {
    .earnings__text {
        margin-bottom: 10px
    }
}

.earnings__text--v3 {
    display: none;
    margin-bottom: 20px
}

@media (max-width: 640px) {
    .earnings__text--v3 {
        margin-bottom: 5px
    }
}

@media (max-width: 960px) {
    .earnings__button--desktop {
        display: none
    }
}

.earnings__button--mobile {
    display: none
}

@media (max-width: 960px) {
    .earnings__button--mobile {
        display: flex
    }
}

.earnings__button--v2 {
    display: none
}

.earnings__download {
    display: none
}

.earnings__lists {
    position: relative;
    width: 500px;
    height: 545px;
    display: flex;
    justify-content: space-between;
    gap: 0 20px
}

@media (max-width: 640px) {
    .earnings__lists {
        gap: 0 15px;
        width: 100%;
        height: 100vw
    }
}

.earnings__list {
    position: relative;
    flex-basis: 50%;
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 5px;
    gap: 5px;
    overflow: hidden
}

.earnings__list::before, .earnings__list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    transition: opacity .2s ease
}

.earnings__list::before {
    background: url("../assets/images/overlay-light.9916af46.png") center center/100% 100% no-repeat
}

.earnings__list::after {
    background: url("../assets/images/overlay-dark.bfd4fb62.png") center center/100% 100% no-repeat;
    opacity: 0
}

.earnings__list--01 {
    margin-bottom: 45px
}

.earnings__list--01 .earnings__step {
    animation: scrollUp 30s linear infinite
}

.earnings__list--01 .earnings__item-picture--01 {
    background: url("../assets/images/01.e088b3ec.png") center center/100% 100% no-repeat
}

.earnings__list--01 .earnings__item-picture--02 {
    background: url("../assets/images/02.bae45de8.png") center center/100% 100% no-repeat
}

.earnings__list--01 .earnings__item-picture--03 {
    background: url("../assets/images/03.702e54e9.png") center center/100% 100% no-repeat
}

.earnings__list--01 .earnings__item-picture--04 {
    background: url("../assets/images/04.0419fce3.png") center center/100% 100% no-repeat
}

.earnings__list--02 {
    margin-top: 45px
}

.earnings__list--02 .earnings__step {
    animation: scrollDown 34s linear infinite
}

.earnings__list--02 .earnings__item-picture--01 {
    background: url("../assets/images/01.7d3fa4bc.png") center center/100% 100% no-repeat
}

.earnings__list--02 .earnings__item-picture--02 {
    background: url("../assets/images/02.c2c2f93a.png") center center/100% 100% no-repeat
}

.earnings__list--02 .earnings__item-picture--03 {
    background: url("../assets/images/03.171f8eb5.png") center center/100% 100% no-repeat
}

.earnings__list--02 .earnings__item-picture--04 {
    background: url("../assets/images/04.058511bf.png") center center/100% 100% no-repeat
}

.earnings__list--02 .earnings__item-picture--05 {
    background: url("../assets/images/05.9f2f0630.png") center center/100% 100% no-repeat
}

.earnings__step {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 5px;
    gap: 5px
}

.earnings__slider {
    display: none;
    width: 100%;
    margin-bottom: 30px
}

@media (max-width: 640px) {
    .earnings__slider {
        display: block
    }
}

.earnings__slider::before, .earnings__slider::after {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    z-index: 2;
    width: 77px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    pointer-events: none
}

.earnings__slider::before {
    left: -20px
}

.earnings__slider::after {
    right: -20px;
    transform: rotate(-180deg)
}

.earnings__slider .flickity-viewport {
    overflow: visible;
    z-index: 1
}

.earnings__slider .flickity-prev-next-button.previous {
    left: -14px;
    z-index: 3
}

.earnings__slider .flickity-prev-next-button.next {
    right: -14px;
    z-index: 3
}

.earnings__slider .earnings__item {
    margin-right: 7px
}

.earnings__slider .earnings__item-picture--01 {
    background: url("../assets/images/01.e088b3ec.png") center center/100% 100% no-repeat
}

.earnings__slider .earnings__item-picture--02 {
    background: url("../assets/images/02.bae45de8.png") center center/100% 100% no-repeat
}

.earnings__slider .earnings__item-picture--03 {
    background: url("../assets/images/03.702e54e9.png") center center/100% 100% no-repeat
}

.earnings__slider .earnings__item-picture--04 {
    background: url("../assets/images/04.0419fce3.png") center center/100% 100% no-repeat
}

.earnings__slider .earnings__item-picture--05 {
    background: url("../assets/images/01.7d3fa4bc.png") center center/100% 100% no-repeat
}

.earnings__slider .earnings__item-picture--06 {
    background: url("../assets/images/02.c2c2f93a.png") center center/100% 100% no-repeat
}

.earnings__slider .earnings__item-picture--07 {
    background: url("../assets/images/03.171f8eb5.png") center center/100% 100% no-repeat
}

.earnings__slider .earnings__item-picture--08 {
    background: url("../assets/images/04.058511bf.png") center center/100% 100% no-repeat
}

.earnings__slider .earnings__item-picture--09 {
    background: url("../assets/images/05.9f2f0630.png") center center/100% 100% no-repeat
}

.earnings__item {
    position: relative;
    z-index: 1;
    width: 240px;
    height: 240px;
    padding: 4px;
    border-radius: 32px
}

@media (max-width: 960px) {
    .earnings__item {
        width: 100%;
        height: auto;
        padding-top: 98%
    }
}

@media (max-width: 640px) {
    .earnings__item {
        border-radius: 24px
    }
}

.earnings__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #6800ba;
    border-radius: 32px;
    transition: background-color .2s ease
}

@media (max-width: 640px) {
    .earnings__item::before {
        border-radius: 24px
    }
}

.earnings__item::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 2;
    background-color: #fff;
    border-radius: 30px;
    transition: background-color .2s ease
}

@media (max-width: 640px) {
    .earnings__item::after {
        border-radius: 22px
    }
}

.earnings__item-picture {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    z-index: 3;
    border-radius: 28px;
    overflow: hidden
}

@media (max-width: 640px) {
    .earnings__item-picture {
        border-radius: 20px
    }
}

.earnings__item-data {
    position: absolute;
    z-index: 4;
    top: 14px;
    right: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px
}

.earnings__item-text--earned {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: lowercase;
    text-shadow: 2px 2px 0 #140132
}

@media (max-width: 640px) {
    .earnings__item-text--earned {
        font-size: 11px;
        line-height: 11px
    }
}

.earnings__item-text--income {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .1em;
    text-shadow: 2px 2px 0 #140132
}

.earnings__item-text--incomeX {
    padding: 2px 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: .1em;
    color: #140132;
    background-color: #00ff47;
    border-radius: 30px;
    box-shadow: 1.5px 1.5px 0 0 #000
}

@keyframes scrollUp {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-100%)
    }
}

@keyframes scrollDown {
    0% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(0)
    }
}

.articles {
    position: relative;
    z-index: 2;
    margin-bottom: 80px
}

@media (max-width: 960px) {
    .articles {
        margin-bottom: 60px
    }
}

.articles--media {
    margin-bottom: 210px
}

@media (max-width: 960px) {
    .articles--media {
        margin-bottom: 20px
    }
}

@media (max-width: 960px) {
    .articles__title {
        text-align: center
    }
}

.articles__title--second {
    display: none
}

.articles__text {
    display: none;
    max-width: 500px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .04em;
    text-transform: uppercase
}

@media (max-width: 960px) {
    .articles__text {
        text-align: center
    }
}

.articles__top {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 50px
}

@media (max-width: 960px) {
    .articles__top {
        flex-direction: column-reverse
    }
}

.articles__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px 0
}

@media (max-width: 960px) {
    .articles__left {
        margin-top: 10px
    }
}

.articles__inner {
    display: flex;
    flex-direction: column;
    gap: 20px 0
}

@media (max-width: 960px) {
    .articles__inner {
        align-items: center
    }
}

.articles__bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1094px;
    height: 278px;
    z-index: -1;
    transform: translate(-54%, -50%)
}

@media (max-width: 960px) {
    .articles__bg {
        transform: translate(-54%, -40%)
    }
}

.articles__bg::before, .articles__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .2s ease
}

.articles__bg::before {
    background: url("../assets/images/bg-desk-light.890eb33e.png") center center/100% no-repeat
}

@media (max-width: 960px) {
    .articles__bg::before {
        background-image: url("../assets/images/bg-mob-light.8405b36f.png")
    }
}

.articles__bg::after {
    background: url("../assets/images/bg-desk-dark.885d1c96.png") center center/100% no-repeat;
    opacity: 0
}

@media (max-width: 960px) {
    .articles__bg::after {
        background-image: url("../assets/images/bg-mob-dark.c1848440.png")
    }
}

.articles__picture {
    width: 490px;
    height: 400px;
    background: url("../assets/images/girl.836c4220.png") center center/100% no-repeat
}

@media (max-width: 640px) {
    .articles__picture {
        width: 379px;
        height: 323px
    }
}

.articles__list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 32px 20px;
    gap: 32px 20px;
    width: 100%
}

@media (max-width: 960px) {
    .articles__list {
        grid-template-columns:1fr;
        max-width: 390px
    }
}

.articles__item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 256px
}

@media (max-width: 960px) {
    .articles__item {
        min-height: auto
    }
}

.articles__item::before, .articles__item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 462px;
    height: 236px;
    transform: translate(-58%, -50%);
    transition: opacity .2s ease
}

@media (max-width: 960px) {
    .articles__item::before, .articles__item::after {
        width: 116%;
        height: 80%;
        transform: translate(-51%, -48%)
    }
}

.articles__item::before {
    background: url("../assets/images/bg-light-02.aaefdb79.png") center center/100% 100% no-repeat
}

.articles__item::after {
    background: url("../assets/images/bg-dark-02.694248de.png") center center/100% 100% no-repeat;
    opacity: 0
}

.articles__item:nth-child(2)::before, .articles__item:nth-child(2)::after, .articles__item:nth-child(4)::before, .articles__item:nth-child(4)::after {
    transform: translate(-58%, -50%) scale(-1, 1)
}

@media (max-width: 960px) {
    .articles__item:nth-child(2)::before, .articles__item:nth-child(2)::after, .articles__item:nth-child(4)::before, .articles__item:nth-child(4)::after {
        transform: translate(-51%, -48%) scale(-1, 1)
    }
}

.articles__item:nth-child(1) .articles__item-logo::before {
    background: url("../assets/images/01-light.ad3c8900.png") center center/100% no-repeat
}

.articles__item:nth-child(1) .articles__item-logo::after {
    background: url("../assets/images/01-dark.544c0c40.png") center center/100% no-repeat
}

.articles__item:nth-child(2) .articles__item-logo::before {
    background: url("../assets/images/02-light.b5432790.png") center center/100% no-repeat
}

.articles__item:nth-child(2) .articles__item-logo::after {
    background: url("../assets/images/02-dark.3e711d2e.png") center center/100% no-repeat
}

.articles__item:nth-child(3) .articles__item-logo::before {
    background: url("../assets/images/03-light.3b007d74.png") center center/100% no-repeat
}

.articles__item:nth-child(3) .articles__item-logo::after {
    background: url("../assets/images/03-dark.dacf3a78.png") center center/100% no-repeat
}

.articles__item:nth-child(4) .articles__item-logo::before {
    background: url("../assets/images/04-light.23275529.png") center center/100% no-repeat
}

.articles__item:nth-child(4) .articles__item-logo::after {
    background: url("../assets/images/04-dark.5c35521f.png") center center/100% no-repeat
}

.articles__item-top {
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin-bottom: 6px
}

.articles__item-center {
    margin-bottom: 15px
}

@media (max-width: 960px) {
    .articles__item-center {
        margin-bottom: 20px
    }
}

.articles__item-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-grow: 1;
    max-width: 82%
}

@media (max-width: 960px) {
    .articles__item-bottom {
        max-width: 100%;
        flex-grow: 0
    }
}

.articles__item-logo {
    z-index: 1;
    width: 50px;
    min-width: 50px;
    height: 50px
}

.articles__item-title {
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    letter-spacing: .08em;
    text-transform: uppercase
}

@media (max-width: 960px) {
    .articles__item-title {
        font-size: 25px
    }
}

.articles__item-text {
    max-width: 400px;
    letter-spacing: normal
}

@media (max-width: 960px) {
    .articles__item-text {
        max-width: 100%
    }
}

.articles__item-date {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    border: 2px solid #140132;
    background-color: #fff;
    border-radius: 30px;
    transition: all .2s ease
}

.articles__item-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 84px;
    height: 36px;
    background-color: #fa05f1;
    border-radius: 30px;
    transition: background-color .2s ease
}

.articles__item-link:hover {
    background-color: #6800ba
}

.articles__item-link svg {
    width: 12px;
    height: 12px;
    fill: #fff
}

.articles--media {
    margin-bottom: 216px
}

@media (max-width: 960px) {
    .articles--media {
        margin-bottom: -2px
    }
}

.articles--media .articles__top {
    display: block;
    margin-bottom: 34px
}

@media (max-width: 640px) {
    .articles--media .articles__top {
        margin-bottom: 23px
    }
}

.articles--media .articles__title {
    text-align: center;
    letter-spacing: .066em;
    margin-bottom: 37px
}

@media (max-width: 640px) {
    .articles--media .articles__title {
        margin-bottom: 23px
    }
}

.articles--media .articles__list {
    gap: 36px 6px;
    margin-left: 72px
}

@media (max-width: 960px) {
    .articles--media .articles__list {
        grid-template-columns:1fr;
        max-width: 400px;
        margin: 0 auto;
        gap: 35px
    }
}

.articles--media .articles__item {
    padding: 0 11px;
    min-height: 250px
}

@media (max-width: 640px) {
    .articles--media .articles__item {
        min-height: 160px;
        padding: 0 22px
    }
}

.articles--media .articles__item::before, .articles--media .articles__item::after {
    top: 50%;
    left: calc(50% - 36px);
    transform: translate(-50%, -50%)
}

@media (max-width: 640px) {
    .articles--media .articles__item::before, .articles--media .articles__item::after {
        width: 394px;
        height: calc(100% - 15px);
        top: calc(50% + 6px);
        left: calc(50% - 0px);
        background-size: 100% 100%
    }
}

@media (max-width: 640px) {
    .articles--media .articles__item:nth-child(1)::before, .articles--media .articles__item:nth-child(1)::after, .articles--media .articles__item:nth-child(3)::before, .articles--media .articles__item:nth-child(3)::after {
        transform: translate(-50%, -50%) scale(-1, 1)
    }
}

.articles--media .articles__item:nth-child(2)::before, .articles--media .articles__item:nth-child(2)::after, .articles--media .articles__item:nth-child(4)::before, .articles--media .articles__item:nth-child(4)::after {
    top: calc(50% + 3px);
    transform: translate(-50%, -50%) scale(-1, -1)
}

@media (max-width: 640px) {
    .articles--media .articles__item:nth-child(2)::before, .articles--media .articles__item:nth-child(2)::after, .articles--media .articles__item:nth-child(4)::before, .articles--media .articles__item:nth-child(4)::after {
        transform: translate(-50%, -50%) scale(-1, 1)
    }
}

.articles--media .articles__item:nth-child(1) .articles__item-logo {
    margin: 1px 3px 0 -2px
}

.articles--media .articles__item:nth-child(2) .articles__item-logo {
    margin: 1px 3px 0 -3px
}

.articles--media .articles__item:nth-child(3) .articles__item-logo {
    margin: 1px 3px 0 -3px
}

.articles--media .articles__item:nth-child(4) .articles__item-logo {
    margin: 1px 3px 0 -3px
}

@media (max-width: 640px) {
    .articles--media .articles__item-logo {
        width: 43px;
        min-width: 43px;
        height: 42px
    }
}

@media (max-width: 640px) {
    .articles--media .articles__item-title {
        font-size: 25px;
        line-height: 30px
    }
}

@media (max-width: 640px) {
    .articles--media .articles__item-text {
        font-size: 20px;
        line-height: 28px
    }
}

.articles--media .articles__item-top {
    gap: 0;
    margin-bottom: 8px
}

@media (max-width: 640px) {
    .articles--media .articles__item-top {
        margin-bottom: 4px
    }
}

@media (max-width: 640px) {
    .articles--media .articles__item-center {
        padding: 0 12px;
        margin-bottom: 20px
    }
}

.articles--media .articles__item-bottom {
    max-width: 84%
}

@media (max-width: 640px) {
    .articles--media .articles__item-bottom {
        max-width: 100%;
        padding-left: 12px
    }
}

.articles--media .container {
    max-width: 1028px
}

.info {
    position: relative;
    z-index: 2;
    margin-bottom: 60px
}

@media (max-width: 640px) {
    .info {
        margin-bottom: 45px
    }
}

.info__title {
    text-align: center;
    margin-bottom: 20px
}

.info__text {
    margin-bottom: 26px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .04em
}

@media (max-width: 640px) {
    .info__text {
        text-align: left;
        font-size: 18px;
        line-height: 25px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06em
    }
}

.info__text--mb {
    margin-bottom: 0
}

.info__wrapper {
    margin: 0 -12px
}

@media (max-width: 960px) {
    .info__wrapper {
        margin: 0
    }
}

.info__row {
    position: relative
}

.info__row--02 {
    height: 0;
    overflow: hidden
}

.info__slider {
    position: relative
}

.info #info-flickity-slider .info__item {
    margin-right: 20px
}

.info__slider-pagination {
    margin-top: 20px;
    display: none
}

@media (max-width: 960px) {
    .info__slider-pagination {
        display: flex
    }
}

.info__slider-button {
    top: 50%;
    z-index: 3;
    display: none
}

.info__slider-button.slider-button--prev {
    left: 6px
}

.info__slider-button.slider-button--next {
    right: 8px
}

.info__item {
    position: relative;
    width: 221px;
    min-width: 221px;
    height: 392px;
    padding: 6px;
    border-radius: 32px;
    cursor: pointer
}

.info__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    border-radius: 32px;
    background-color: #6800ba;
    transition: all .2s ease
}

.info__item::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    z-index: -2;
    border-radius: 30px;
    background-color: #fff;
    transition: all .2s ease
}

.info__item-wrapper {
    padding: 15px
}

.follow {
    position: relative;
    z-index: 3;
    transition: opacity .5s ease .5s
}

.follow--v1 {
    margin-bottom: 80px
}

@media (max-width: 960px) {
    .follow--v1 {
        margin-bottom: 60px
    }
}

@media (max-width: 640px) {
    .follow--v1 .follow__right {
        margin-bottom: 10px;
        margin-top: -40px
    }
}

@media (max-width: 960px) {
    .follow--v1 .follow__left {
        margin-top: 20px
    }
}

.follow--v2 {
    display: none;
    margin-bottom: 80px
}

@media (max-width: 960px) {
    .follow--v2 {
        margin-bottom: 40px
    }
}

@media (max-width: 640px) {
    .follow--v2 .follow__left {
        margin-top: -20px
    }
}

.follow__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 40px
}

@media (max-width: 960px) {
    .follow__wrapper {
        flex-direction: column-reverse
    }
}

.follow__wrapper::before, .follow__wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 1094px;
    height: 327px;
    transform: translate(-54%, -54%);
    transition: opacity .2s ease
}

@media (max-width: 960px) {
    .follow__wrapper::before, .follow__wrapper::after {
        height: 74%;
        transform: translate(-52%, -34%)
    }
}

.follow__wrapper::before {
    background: url("../assets/images/bg-desk-light.0bce01e5.png") center center/100% 100% no-repeat
}

@media (max-width: 960px) {
    .follow__wrapper::before {
        background-image: url("../assets/images/bg-mob-light.ed258f9a.png")
    }
}

.follow__wrapper::after {
    background: url("../assets/images/bg-desk-dark.9725740f.png") center center/100% 100% no-repeat;
    opacity: 0
}

@media (max-width: 960px) {
    .follow__wrapper::after {
        background-image: url("../assets/images/bg-mob-dark.3de665dc.png")
    }
}

.follow__left {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 960px) {
    .follow__left {
        align-items: center
    }
}

.follow__right {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column
}

@media (max-width: 960px) {
    .follow__right {
        align-items: center
    }
}

.follow__title {
    margin-bottom: 20px
}

@media (max-width: 960px) {
    .follow__title {
        margin-bottom: 10px;
        text-align: center
    }
}

@media (max-width: 960px) {
    .follow__title--desktop {
        display: none
    }
}

.follow__title--mobile {
    display: none
}

@media (max-width: 960px) {
    .follow__title--mobile {
        display: block
    }
}

@media (max-width: 960px) {
    .follow__text {
        text-align: center
    }
}

@media (max-width: 640px) {
    .follow__text {
        font-size: 16px;
        line-height: 22px
    }
}

.follow__text--mb {
    margin-bottom: 20px
}

@media (max-width: 640px) {
    .follow__text--mb {
        margin-bottom: 10px
    }
}

@media (max-width: 960px) {
    .follow__text--desktop {
        display: none
    }
}

.follow__text--mobile {
    display: none
}

@media (max-width: 960px) {
    .follow__text--mobile {
        display: block
    }
}

.follow__picture {
    position: relative
}

.follow__picture::before, .follow__picture::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: opacity .2s ease
}

.follow__picture::after {
    opacity: 0
}

.follow__picture--v1 {
    width: 451px;
    height: 339px
}

@media (max-width: 640px) {
    .follow__picture--v1 {
        width: 348px;
        height: 216px
    }
}

.follow__picture--v1::before {
    background: url("../assets/images/img-01-light.ee77e5ef.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .follow__picture--v1::before {
        background-image: url("../assets/images/img-01-mob-light.67d580be.png")
    }
}

.follow__picture--v1::after {
    background: url("../assets/images/img-01-dark.f38513f4.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .follow__picture--v1::after {
        background-image: url("../assets/images/img-01-mob-dark.dc569c37.png")
    }
}

.follow__picture--v2 {
    width: 397px;
    height: 335px
}

@media (max-width: 640px) {
    .follow__picture--v2 {
        width: 417px;
        height: 247px;
        margin-left: -60px
    }
}

.follow__picture--v2::before {
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .follow__picture--v2::before {
        background-image: url("")
    }
}

.follow__picture--v2::after {
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .follow__picture--v2::after {
        background-image: url("")
    }
}

.follow__picture-text {
    position: absolute;
    top: 15px;
    left: 50%;
    z-index: 2;
    width: 250px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: .04em;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    transform: rotate(-15.04deg) translateX(-77.5%)
}

@media (max-width: 640px) {
    .follow__picture-text {
        transform: rotate(-15.04deg) translateX(-48%)
    }
}

.follow__button--v1, .follow__button--v2, .follow__button--v3 {
    display: none
}

@media (max-width: 960px) {
    .follow__button--v1 {
        display: flex
    }
}

.reviews {
    position: relative;
    z-index: 2;
    margin-bottom: 100px
}

.reviews::before, .reviews::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 296px;
    height: 307px;
    background: url("../assets/images/spray-pink.a8ce4199.png") center center/100% 100% no-repeat
}

.reviews::before {
    top: 457px;
    left: -45px;
    transform: rotate(151.97deg)
}

@media (max-width: 1250px) {
    .reviews::before {
        top: 20px;
        left: -95px;
        transform: rotate(-70deg)
    }
}

@media (max-width: 640px) {
    .reviews::before {
        top: -30px;
        left: -135px;
        transform: rotate(265deg)
    }
}

.reviews::after {
    top: -5px;
    right: -50px;
    transform: rotate(-98.67deg)
}

@media (max-width: 1250px) {
    .reviews::after {
        top: 280px;
        right: -100px;
        transform: rotate(60deg)
    }
}

@media (max-width: 640px) {
    .reviews::after {
        right: -160px
    }
}

.reviews__title {
    margin-bottom: 20px;
    text-align: center
}

.reviews__wrapper {
    position: relative
}

.reviews__content {
    position: relative;
    z-index: 2
}

.reviews__list .flickity-viewport {
    overflow: visible
}

.reviews__item {
    position: relative;
    width: 300px;
    height: 450px;
    margin-right: 20px;
    padding: 6px;
    border-radius: 30px;
    overflow: hidden;
    background-color: #6800ba
}

.reviews__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32px;
    background-color: #6800ba;
    transition: background-color .2s ease
}

.reviews__item::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 30px;
    border: 3px solid #fff;
    transition: background-color .2s ease
}

.reviews__item:hover .reviews__item-wrapper::after {
    opacity: 1
}

.reviews__item.shortened .reviews__item-section--bottom, .reviews__item.shortened .reviews__item-bg {
    height: 340px
}

.reviews__item.shortened .reviews__item-text {
    display: flex
}

.reviews__item.shortened .reviews__item-button {
    transform: rotate(90deg) translate(-50%, 50%)
}

.reviews__item.shortened .reviews__item-play {
    display: none
}

.reviews__item.active .reviews__item-section--top {
    pointer-events: none;
    cursor: default
}

.reviews__item.active .reviews__item-picture {
    height: 100%;
    background: linear-gradient(180deg, #2E1194 0%, #140132 100%)
}

.reviews__item-wrapper {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 27px;
    overflow: hidden
}

.reviews__item-wrapper::before, .reviews__item-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    transition: opacity .2s ease;
    pointer-events: none
}

.reviews__item-wrapper::before {
    z-index: 5;
    background: url("../assets/images/border-light.e546508e.png") center center/100% 100% no-repeat;
    pointer-events: none
}

.reviews__item-wrapper::after {
    background: linear-gradient(180deg, rgba(46, 17, 148, 0.8) 0%, rgba(20, 1, 50, 0.8) 100%);
    opacity: 0
}

.reviews__item-section {
    position: absolute;
    left: 0;
    right: 0;
    cursor: pointer
}

.reviews__item-section--top {
    top: 0;
    z-index: 3;
    height: 100%
}

.reviews__item-section--top:hover .reviews__item-play::before {
    transform: rotate(360deg)
}

.reviews__item-section--bottom {
    bottom: 0;
    z-index: 4;
    height: 154px
}

.reviews__item-section--bottom:hover .slider-button::before {
    background-color: #fff
}

.reviews__item-section--bottom:hover svg {
    fill: #140132
}

.reviews__item-picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: 294px
}

.reviews__item-picture::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 294px;
    z-index: 2;
    background: url("../assets/images/light.0bc16265.png") center bottom/100% 100% no-repeat
}

.reviews__item-picture--01 {
    background: url("../assets/images/poster-01.aa690ed5.png") center/cover no-repeat
}

.reviews__item-picture--02 {
    background: url("../assets/images/poster-02.a4e3446f.png") center/cover no-repeat
}

.reviews__item-picture--03 {
    background: url("../assets/images/poster-03.df05b6c2.png") center/cover no-repeat
}

.reviews__item-picture--04 {
    background: url("../assets/images/poster-04.3dd38b19.png") center/cover no-repeat
}

.reviews__item-picture--05 {
    background: url("../assets/images/poster-05.92ec8f49.png") center/cover no-repeat
}

.reviews__item-picture--06 {
    background: url("../assets/images/poster-06.8be46b9a.png") center/cover no-repeat
}

.reviews__item-picture--07 {
    background: url("../assets/images/poster-07.50e327b8.png") center/cover no-repeat
}

.reviews__item-picture--08 {
    background: url("../assets/images/poster-08.c642a628.png") center/cover no-repeat
}

.reviews__item-picture--09 {
    background: url("../assets/images/poster-09.aabde9b6.png") center/cover no-repeat
}

.reviews__item-picture .reviews__item-play--small {
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%)
}

.reviews__item-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 154px;
    z-index: 1
}

.reviews__item-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    background: linear-gradient(132.74deg, rgba(104, 0, 186, 0.8) 33.79%, rgba(46, 17, 148, 0.8) 99.29%)
}

.reviews__item-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: url("../assets/images/bg.3fbc8752.png") center bottom/100% 450px no-repeat
}

.reviews__item-data {
    position: absolute;
    top: 17px;
    right: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px
}

.reviews__item-text--earned {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: lowercase;
    text-shadow: 2px 2px 0 #140132
}

.reviews__item-text--income {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .1em;
    text-shadow: 2px 2px 0 #140132
}

.reviews__item-text--incomeX {
    padding: 2px 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: .1em;
    background-color: #00ff47;
    border-radius: 30px;
    box-shadow: 1.5px 1.5px 0 0 #000
}

.reviews__item-text--email {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-shadow: 2px 2px 0 #140132
}

.reviews__item-text--glasses {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #000
}

.reviews__item-text--glasses.reviews__item-text--simple {
    color: #ff00e1
}

.reviews__item-text--glasses.reviews__item-text--rare {
    color: #06f
}

.reviews__item-text--glasses.reviews__item-text--common {
    color: #cacaca
}

.reviews__item-text--glasses.reviews__item-text--elementary {
    color: #ffeb72
}

.reviews__item-text--glasses.reviews__item-text--unique {
    color: #ffa800
}

.reviews__item-text--glasses.reviews__item-text--legendary {
    color: #fd312b
}

.reviews__item-text--glasses.reviews__item-text--lite {
    color: #00d062
}

.reviews__item-text--glasses.reviews__item-text--smart {
    color: #41f4ff
}

.reviews__item-text--glasses.reviews__item-text--epic {
    color: #a056ff
}

.reviews__item-text--text {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.reviews__item-info {
    display: flex;
    flex-direction: column;
    gap: 6px 0;
    height: 100%;
    padding: 17px 17px 25px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden
}

.reviews__item-top {
    display: flex;
    align-items: center;
    gap: 0 5px
}

.reviews__item-right {
    display: flex;
    flex-direction: column;
    gap: 2px 0
}

.reviews__item-avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden
}

.reviews__item-avatar--01 {
    background: url("../assets/images/avatar-01.43885006.png") center/cover no-repeat
}

.reviews__item-avatar--02 {
    background: url("../assets/images/avatar-02.0316de6b.png") center/cover no-repeat
}

.reviews__item-avatar--03 {
    background: url("../assets/images/avatar-03.2dc8575e.png") center/cover no-repeat
}

.reviews__item-avatar--04 {
    background: url("../assets/images/avatar-04.8dee2f00.png") center/cover no-repeat
}

.reviews__item-avatar--05 {
    background: url("../assets/images/avatar-05.d125cbdc.png") center/cover no-repeat
}

.reviews__item-avatar--06 {
    background: url("../assets/images/avatar-06.56800d5c.png") center/cover no-repeat
}

.reviews__item-avatar--07 {
    background: url("../assets/images/avatar-07.7cf9a098.png") center/cover no-repeat
}

.reviews__item-avatar--08 {
    background: url("../assets/images/avatar-08.8bc7b181.png") center/cover no-repeat
}

.reviews__item-avatar--09 {
    background: url("../assets/images/avatar-09.10209f89.png") center/cover no-repeat
}

.reviews__item-play {
    position: absolute;
    top: 110px;
    left: 50%;
    display: block;
    padding: 0;
    width: 75px;
    height: 75px;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transform: translateX(-50%)
}

.reviews__item-play::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: url("../assets/images/button-bg.fb478c53.svg") center/100% no-repeat;
    transition: transform .2s ease
}

.reviews__item-play svg {
    position: absolute;
    top: calc(50% + 0px);
    left: calc(50% + 0px);
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px
}

.reviews__item-play--small {
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%)
}

.reviews__item-button {
    bottom: 5px;
    left: 50%;
    transform: rotate(-90deg) translate(50%, -50%)
}

@media (max-width: 640px) {
    .reviews__item-button {
        bottom: 0
    }
}

.reviews__item-graphical {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 80px;
    height: 80px;
    border: 2px solid #fff;
    border-radius: 20px;
    overflow: hidden
}

.faq {
    margin-bottom: 70px
}

@media (max-width: 640px) {
    .faq {
        margin-bottom: 30px
    }
}

.faq__title {
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 20px
}

.faq__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.faq__list {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 4px 0;
    gap: 4px 0
}

.faq__item {
    padding: 30px 40px;
    overflow: hidden;
    cursor: pointer;
    transition: height .3s ease;
    outline: none
}

@media (max-width: 640px) {
    .faq__item {
        padding: 20px 30px
    }
}

.faq__item:nth-child(even) .faq__item-top::before, .faq__item:nth-child(even) .faq__item-top:after {
    transform: rotate(-180deg)
}

.faq__item.active .faq__item-bottom {
    height: auto;
    max-height: 1500px
}

.faq__item.active .faq__item-picture {
    transform: rotate(90deg)
}

.faq__item-list {
    display: flex;
    flex-direction: column;
    gap: 12px 0
}

.faq__item-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 30px
}

@media (max-width: 640px) {
    .faq__item-top {
        align-items: center
    }
}

.faq__item-top::before, .faq__item-top::after {
    content: "";
    position: absolute;
    top: -30px;
    left: -40px;
    right: -40px;
    bottom: -30px;
    z-index: -1;
    transition: opacity .2s ease
}

.faq__item-top::before {
    background: url("../assets/images/bg-light.ba7ba808.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .faq__item-top::before {
        background-size: 92% 86%
    }
}

.faq__item-top::after {
    opacity: 0;
    background: url("../assets/images/bg-dark.f5664d03.png") center center/100% 100% no-repeat
}

@media (max-width: 640px) {
    .faq__item-top::after {
        background-size: 92% 86%
    }
}

.faq__item-bottom {
    overflow: hidden;
    height: auto;
    max-height: 0;
    transition: height .3s ease
}

.faq__item-title {
    font-size: 20px;
    line-height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 640px) {
    .faq__item-title {
        font-size: 16px;
        line-height: 22px
    }
}

.faq__item-text {
    max-width: 90%
}

.faq__item-text:first-child {
    margin-top: 36px
}

.faq__item-text a {
    color: inherit;
    transition: color .2s ease
}

.faq__item-text a:hover {
    color: #6800ba
}

.faq__item-picture {
    width: 12px;
    min-width: 12px;
    height: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: transform .2s ease
}

.faq__item-picture svg {
    transition: fill .2s ease;
    fill: #140132
}

.faq__item-bottom {
    overflow: hidden;
    height: auto;
    max-height: 0;
    transition: max-height .3s
}

.faq__info {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px
}

.faq__bg {
    position: absolute;
    z-index: 1
}

.faq__bg--01 {
    top: -20px;
    left: -96px;
    width: 222px;
    height: 182px
}

.faq__bg--01::before, .faq__bg--01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: opacity .2s ease
}

.faq__bg--01::before {
    background: url("") center/100% 100% no-repeat
}

.faq__bg--01::after {
    opacity: 0;
    background: url("") center/100% 100% no-repeat
}

.footer {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    padding: 30px 0 80px 0;
    background-color: #fff;
    transition: background-color .2s ease
}

@media (max-width: 960px) {
    .footer {
        padding-bottom: 100px
    }
}

@media (max-width: 640px) {
    .footer {
        padding-bottom: 230px;
        padding-top: 10px
    }
}

.footer .container {
    width: 100%
}

.footer__wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

@media (max-width: 960px) {
    .footer__wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 9px 0
    }
}

@media (max-width: 640px) {
    .footer__wrapper {
        align-items: flex-end
    }
}

.footer__top {
    display: none;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 65px
}

@media (max-width: 960px) {
    .footer__top {
        margin-bottom: 40px
    }
}

@media (max-width: 640px) {
    .footer__top {
        margin-bottom: 20px
    }
}

@media (max-width: 640px) {
    .footer__bottom {
        text-align: right
    }
}

.footer__menu {
    display: grid;
    grid-template-columns:repeat(4, 210px);
    grid-gap: 0 67px;
    gap: 0 67px
}

@media (max-width: 1250px) {
    .footer__menu {
        grid-template-columns:repeat(4, 150px)
    }
}

@media (max-width: 1024px) {
    .footer__menu {
        grid-template-columns:repeat(2, 1fr);
        gap: 20px;
        width: 100%
    }
}

@media (max-width: 640px) {
    .footer__menu {
        grid-template-columns:1fr
    }
}

.footer__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px 0
}

@media (max-width: 960px) {
    .footer__left {
        width: 100%
    }
}

@media (max-width: 640px) {
    .footer__left {
        align-items: flex-end
    }
}

.footer__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px 0
}

@media (max-width: 960px) {
    .footer__right {
        width: 100%;
        align-items: flex-start
    }
}

@media (max-width: 640px) {
    .footer__right {
        align-items: flex-end
    }
}

.footer__logo {
    width: 32px;
    height: 25px
}

.footer__logo:hover .footer__logo-img {
    fill: #140132
}

.footer__logo-img {
    fill: #6800ba;
    transition: fill .2s ease
}

.footer__copyright, .footer__rules {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6800ba
}

.footer__nav {
    display: flex;
    flex-direction: column;
    gap: 15px 0
}

@media (max-width: 960px) {
    .footer__nav {
        gap: 12px 0
    }
}

.footer__nav--secondary {
    flex-direction: row;
    gap: 0 30px
}

@media (max-width: 960px) {
    .footer__nav--secondary {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 5px 12px
    }
}

.footer__nav-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6800ba;
    transition: color .2s ease
}

@media (max-width: 960px) {
    .footer__nav-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: .04em
    }
}

.footer__nav-list {
    display: flex;
    flex-direction: column;
    gap: 15px 0
}

@media (max-width: 960px) {
    .footer__nav-list {
        gap: 12px
    }
}

@media (max-width: 640px) {
    .footer__nav-list {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.footer__nav-list--row {
    flex-direction: row;
    gap: 0 30px
}

@media (max-width: 960px) {
    .footer__nav-list--row {
        flex-wrap: wrap;
        gap: 12px
    }
}

.footer__nav-link {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .08em;
    text-transform: uppercase;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #6800ba;
    transition: all .2s ease
}

.footer__nav-link:hover {
    color: #140132
}

.footer__nav-link:hover svg {
    stroke: #140132
}

.footer__nav-link:hover::before {
    opacity: 1
}

.footer__nav-link::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: .1em #140132;
    transition: opacity .2s ease;
    opacity: 0
}

.footer__nav-link--arrow {
    display: flex;
    align-items: flex-start;
    gap: 0 5px;
    stroke: #6800ba
}

.footer__nav-link--secondary {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .04em;
    text-transform: none
}

.footer__nav-arrow {
    display: block;
    width: 6px;
    min-width: 6px;
    height: 6px;
    background: url("../assets/images/arrow-violet.97dd9e90.svg") center/100% no-repeat;
    transform: translateY(6px);
    transition: stroke .2s ease
}

@media (max-width: 960px) {
    .footer__nav-arrow {
        transform: translateY(6px)
    }
}

.footer__qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px 0;
    max-width: 164px;
    margin-right: 48px
}

@media (max-width: 1250px) {
    .footer__qrcode {
        margin-right: 0
    }
}

@media (max-width: 1024px) {
    .footer__qrcode {
        display: none
    }
}

.footer__qrcode-wrapper {
    position: relative;
    width: 143px;
    height: 143px
}

.footer__qrcode-img, .footer__qrcode-img canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: 100%
}

.footer__qrcode-img {
    transition: all .2s ease
}

.footer__qrcode-img--dark {
    opacity: 0
}

.footer__qrcode-img--v2, .footer__qrcode-img--v3 {
    display: none
}

.footer__qrcode-text {
    color: #6800ba;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .08em;
    text-align: center;
    text-transform: uppercase
}

.not-found {
    display: flex;
    align-items: center;
    padding-top: 90px;
    padding-bottom: 60px;
    width: 100%;
    height: 100 dvh;
    max-width: 100%;
    background-color: #6800ba
}

@media (max-width: 768px) {
    .not-found {
        padding: 60px 0
    }
}

@media (max-width: 640px) {
    .not-found {
        padding: 40px 0
    }
}

.not-found__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.not-found__title {
    margin-bottom: 10px;
    font-size: 60px;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: .06em;
    text-align: center;
    color: #fff
}

@media (max-width: 768px) {
    .not-found__title {
        font-size: 42px;
        line-height: 42px
    }
}

@media (max-width: 640px) {
    .not-found__title {
        font-size: 30px;
        line-height: 30px
    }
}

.not-found__title span {
    display: block
}

.not-found__title span:first-child {
    font-size: 80px;
    line-height: 90px
}

.not-found__text {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

@media (max-width: 640px) {
    .not-found__text {
        font-size: 18px;
        line-height: 26px
    }
}

body.v1 .iframe-v2 {
    display: none
}

body.v1 .iframe-v3 {
    display: block
}

body.v2 .iframe-v2 {
    display: none
}

body.v2 .iframe-v3 {
    display: block
}

body.v2 .menu__nav-list--nav1 a:nth-child(4), body.v2 .footer__nav-list--nav1 a:nth-child(4) {
    display: none
}

body.v2 .menu__nav-list--nav1 a:nth-child(5), body.v2 .footer__nav-list--nav1 a:nth-child(5) {
    display: none
}

body.v2 .info__row--01 {
    display: none
}

body.v2 .info__row--02 {
    height: auto;
    overflow: visible
}

body.v2 .articles__title--first {
    display: none
}

body.v2 .articles__title--second {
    display: block
}

body.v2 .articles__text {
    display: block
}

body.v2 .steps__item-text--v1 {
    display: none
}

body.v2 .steps__item-text--v2 {
    display: block
}

@media (max-width: 960px) {
    body.v2 .steps__item-button--v1, body.v2 .steps__item-button--v3 {
        display: none
    }
}

@media (max-width: 960px) {
    body.v2 .steps__item-button--v2 {
        display: flex
    }
}

body.v2 .steps .qr-code__picture--v1, body.v2 .steps .qr-code__picture--v3 {
    display: none
}

body.v2 .steps .qr-code__picture--v2 {
    display: block
}

body.v2 .earnings .qr-code__picture--v1, body.v2 .earnings .qr-code__picture--v3 {
    display: none
}

body.v2 .earnings .qr-code__picture--v2 {
    display: block
}

body.v2 .earnings__download {
    display: block
}

@media (max-width: 960px) {
    body.v2 .earnings__download {
        display: none
    }
}

body.v2 .earnings__button--desktop {
    display: none
}

@media (max-width: 960px) {
    body.v2 .earnings__button--mobile {
        display: none
    }
}

@media (max-width: 960px) {
    body.v2 .earnings__button--v2 {
        display: flex
    }
}

body.v2 .reviews {
    display: none
}

body.v2 .proposal--v1 .qr-code__picture--v1, body.v2 .proposal--v1 .qr-code__picture--v3 {
    display: none
}

body.v2 .proposal--v1 .qr-code__picture--v2 {
    display: block
}

@media (max-width: 960px) {
    body.v2 .proposal--v1 .proposal__link--v1, body.v2 .proposal--v1 .proposal__link--v3 {
        display: none
    }
}

@media (max-width: 960px) {
    body.v2 .proposal--v1 .proposal__link--v2 {
        display: flex
    }
}

body.v2 .proposal__wrapper--v1 {
    display: none
}

body.v2 .proposal__wrapper--v2 {
    display: flex
}

body.v2 .follow.follow--v2 {
    display: block
}

body.v2 .faq {
    display: none
}

body.v2 .footer__top {
    display: flex
}

body.v2 .footer__qrcode-img--v1, body.v2 .footer__qrcode-img--v3 {
    display: none
}

body.v2 .footer__qrcode-img--v2 {
    display: block
}

body.v3 .iframe-v2 {
    display: none
}

body.v3 .iframe-v3 {
    display: block
}

body.v3 .offer__start-title--first, body.v3 .offer__start-text--first {
    display: none
}

body.v3 .offer__start-title--second, body.v3 .offer__start-text--second {
    display: block
}

body.v3 .offer .qr-code__picture--v1, body.v3 .offer .qr-code__picture--v2 {
    display: none
}

body.v3 .offer .qr-code__picture--v3 {
    display: block
}

@media (max-width: 960px) {
    body.v3 .offer__download-link--v1, body.v3 .offer__download-link--v2 {
        display: none
    }
}

@media (max-width: 960px) {
    body.v3 .offer__download-link--v3 {
        display: block
    }
}

body.v4 {
    overflow: hidden !important
}

body.v4 .iframe-v2 {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999999 !important
}

body.v4 .iframe-v3 {
    display: none !important;
    visibility: hidden !important
}

body.v5 .header {
    background-color: rgba(0, 0, 0, 0)
}

body.v5 .header::before {
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    transition: all .3s ease
}

body.v5 .header::after {
    background: linear-gradient(180deg, #140132 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    transition: all .3s ease
}

body.v5 .header.active .langs__locale, body.v5 .header.active .rates__info {
    color: #140132
}

body.v5 .header.active .langs__img {
    stroke: #140132
}

body.v5 .header.active::before {
    opacity: 1
}

body.v5 .header.active::after {
    opacity: 0
}

body.v5 .header.scroll-active::before {
    opacity: 1
}

body.v5 .header.scroll-active::after {
    opacity: 0
}

body.v5 .header.scroll-active .langs__locale, body.v5 .header.scroll-active .rates__info {
    color: #140132
}

body.v5 .header.scroll-active .langs__img {
    stroke: #140132
}

@media (max-width: 960px) {
    body.v5 .header.scroll-active .menu-button__line--center, body.v5 .header.scroll-active .menu-button__line--topBottom::before, body.v5 .header.scroll-active .menu-button__line--topBottom::after {
        background-color: #140132
    }
}

body.v5 .header .langs__locale, body.v5 .header .rates__info {
    color: #fff
}

body.v5 .header .langs__img {
    stroke: #fff
}

body.v5 .header .menu-button {
    color: #fff;
    background-color: #140132;
    border-color: #01ffc2;
    box-shadow: 0 0 10px 0 rgba(1, 255, 194, .5019607843)
}

@media (max-width: 960px) {
    body.v5 .header .menu-button {
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none
    }
}

body.v5 .header .menu-button__line--center, body.v5 .header .menu-button__line--topBottom::before, body.v5 .header .menu-button__line--topBottom::after {
    background-color: #fff
}

@media (max-width: 960px) {
    body.v5 .header .menu-button__line--center, body.v5 .header .menu-button__line--topBottom::before, body.v5 .header .menu-button__line--topBottom::after {
        background-color: #01ffc2
    }
}

body.v5 .header .theme-button {
    background-color: #140132;
    border-color: #01ffc2;
    box-shadow: 0 0 10px 0 rgba(1, 255, 194, .5019607843)
}

body.v5 .header .theme-button__img {
    border-color: #01ffc2;
    fill: #01ffc2
}

body.v5 .header .theme-button:hover .theme-button__icons {
    background-color: #01ffc2
}

body.v5 .header .theme-button:hover .theme-button__img {
    fill: #140132
}

body.v5 .logo__img {
    fill: #fff
}

body.v5 .logo.scroll-active .logo__img {
    fill: #140132
}

body.v5 .logo.active .logo__img {
    fill: #140132
}

body.v5 .button {
    color: #fff;
    background-color: #140132;
    border: 2px solid #01ffc2;
    box-shadow: 0 0 10px 0 rgba(1, 255, 194, .5019607843)
}

body.v5 .button::before, body.v5 .button::after {
    display: none
}

body.v5 .button svg {
    fill: #fff;
    filter: none
}

body.v5 .button:not(:disabled):hover {
    background-color: #01ffc2
}

body.v5 .button:not(:disabled):hover svg {
    fill: #140132;
    filter: none
}

body.v5 .button:not(:disabled):hover .button__text {
    text-shadow: none
}

body.v5 .button--active {
    background-color: #01ffc2
}

body.v5 .button--active svg {
    fill: #140132
}

body.v5 .button--active:not(:disabled):hover {
    background-color: #140132
}

body.v5 .button--active:not(:disabled):hover svg {
    fill: #fff
}

body.v5 .button--active:not(:disabled):hover .button__text {
    color: #fff
}

body.v5 .button__text {
    text-shadow: none
}

body.v5 .color-button {
    padding: 7px 4px 11px 35px;
    gap: 0;
    text-shadow: -3px 3px 2px #000, 0 0 5px #fa05f1
}

@media (max-width: 640px) {
    body.v5 .color-button {
        padding: 2px 4px 4px 35px;
        transform: rotate(-1deg)
    }
}

body.v5 .color-button::before {
    opacity: 0
}

body.v5 .color-button::after {
    opacity: 1
}

body.v5 .color-button:hover::before {
    opacity: 1
}

body.v5 .color-button:hover::after {
    opacity: 0
}

body.v5 .color-button:hover .color-button__arrow::before {
    opacity: 0
}

body.v5 .color-button:hover .color-button__arrow::after {
    opacity: 1
}

body.v5 .color-button__arrow {
    width: 111px;
    height: 61px;
    background: none;
    transform: translateY(-5px)
}

@media (max-width: 640px) {
    body.v5 .color-button__arrow {
        transform: translateY(-3px)
    }
}

body.v5 .color-button__arrow::before, body.v5 .color-button__arrow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: opacity .2s ease
}

body.v5 .color-button__arrow::before {
    background: url("") center center/100% 100% no-repeat
}

body.v5 .color-button__arrow::after {
    background: url("") center center/100% 100% no-repeat;
    opacity: 0
}

body.v5 .color-button span {
    padding: 0 4px
}

body.v5 .color-button--small {
    padding: 2px 4px 4px 35px
}

@media (max-width: 960px) {
    body.v5 .menu-button.active .menu-button__line--center {
        background-color: #140132
    }

    body.v5 .menu-button.active .menu-button__line--topBottom::before, body.v5 .menu-button.active .menu-button__line--topBottom::after {
        background-color: #140132
    }
}

body.v5 .widget {
    bottom: 10px;
    padding: 0;
    margin: 0 20px;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2509803922)
}

@media (max-width: 960px) {
    body.v5 .widget {
        margin: 0 10px
    }
}

body.v5 .widget__col--center {
    overflow: visible
}

@media (max-width: 960px) {
    body.v5 .widget__col--center {
        border-radius: 15px;
        overflow: hidden
    }
}

body.v5 .widget__col--right {
    padding: 6px;
    border-radius: 15px;
    background-color: #f8f0ff
}

@media (max-width: 960px) {
    body.v5 .widget__col--right {
        top: -125px;
        right: 0;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2509803922)
    }
}

body.v5 .widget__col--left {
    padding: 6px;
    border-radius: 15px;
    background-color: #f8f0ff
}

body.v5 .widget__rating-col--center {
    flex-direction: column-reverse
}

body.v5 .widget__rating-col--left {
    display: none
}

body.v5 .widget__rating-wrapper::before {
    background: linear-gradient(180deg, #6800BA 0%, #300560 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF)
}

body.v5 .widget__rating-list::before, body.v5 .widget__rating-list::after {
    content: "";
    position: absolute;
    top: -6px;
    bottom: -6px;
    z-index: 1;
    border-radius: 15px;
    pointer-events: none
}

body.v5 .widget__rating-list::before {
    left: -248px;
    width: 300px;
    background: linear-gradient(270deg, #ECD5FF 82.72%, rgba(236, 213, 255, 0) 100%);
    transform: rotate(-180deg)
}

@media (max-width: 960px) {
    body.v5 .widget__rating-list::before {
        left: -228px
    }
}

body.v5 .widget__rating-list::after {
    right: -122px;
    width: 170px;
    background: linear-gradient(270deg, #ECD5FF 69.12%, rgba(236, 213, 255, 0) 100%)
}

@media (max-width: 960px) {
    body.v5 .widget__rating-list::after {
        right: -102px
    }
}

body.v5 .widget .flickity-button {
    z-index: 2
}

body.v5 .widget__rating-item:hover .widget__rating-glasses {
    color: #140132;
    text-shadow: none
}

body.v5 .widget__rating-item:hover .widget__rating-glasses--common, body.v5 .widget__rating-item:hover .widget__rating-glasses--unique, body.v5 .widget__rating-item:hover .widget__rating-glasses--legendary, body.v5 .widget__rating-item:hover .widget__rating-glasses--rare, body.v5 .widget__rating-item:hover .widget__rating-glasses--simple, body.v5 .widget__rating-item:hover .widget__rating-glasses--epic {
    color: #fff
}

body.v5 .widget__rating-item:hover .widget__rating-income {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

body.v5 .widget__rating-glasses {
    color: #140132;
    padding: 1px 5px;
    border-radius: 4px;
    max-height: 16px
}

body.v5 .widget__rating-glasses--common {
    color: #fff;
    background-color: #cacaca;
    box-shadow: 0 0 5px 0 #cacaca
}

body.v5 .widget__rating-glasses--elementary {
    background-color: #ffeb72;
    box-shadow: 0 0 5px 0 #ffeb72
}

body.v5 .widget__rating-glasses--unique {
    color: #fff;
    background-color: #ff6b00;
    box-shadow: 0 0 5px 0 #ff6b00
}

body.v5 .widget__rating-glasses--legendary {
    color: #fff;
    background-color: #fd312b;
    box-shadow: 0 0 5px 0 #fd312b
}

body.v5 .widget__rating-glasses--lite {
    background-color: #00d062;
    box-shadow: 0 0 5px 0 #00d062
}

body.v5 .widget__rating-glasses--smart {
    background-color: #41f4ff;
    box-shadow: 0 0 5px 0 #41f4ff
}

body.v5 .widget__rating-glasses--rare {
    color: #fff;
    background-color: #06f;
    box-shadow: 0 0 5px 0 #06f
}

body.v5 .widget__rating-glasses--lite {
    background-color: lime;
    box-shadow: 0 0 5px 0 lime
}

body.v5 .widget__rating-glasses--simple {
    color: #fff;
    background-color: #ff00e1;
    box-shadow: 0 0 5px 0 #ff00e1
}

body.v5 .widget__rating-income {
    padding: 0;
    color: #140132;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0
}

body.v5 .widget__button {
    background-color: #6800ba
}

body.v5 .widget__button:hover {
    background-color: #140132
}

body.v5 .widget__button:hover .widget__button-img {
    opacity: 1
}

body.v5 .widget__button--leaders .widget__button-img--dark, body.v5 .widget__button--leaders .widget__button-img--light {
    background-image: url("")
}

body.v5 .widget__button--calc .widget__button-img--dark, body.v5 .widget__button--calc .widget__button-img--light {
    background-image: url("")
}

body.v5 .widget__button--help .widget__button-img--dark, body.v5 .widget__button--help .widget__button-img--light {
    background-image: url("")
}

body.v5 .widget__button-img {
    width: 100%;
    height: 100%
}

body.v5 .widget__button-img--color {
    display: none
}

body.v5 .widget__title--mobile {
    margin: 4px 0
}

body.v5 .dot, body.v5 .swiper-pagination-bullet {
    background: rgba(104, 0, 186, .3)
}

body.v5 .dot.is-selected, body.v5 .dot.swiper-pagination-bullet-active, body.v5 .swiper-pagination-bullet.is-selected, body.v5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #6800ba;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2509803922)
}

body.v5 .dot.is-selected::before, body.v5 .dot.swiper-pagination-bullet-active::before, body.v5 .swiper-pagination-bullet.is-selected::before, body.v5 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    display: none
}

body.v5 .dot:hover:not(.is-selected), body.v5 .swiper-pagination-bullet:hover:not(.is-selected) {
    background-color: rgba(250, 5, 241, .7)
}

body.v5 .dot:active:not(.is-selected), body.v5 .swiper-pagination-bullet:active:not(.is-selected) {
    background: rgba(104, 0, 186, .3)
}

@media (max-width: 640px) {
    body.v5 .slider-button svg {
        width: 12px;
        height: 12px
    }
}

@media (max-width: 640px) {
    body.v5 .container--info {
        max-width: 280px
    }
}

body.v5 .offer {
    margin-bottom: 40px;
    background: linear-gradient(180deg, #6800BA 44.1%, #300560 100%), linear-gradient(0deg, #6800BA, #6800BA)
}

@media (max-width: 640px) {
    body.v5 .offer {
        margin-bottom: 10px
    }
}

body.v5 .offer__bg-pattern--pyramid-black .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--paint-01 .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--bump {
    left: 4%;
    width: 7vw;
    height: 12vw
}

@media (max-width: 1024px) {
    body.v5 .offer__bg-pattern--bump {
        top: 28%;
        left: 0;
        width: 10vw;
        height: 14vw
    }
}

@media (max-width: 640px) {
    body.v5 .offer__bg-pattern--bump {
        top: 20%;
        left: -2%;
        width: 13vw;
        height: 19vw
    }
}

body.v5 .offer__bg-pattern--bump .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--flower-skyblue-01 .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--cross .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--moon .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--paint-02 .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--lee {
    left: 17.5%;
    bottom: 6%;
    width: 7vw;
    height: 7vw
}

@media (max-width: 1024px) {
    body.v5 .offer__bg-pattern--lee {
        left: 33.5%;
        bottom: 7%;
        width: 9vw;
        height: 9vw
    }
}

@media (max-width: 640px) {
    body.v5 .offer__bg-pattern--lee {
        left: .5%;
        bottom: 12%;
        width: 10vw;
        height: 10vw
    }
}

body.v5 .offer__bg-pattern--lee .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--crown .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--paint-03 .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--love .offer__bg-img {
    background-image: url("")
}

body.v5 .offer__bg-pattern--heart-pink .offer__bg-img {
    background-image: url("")
}

@media (max-width: 640px) {
    body.v5 .follow {
        margin-top: 0
    }
}

@media (max-width: 960px) {
    body.v5 .follow__left {
        margin-top: 0
    }
}

@media (max-width: 640px) {
    body.v5 .follow__right {
        margin-bottom: 0
    }
}

body.v5 .follow__picture {
    width: 462px;
    height: 315px
}

@media (max-width: 640px) {
    body.v5 .follow__picture {
        width: 333px;
        height: 227px
    }
}

body.v5 .follow__picture::before {
    background-image: url("")
}

@media (max-width: 640px) {
    body.v5 .follow__picture::before {
        background-image: url("")
    }
}

body.v5 .follow__picture::after {
    background-image: url("")
}

@media (max-width: 640px) {
    body.v5 .follow__picture::after {
        background-image: url("")
    }
}

body.v5 .follow__wrapper::before, body.v5 .follow__wrapper::after {
    display: none
}

body.v5 .steps__top-title {
    margin-top: 17px
}

@media (max-width: 640px) {
    body.v5 .steps__top-title {
        letter-spacing: 0
    }
}

@media (max-width: 960px) {
    body.v5 .steps__top-list {
        gap: 45px 0
    }
}

body.v5 .steps__top-item:nth-child(1) .steps__top-icon {
    width: 131px;
    height: 131px;
    background: url("") center center/100% 100% no-repeat
}

body.v5 .steps__top-item:nth-child(2) .steps__top-icon {
    width: 154px;
    height: 142px;
    background: url("") center center/100% 100% no-repeat;
    transform: translate(-50%, -52%)
}

body.v5 .steps__top-item:nth-child(3) .steps__top-icon {
    width: 136px;
    height: 138px;
    background: url("") center center/100% 100% no-repeat;
    transform: translate(-50%, -48%)
}

body.v5 .steps__top-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-transform: lowercase
}

@media (max-width: 640px) {
    body.v5 .steps__top-text {
        font-size: 16px;
        line-height: 19px
    }
}

body.v5 .steps__title {
    margin-bottom: 35px
}

body.v5 .steps__content {
    gap: 0 100px
}

body.v5 .steps__list {
    gap: 50px 0
}

@media (max-width: 960px) {
    body.v5 .steps__list {
        gap: 30px 0
    }
}

body.v5 .steps__item {
    align-items: flex-start;
    padding: 0;
    text-align: left
}

@media (max-width: 960px) {
    body.v5 .steps__item {
        align-items: center;
        text-align: center
    }
}

body.v5 .steps__item::before, body.v5 .steps__item::after {
    display: none
}

body.v5 .steps__video {
    position: relative;
    width: 260px;
    min-width: 260px;
    height: 479px;
    padding: 6px;
    border: none
}

body.v5 .steps__video video {
    border-radius: 14px
}

body.v5 .steps__video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #A466D6 0%, #6800BA 100%);
    border-radius: 20px;
    z-index: -2
}

body.v5 .steps__video::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 18px;
    z-index: -1
}

body.v5 .steps__bg--top {
    top: -8px;
    left: -120px;
    z-index: -3;
    width: 221px;
    height: 230px;
    background-image: url("");
    transform: rotate(35.13deg)
}

@media (max-width: 640px) {
    body.v5 .steps__bg--top {
        top: -46px;
        left: -162px;
        width: 313px;
        height: 315px;
        background-image: url("");
        transform: none
    }
}

body.v5 .steps__bg--bottom {
    bottom: 38px;
    right: -107px;
    z-index: -3;
    width: 168px;
    height: 175px;
    background-image: url("")
}

@media (max-width: 960px) {
    body.v5 .steps__bg--bottom {
        display: block
    }
}

@media (max-width: 640px) {
    body.v5 .steps__bg--bottom {
        bottom: 0;
        right: -124px;
        width: 168px;
        height: 216px;
        background-image: url("")
    }
}

body.v5 .steps__bg-flower {
    bottom: -23%;
    right: 3%;
    width: 56%;
    height: 50%;
    background-image: url("")
}

body.v5 .earnings__wrapper {
    gap: 0 60px
}

body.v5 .earnings__wrapper::before, body.v5 .earnings__wrapper::after {
    display: none
}

@media (max-width: 640px) {
    body.v5 .earnings__right {
        gap: 30px 0
    }
}

body.v5 .earnings__lists {
    width: 510px;
    padding: 0 5px;
    overflow: hidden
}

@media (max-width: 640px) {
    body.v5 .earnings__lists {
        display: none
    }
}

body.v5 .earnings__lists::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    z-index: 2;
    height: 162px;
    background: linear-gradient(180deg, #FFFFFF 4.72%, rgba(255, 255, 255, 0) 100%);
    transition: background .2s ease
}

body.v5 .earnings__lists::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -10px;
    right: -10px;
    z-index: 2;
    height: 162px;
    background: linear-gradient(180deg, #FFFFFF 4.72%, rgba(255, 255, 255, 0) 100%);
    transform: rotate(180deg);
    transition: background .2s ease
}

@media (max-width: 640px) {
    body.v5 .earnings__text {
        margin-bottom: 20px
    }
}

body.v5 .earnings__list {
    overflow: visible;
    margin: 0
}

body.v5 .earnings__list::before, body.v5 .earnings__list::after {
    display: none
}

body.v5 .earnings__item {
    padding: 8px
}

@media (max-width: 960px) {
    body.v5 .earnings__item {
        width: 240px;
        height: 240px
    }
}

body.v5 .earnings__item::before {
    border-color: #6800ba;
    box-shadow: 0 0 5px #6800ba
}

body.v5 .earnings__item::after {
    box-shadow: inset 0 0 5px #6800ba
}

body.v5 .earnings__item-picture {
    border-radius: 24px
}

@media (max-width: 640px) {
    body.v5 .earnings__item-picture {
        border-radius: 18px
    }
}

body.v5 .earnings__item-data {
    top: 20px;
    left: 20px
}

body.v5 .earnings__item-text--eacned, body.v5 .earnings__item-text--income {
    text-shadow: 0 0 5px #000
}

body.v5 .earnings__item-text--incomeX {
    box-shadow: 0 0 5px 0 #000
}

body.v5 .info {
    margin-bottom: 20px
}

@media (max-width: 960px) {
    body.v5 .info {
        margin-bottom: 0
    }
}

@media (max-width: 960px) {
    body.v5 .info .container {
        max-width: 570px
    }
}

@media (max-width: 640px) {
    body.v5 .info .container {
        max-width: 280px
    }
}

body.v5 .info__row--01::before, body.v5 .info__row--01::after {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    z-index: 2;
    display: none;
    width: 77px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    pointer-events: none
}

@media (max-width: 640px) {
    body.v5 .info__row--01::before, body.v5 .info__row--01::after {
        display: block
    }
}

body.v5 .info__row--01::before {
    left: -20px
}

body.v5 .info__row--01::after {
    right: -20px;
    transform: rotate(-180deg)
}

body.v5 .info__item {
    width: 240px;
    min-width: 240px;
    padding: 8px
}

body.v5 .info__item::before {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: rgba(104, 0, 186, .4)
}

body.v5 .info__item::after {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px
}

body.v5 .info__item:hover::before {
    background-color: #6800ba;
    box-shadow: 0 0 5px #6800ba
}

body.v5 .info__item:hover::after {
    box-shadow: inset 0 0 5px #6800ba
}

body.v5 .info .video {
    border-radius: 25px
}

body.v5 .info .video::before {
    background: rgba(20, 1, 50, .4);
    filter: blur(4px)
}

body.v5 .info .video::after {
    display: none
}

body.v5 .info .video:hover .video__inner {
    visibility: visible;
    opacity: 1
}

body.v5 .info .video:hover .video__button::before {
    transform: none
}

body.v5 .info .video__inner {
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease
}

@media (max-width: 960px) {
    body.v5 .info .video__inner {
        visibility: visible;
        opacity: 1
    }
}

body.v5 .info .video__link picture.v1 {
    display: none
}

body.v5 .info .video__link picture.v5 {
    display: block
}

body.v5 .info .video__decription {
    bottom: 30px
}

@media (max-width: 640px) {
    body.v5 .info__slider-button {
        display: flex
    }
}

body.v5 .articles__top {
    margin-bottom: 0
}

@media (max-width: 960px) {
    body.v5 .articles__top {
        margin-bottom: 50px
    }
}

@media (max-width: 960px) {
    body.v5 .articles__left {
        margin-top: 0
    }
}

body.v5 .articles__picture {
    width: 516px;
    height: 358px;
    background-image: url("");
    transform: translateY(-10px)
}

@media (max-width: 960px) {
    body.v5 .articles__picture {
        transform: none
    }
}

@media (max-width: 640px) {
    body.v5 .articles__picture {
        width: 393px;
        height: 250px
    }
}

body.v5 .articles__bg {
    display: none
}

@media (max-width: 640px) {
    body.v5 .articles__list {
        gap: 60px
    }
}

@media (max-width: 960px) {
    body.v5 .articles__item {
        min-height: 236px
    }
}

@media (max-width: 960px) {
    body.v5 .articles__item::before, body.v5 .articles__item::after {
        width: 96%;
        height: 98%;
        transform: translate(-52%, -48%)
    }
}

body.v5 .articles__item:nth-child(1) .articles__item-logo::before {
    background: url("") center center/100% 100% no-repeat
}

body.v5 .articles__item:nth-child(1) .articles__item-logo::after {
    background: url("") center center/100% 100% no-repeat
}

body.v5 .articles__item:nth-child(2) .articles__item-logo::before {
    background: url("") center center/100% 100% no-repeat
}

body.v5 .articles__item:nth-child(2) .articles__item-logo::after {
    background: url("") center center/100% 100% no-repeat
}

body.v5 .articles__item:nth-child(3) .articles__item-logo::before {
    background: url("") center center/100% 100% no-repeat
}

body.v5 .articles__item:nth-child(3) .articles__item-logo::after {
    background: url("") center center/100% 100% no-repeat
}

body.v5 .articles__item:nth-child(4) .articles__item-logo::before {
    background: url("") center center/100% 100% no-repeat
}

body.v5 .articles__item:nth-child(4) .articles__item-logo::after {
    background: url("") center center/100% 100% no-repeat
}

@media (max-width: 960px) {
    body.v5 .articles__item-text.text {
        max-width: 92%
    }
}

body.v5 .articles__item-logo {
    width: 40px;
    min-width: 40px;
    height: 40px
}

body.v5 .articles__item-logo::before, body.v5 .articles__item-logo::after {
    top: 50%;
    left: 50%;
    width: 63px;
    height: 63px;
    transform: translate(-50%, -50%)
}

body.v5 .articles__item-top {
    margin-bottom: 12px
}

body.v5 .articles__item-bottom {
    flex-grow: 1
}

@media (max-width: 960px) {
    body.v5 .articles__item-bottom {
        max-width: 95%
    }
}

body.v5 .articles__item-link {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0
}

body.v5 .articles__item-link:hover::after {
    background-color: #6800ba
}

body.v5 .articles__item-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 104px;
    height: 56px;
    background: url("") center center/100% 100% no-repeat;
    transform: translate(-50%, -50%)
}

body.v5 .articles__item-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #140132;
    border-radius: 30px;
    transition: background-color .2s ease
}

body.v5 .articles__item-link svg {
    display: none
}

body.v5 .articles__item-date {
    color: #6800ba;
    background-color: rgba(231, 205, 252, .6);
    border: none
}

body.v5 .proposal {
    background: linear-gradient(180deg, #6800BA 44.1%, #300560 100%), linear-gradient(0deg, #6800BA, #6800BA)
}

body.v5 .proposal__content {
    z-index: 4
}

body.v5 .proposal::before, body.v5 .proposal::after {
    content: "";
    position: absolute;
    z-index: 3
}

@media (max-width: 768px) {
    body.v5 .proposal--v1, body.v5 .proposal--v3, body.v5 .proposal--v8 {
        padding: 130px 0 120px 0
    }
}

body.v5 .proposal--v1::before, body.v5 .proposal--v3::before, body.v5 .proposal--v8::before {
    bottom: 5px;
    left: 87px;
    width: 174px;
    height: 188px;
    background: url("") center center/100% 100% no-repeat;
    transform: rotate(-26.78deg)
}

@media (max-width: 1180px) {
    body.v5 .proposal--v1::before, body.v5 .proposal--v3::before, body.v5 .proposal--v8::before {
        left: 17px
    }
}

@media (max-width: 960px) {
    body.v5 .proposal--v1::before, body.v5 .proposal--v3::before, body.v5 .proposal--v8::before {
        left: -73px
    }
}

@media (max-width: 768px) {
    body.v5 .proposal--v1::before, body.v5 .proposal--v3::before, body.v5 .proposal--v8::before {
        left: 16px;
        bottom: -7px;
        width: 107px;
        height: 118px
    }
}

body.v5 .proposal--v1::after, body.v5 .proposal--v3::after, body.v5 .proposal--v8::after {
    top: 29px;
    right: 59px;
    width: 89px;
    height: 141px;
    background: url("") center center/100% 100% no-repeat;
    transform: rotate(-44.73deg)
}

@media (max-width: 1180px) {
    body.v5 .proposal--v1::after, body.v5 .proposal--v3::after, body.v5 .proposal--v8::after {
        right: -49px
    }
}

@media (max-width: 960px) {
    body.v5 .proposal--v1::after, body.v5 .proposal--v3::after, body.v5 .proposal--v8::after {
        right: -109px
    }
}

@media (max-width: 768px) {
    body.v5 .proposal--v1::after, body.v5 .proposal--v3::after, body.v5 .proposal--v8::after {
        top: -4px;
        right: 11px;
        width: 66px;
        height: 110px;
        transform: rotate(41.27deg)
    }
}

@media (max-width: 1250px) {
    body.v5 .proposal--v2 .proposal__title {
        max-width: 890px
    }
}

@media (max-width: 768px) {
    body.v5 .proposal--v2 {
        max-height: 416px;
        padding: 130px 0 120px 0
    }
}

body.v5 .proposal--v2::before {
    bottom: 50px;
    left: 103px;
    width: 144px;
    height: 172px;
    background: url("") center center/100% 100% no-repeat;
    transform: rotate(-20.57deg)
}

@media (max-width: 1180px) {
    body.v5 .proposal--v2::before {
        left: 17px
    }
}

@media (max-width: 960px) {
    body.v5 .proposal--v2::before {
        left: -73px
    }
}

@media (max-width: 768px) {
    body.v5 .proposal--v2::before {
        left: 20px;
        bottom: 0;
        width: 106px;
        height: 112px
    }
}

body.v5 .proposal--v2::after {
    top: 75px;
    right: 25px;
    width: 175px;
    height: 100px;
    background: url("") center center/100% 100% no-repeat;
    transform: rotate(24.26deg)
}

@media (max-width: 1180px) {
    body.v5 .proposal--v2::after {
        right: -49px
    }
}

@media (max-width: 960px) {
    body.v5 .proposal--v2::after {
        right: -109px
    }
}

@media (max-width: 768px) {
    body.v5 .proposal--v2::after {
        top: 44px;
        right: -2px;
        width: 126px;
        height: 74px;
        transform: rotate(22.27deg)
    }
}

body.v5 .proposal--v3 .proposal__girl-01 {
    display: none
}

@media (max-width: 768px) {
    body.v5 .proposal--v3 .proposal__wrapper {
        padding-bottom: 4px
    }
}

body.v5 .proposal__bg-layer--dust {
    display: none
}

body.v5 .proposal__bg-layer--01::before, body.v5 .proposal__bg-layer--03::before {
    top: -65px;
    left: -96px;
    width: 424px;
    height: 498px;
    background-image: url("")
}

@media (max-width: 1180px) {
    body.v5 .proposal__bg-layer--01::before, body.v5 .proposal__bg-layer--03::before {
        left: -166px
    }
}

@media (max-width: 960px) {
    body.v5 .proposal__bg-layer--01::before, body.v5 .proposal__bg-layer--03::before {
        left: -256px
    }
}

@media (max-width: 768px) {
    body.v5 .proposal__bg-layer--01::before, body.v5 .proposal__bg-layer--03::before {
        top: auto;
        bottom: -50px;
        left: -80px;
        width: 231px;
        height: 229px;
        background-image: url("")
    }
}

body.v5 .proposal__bg-layer--01::after, body.v5 .proposal__bg-layer--03::after {
    top: -194px;
    right: -133px;
    width: 476px;
    height: 596px;
    background-image: url("")
}

@media (max-width: 1180px) {
    body.v5 .proposal__bg-layer--01::after, body.v5 .proposal__bg-layer--03::after {
        right: -233px
    }
}

@media (max-width: 960px) {
    body.v5 .proposal__bg-layer--01::after, body.v5 .proposal__bg-layer--03::after {
        right: -343px
    }
}

@media (max-width: 768px) {
    body.v5 .proposal__bg-layer--01::after, body.v5 .proposal__bg-layer--03::after {
        top: -85px;
        right: -70px;
        width: 230px;
        height: 233px;
        background-image: url("")
    }
}

body.v5 .proposal__bg-layer--02::before {
    top: -65px;
    left: -96px;
    width: 424px;
    height: 498px;
    background-image: url("")
}

@media (max-width: 1180px) {
    body.v5 .proposal__bg-layer--02::before {
        left: -166px
    }
}

@media (max-width: 960px) {
    body.v5 .proposal__bg-layer--02::before {
        left: -256px
    }
}

@media (max-width: 768px) {
    body.v5 .proposal__bg-layer--02::before {
        top: auto;
        bottom: -50px;
        left: -80px;
        width: 231px;
        height: 229px;
        background-image: url("")
    }
}

body.v5 .proposal__bg-layer--02::after {
    top: -194px;
    right: -133px;
    width: 476px;
    height: 596px;
    background-image: url("")
}

@media (max-width: 1180px) {
    body.v5 .proposal__bg-layer--02::after {
        right: -233px
    }
}

@media (max-width: 960px) {
    body.v5 .proposal__bg-layer--02::after {
        right: -343px
    }
}

@media (max-width: 768px) {
    body.v5 .proposal__bg-layer--02::after {
        top: -85px;
        right: -70px;
        width: 230px;
        height: 227px;
        background-image: url("")
    }
}

body.v5 .reviews--v2 {
    margin-bottom: 90px
}

@media (max-width: 640px) {
    body.v5 .reviews--v2 {
        margin-bottom: 80px
    }
}

body.v5 .reviews--v2::before, body.v5 .reviews--v2::after {
    display: none
}

body.v5 .reviews--v2 .flickity-button {
    z-index: 3
}

body.v5 .reviews--v2 .reviews__content::before, body.v5 .reviews--v2 .reviews__content::after {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    z-index: 2;
    display: none;
    width: 77px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    pointer-events: none
}

@media (max-width: 640px) {
    body.v5 .reviews--v2 .reviews__content::before, body.v5 .reviews--v2 .reviews__content::after {
        display: block
    }
}

body.v5 .reviews--v2 .reviews__content::before {
    left: -20px
}

body.v5 .reviews--v2 .reviews__content::after {
    right: -20px;
    transform: rotate(-180deg)
}

body.v5 .reviews--v2 .reviews__item {
    padding: 8px;
    background: rgba(0, 0, 0, 0);
    overflow: visible
}

body.v5 .reviews--v2 .reviews__item::before {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: rgba(104, 0, 186, .5);
    transition: all .2s ease
}

body.v5 .reviews--v2 .reviews__item::after {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border: none;
    background-color: #fff;
    transition: all .2s ease
}

body.v5 .reviews--v2 .reviews__item:hover::before {
    background: #6800ba;
    box-shadow: 0 0 5px #6800ba
}

body.v5 .reviews--v2 .reviews__item:hover::after {
    box-shadow: inset 0 0 5px #6800ba
}

body.v5 .reviews--v2 .reviews__item-wrapper::before {
    display: none
}

body.v5 .reviews--v2 .reviews__item-wrapper::after {
    opacity: 1;
    z-index: -2;
    background: linear-gradient(180deg, #6800BA 0%, #300560 100%)
}

body.v5 .reviews--v2 .reviews__item-section--bottom {
    height: 330px;
    pointer-events: none
}

body.v5 .reviews--v2 .reviews__item-info {
    position: relative
}

body.v5 .reviews--v2 .reviews__item-info::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 74px;
    background: linear-gradient(180deg, #2E1194 0%, rgba(46, 17, 148, 0) 100%);
    transform: rotate(180deg)
}

body.v5 .reviews--v2 .reviews__item-bg {
    display: none
}

body.v5 .reviews--v2 .reviews__item-picture {
    width: 100%;
    height: 100%;
    filter: blur(1px)
}

body.v5 .reviews--v2 .reviews__item-picture::after {
    display: none
}

body.v5 .reviews--v2 .reviews__item-text {
    text-shadow: none;
    box-shadow: none
}

body.v5 .faq {
    margin-bottom: 30px
}

body.v5 .faq__list {
    gap: 15px 0
}

body.v5 .faq__item {
    background-color: #f8f0ff;
    border-radius: 20px
}

@media (max-width: 640px) {
    body.v5 .faq__item {
        padding: 20px
    }
}

body.v5 .faq__item-top::before, body.v5 .faq__item-top::after {
    display: none
}

body.v5 .faq__item-title {
    text-transform: capitalize
}

body.v5 .faq__item-text {
    font-size: 14px;
    line-height: 20px
}

body.v5 .faq__item-text:first-child {
    margin-top: 20px
}

body.v5 .footer {
    padding-bottom: 90px
}

@media (max-width: 960px) {
    body.v5 .footer {
        padding-bottom: 110px
    }
}

@media (max-width: 640px) {
    body.v5 .footer {
        padding-top: 40px
    }
}

@media (max-width: 640px) {
    body.v5 .footer__bottom {
        text-align: left
    }
}

@media (max-width: 960px) {
    body.v5 .footer__wrapper {
        max-width: calc(100% - 82px)
    }
}

@media (max-width: 640px) {
    body.v5 .footer__wrapper {
        align-items: flex-start
    }
}

@media (max-width: 960px) {
    body.v5 .footer__nav--secondary {
        justify-content: flex-start
    }
}

@media (max-width: 640px) {
    body.v5 .footer__left, body.v5 .footer__right {
        align-items: flex-start
    }
}

body.v5.dark .header {
    background-color: rgba(0, 0, 0, 0)
}

body.v5.dark .header::before, body.v5.dark .header::after {
    background: linear-gradient(180deg, #140132 0%, rgba(20, 1, 50, 0) 100%)
}

body.v5.dark .header.active .langs__locale, body.v5.dark .header.active .rates__info, body.v5.dark .header.scroll-active .langs__locale, body.v5.dark .header.scroll-active .rates__info {
    color: #fff
}

body.v5.dark .header.active .langs__img, body.v5.dark .header.scroll-active .langs__img {
    stroke: #fff
}

@media (max-width: 960px) {
    body.v5.dark .header.active .menu-button__line--center, body.v5.dark .header.active .menu-button__line--topBottom::before, body.v5.dark .header.active .menu-button__line--topBottom::after, body.v5.dark .header.scroll-active .menu-button__line--center, body.v5.dark .header.scroll-active .menu-button__line--topBottom::before, body.v5.dark .header.scroll-active .menu-button__line--topBottom::after {
        background-color: #01ffc2
    }
}

body.v5.dark .logo .logo__img {
    fill: #fff
}

body.v5.dark .logo.active .logo__img {
    fill: #fff
}

body.v5.dark .widget__button {
    background-color: #6800ba
}

body.v5.dark .widget__button:hover {
    background-color: #140132
}

body.v5.dark .widget__rating-income {
    color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

body.v5.dark .widget__rating-list::before, body.v5.dark .widget__rating-list::after {
    background: linear-gradient(270deg, #140132 82.72%, rgba(20, 1, 50, 0) 100%)
}

body.v5.dark .button--active:not(:disabled):hover svg {
    fill: #fff
}

body.v5.dark .color-button::before {
    opacity: 0
}

body.v5.dark .color-button::after {
    opacity: 1;
    background-image: url("")
}

body.v5.dark .color-button:hover::before {
    opacity: 1
}

body.v5.dark .color-button:hover::after {
    opacity: 0
}

body.v5.dark .dot, body.v5.dark .swiper-pagination-bullet {
    background: #6800ba
}

body.v5.dark .dot.is-selected, body.v5.dark .dot.swiper-pagination-bullet-active, body.v5.dark .swiper-pagination-bullet.is-selected, body.v5.dark .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fa05f1;
    box-shadow: 0 0 5px #fa05f1
}

body.v5.dark .dot:active:not(.is-selected), body.v5.dark .swiper-pagination-bullet:active:not(.is-selected) {
    background: #6800ba
}

body.v5.dark .steps__video::before {
    background: linear-gradient(180deg, #6800BA 0%, #300560 100%)
}

body.v5.dark .steps__video::after {
    background: #140132
}

body.v5.dark .steps__bg--top {
    background-image: url("")
}

@media (max-width: 640px) {
    body.v5.dark .steps__bg--top {
        background-image: url("")
    }
}

body.v5.dark .steps__bg--bottom {
    background-image: url("")
}

@media (max-width: 640px) {
    body.v5.dark .steps__bg--bottom {
        background-image: url("")
    }
}

body.v5.dark .earnings__slider::before, body.v5.dark .earnings__slider::after {
    background: linear-gradient(to right, rgb(20, 1, 50), rgba(20, 1, 50, 0))
}

body.v5.dark .earnings__lists::before, body.v5.dark .earnings__lists::after {
    background: linear-gradient(180deg, #140132 4.72%, rgba(20, 1, 50, 0) 100%)
}

body.v5.dark .earnings__item::before {
    background-color: #6800ba;
    border: 1px solid #fff
}

body.v5.dark .articles__picture {
    background-image: url("")
}

body.v5.dark .articles__item-date {
    color: #9f92e1;
    background-color: rgba(48, 5, 96, .6)
}

body.v5.dark .info__item::before {
    background-color: #6800ba
}

body.v5.dark .info__item:hover::before {
    border-color: #fff
}

body.v5.dark .info__row--01::before, body.v5.dark .info__row--01::after {
    background: linear-gradient(to right, rgb(20, 1, 50), rgba(20, 1, 50, 0))
}

body.v5.dark .reviews--v2 .reviews__content::before, body.v5.dark .reviews--v2 .reviews__content::after {
    background: linear-gradient(to right, rgb(20, 1, 50), rgba(20, 1, 50, 0))
}

body.v5.dark .reviews--v2 .reviews__item::before {
    background: rgba(104, 0, 186, .5)
}

body.v5.dark .reviews--v2 .reviews__item::after {
    background-color: #140132
}

body.v5.dark .reviews--v2 .reviews__item:hover::before {
    border-color: #fff
}

body.v5.dark .reviews--v2 .reviews__item-wrapper {
    background-color: #140132;
    transition: background-color .2s ease
}

body.v5.dark .reviews--v2 .reviews__item-wrapper::before {
    background: linear-gradient(180deg, rgba(104, 0, 186, 0.5) 0%, rgba(48, 5, 96, 0.5) 100%)
}

body.v5.dark .reviews--v2 .reviews__item-wrapper::after {
    background: linear-gradient(180deg, rgba(46, 17, 148, 0.4) 0%, rgba(46, 17, 148, 0) 100%)
}

body.v5.dark .reviews--v2 .reviews__item-info::after {
    background: linear-gradient(180deg, rgba(46, 17, 148, 0.4) 0%, rgba(46, 17, 148, 0) 100%)
}

body.v5.dark .faq__item {
    background-color: rgba(48, 5, 96, .3)
}

body .offer--v6, body.v6 .offer--v6 {
    margin-bottom: 0;
    min-height: auto;
    height: 100 dvh;
    overflow: auto
}

body .offer--v6 .offer__path, body.v6 .offer--v6 .offer__path {
    padding: 32px 0;
    align-items: initial
}

body .offer--v6 .offer__start, body.v6 .offer--v6 .offer__start {
    margin: auto;
    padding-bottom: 26px
}

body .offer--v6 .offer__bg, body.v6 .offer--v6 .offer__bg {
    overflow: hidden
}

body .offer--v6 .container--offer, body.v6 .offer--v6 .container--offer {
    max-width: inherit
}

body .offer--v6 .offer__start-text, body.v6 .offer--v6 .offer__start-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    max-width: 640px;
    text-transform: inherit;
    letter-spacing: 0
}

@media (max-width: 640px) {
    body .offer--v6 .offer__start-text, body.v6 .offer--v6 .offer__start-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px
    }
}

body .offer--v6 .offer__start-text--first, body.v6 .offer--v6 .offer__start-text--first {
    margin-bottom: 30px
}

@media (max-width: 640px) {
    body .offer--v6 .offer__start-text--first, body.v6 .offer--v6 .offer__start-text--first {
        margin-bottom: 20px
    }
}

body .offer--v6 .offer__start-text--second, body.v6 .offer--v6 .offer__start-text--second {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    letter-spacing: .08em;
    text-align: center;
    text-transform: uppercase;
    max-width: 100%;
    display: block;
    margin-bottom: 12px
}

@media (max-width: 640px) {
    body .offer--v6 .offer__start-text--second, body.v6 .offer--v6 .offer__start-text--second {
        font-size: 16px;
        font-weight: 700;
        line-height: 22.4px;
        text-align: center;
        margin-bottom: 10px
    }
}

body .offer--v6 .offer__download-links, body.v6 .offer--v6 .offer__download-links {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px
}

@media (max-width: 640px) {
    body .offer--v6 .offer__download-links, body.v6 .offer--v6 .offer__download-links {
        gap: 10px
    }
}

body .offer--v6 .offer__download-links a, body.v6 .offer--v6 .offer__download-links a {
    display: block
}

body .offer--v6 .offer__download-links img, body.v6 .offer--v6 .offer__download-links img {
    display: block
}

@media (max-width: 640px) {
    body .offer--v6 .offer__download-links img, body.v6 .offer--v6 .offer__download-links img {
        height: 46px
    }
}

body .offer--v6 .offer__start-title, body.v6 .offer--v6 .offer__start-title {
    letter-spacing: .08em
}

@media (max-width: 640px) {
    body .offer--v6 .offer__start-title, body.v6 .offer--v6 .offer__start-title {
        font-size: 30px;
        font-weight: 900;
        line-height: 30px;
        letter-spacing: .06em;
        text-align: center;
        margin-bottom: 5px
    }
}

body .offer--v6 .offer__start-logo, body.v6 .offer--v6 .offer__start-logo {
    display: block;
    margin: 0 auto 30px;
    width: 341px
}

@media (max-width: 640px) {
    body .offer--v6 .offer__start-logo, body.v6 .offer--v6 .offer__start-logo {
        max-width: 191px;
        margin-bottom: 20px
    }
}

body .offer--v6 .offer__bg-pattern--heart-pink, body.v6 .offer--v6 .offer__bg-pattern--heart-pink {
    right: 12.7%;
    bottom: -12%
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--heart-pink, body.v6 .offer--v6 .offer__bg-pattern--heart-pink {
        right: .7%;
        bottom: 1%;
        width: 22vw
    }
}

body .offer--v6 .offer__bg-pattern--paint-01, body.v6 .offer--v6 .offer__bg-pattern--paint-01 {
    left: 3.7%;
    top: 13.6%
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--paint-01, body.v6 .offer--v6 .offer__bg-pattern--paint-01 {
        left: -0.3%;
        top: 3.6%
    }
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--paint-02, body.v6 .offer--v6 .offer__bg-pattern--paint-02 {
        bottom: -15%
    }
}

body .offer--v6 .offer__bg-pattern--bump, body.v6 .offer--v6 .offer__bg-pattern--bump {
    left: 3.2%;
    top: 33.5%;
    width: 6.7vw;
    height: 13vw
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--bump, body.v6 .offer--v6 .offer__bg-pattern--bump {
        left: 3.2%;
        top: 19.5%;
        width: 9.7vw;
        height: 19vw
    }
}

body .offer--v6 .offer__bg-pattern--dollar, body.v6 .offer--v6 .offer__bg-pattern--dollar {
    left: 17.2%;
    top: 8.4%;
    bottom: auto;
    bottom: initial;
    width: 6vw
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--dollar, body.v6 .offer--v6 .offer__bg-pattern--dollar {
        left: 22.2%;
        top: -0.6%;
        width: 10vw
    }
}

body .offer--v6 .offer__bg-pattern--pyramid-black, body.v6 .offer--v6 .offer__bg-pattern--pyramid-black {
    left: 1.4%;
    top: 6%;
    width: 17.6vw;
    height: 17.6vw
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--pyramid-black, body.v6 .offer--v6 .offer__bg-pattern--pyramid-black {
        left: -3.6%;
        top: -2%;
        width: 32.6vw;
        height: 29.6vw
    }
}

body .offer--v6 .offer__bg-pattern--love, body.v6 .offer--v6 .offer__bg-pattern--love {
    right: 4.5%;
    top: 47.5%;
    width: 14vw;
    height: 8vw
}

body .offer--v6 .offer__bg-pattern--hand, body.v6 .offer--v6 .offer__bg-pattern--hand {
    right: 4%;
    bottom: 5%
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--hand, body.v6 .offer--v6 .offer__bg-pattern--hand {
        right: 21%;
        bottom: -3%;
        transform: none
    }
}

body .offer--v6 .offer__bg-pattern--paint-03, body.v6 .offer--v6 .offer__bg-pattern--paint-03 {
    right: -12%;
    top: 2%;
    width: 32vw;
    height: 25vw
}

body .offer--v6 .offer__bg-pattern--shuriken-black-03, body.v6 .offer--v6 .offer__bg-pattern--shuriken-black-03 {
    right: 2.5%;
    bottom: -5%
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--shuriken-black-03, body.v6 .offer--v6 .offer__bg-pattern--shuriken-black-03 {
        right: -3.5%;
        bottom: 17%
    }
}

body .offer--v6 .offer__bg-pattern--flower-skyblue-03, body.v6 .offer--v6 .offer__bg-pattern--flower-skyblue-03 {
    right: -1.5%;
    bottom: 21.5%
}

body .offer--v6 .offer__bg-pattern--flower-skyblue-01, body.v6 .offer--v6 .offer__bg-pattern--flower-skyblue-01 {
    left: -1.5%;
    top: 60%
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--flower-skyblue-01, body.v6 .offer--v6 .offer__bg-pattern--flower-skyblue-01 {
        left: -4%;
        top: 72%
    }
}

body .offer--v6 .offer__bg-pattern--moon, body.v6 .offer--v6 .offer__bg-pattern--moon {
    bottom: -7%
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--moon, body.v6 .offer--v6 .offer__bg-pattern--moon {
        bottom: 2.5%
    }
}

body .offer--v6 .offer__bg-pattern--lee, body.v6 .offer--v6 .offer__bg-pattern--lee {
    left: 19.5%;
    bottom: -6%
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--lee, body.v6 .offer--v6 .offer__bg-pattern--lee {
        left: 33.5%;
        bottom: 2%
    }
}

@media (max-width: 640px) {
    body .offer--v6 .offer__bg-pattern--cross, body.v6 .offer--v6 .offer__bg-pattern--cross {
        top: -4%
    }
}

body.dark {
    color: #fcfcfd;
    background-color: #140132
}

body.dark .theme-button {
    background-color: #140132;
    border-color: #01ffc2
}

body.dark .theme-button:hover .theme-button__icons {
    background-color: #01ffc2
}

body.dark .theme-button:hover .theme-button__img {
    fill: #140132
}

body.dark .theme-button__icons {
    transform: translateX(32px)
}

body.dark .theme-button__img {
    fill: #01ffc2
}

body.dark .theme-button__img--dark {
    opacity: 0
}

body.dark .theme-button__img--light {
    opacity: 1
}

body.dark .theme-img::before {
    opacity: 0
}

body.dark .theme-img::after {
    opacity: 1
}

body.dark .button {
    color: #fcfcfd
}

body.dark .button::before {
    background-color: #140132;
    border-color: #01ffc2
}

body.dark .button:not(:disabled):hover {
    color: #140132
}

body.dark .button:not(:disabled):hover svg {
    fill: #140132
}

body.dark .button:not(:disabled):hover::before {
    border-color: #fff
}

body.dark .button:disabled {
    color: rgba(159, 146, 225, .7)
}

body.dark .button:disabled::before {
    background-color: #140132;
    border-color: rgba(159, 146, 225, .7)
}

body.dark .button svg {
    fill: #fff
}

body.dark .button.loading .button__text {
    color: rgba(0, 0, 0, 0)
}

body.dark .button.loading .button__wrapper::after {
    border-color: rgba(159, 146, 225, .7);
    border-left-color: rgba(0, 0, 0, 0)
}

body.dark .button--secondary {
    color: #9f92e1
}

body.dark .button--secondary:not(.button--active)::before {
    border-color: #9f92e1
}

body.dark .button--auxiliary {
    color: #9f92e1
}

body.dark .button--auxiliary:not(.button--active)::before {
    background-color: #291856;
    border-color: #9f92e1
}

body.dark .button--auxiliary:disabled {
    color: #553d8d
}

body.dark .button--auxiliary:disabled::before {
    border-color: #553d8d
}

body.dark .button--auxiliary:disabled svg {
    fill: #553d8d
}

body.dark .button--auxiliary svg {
    fill: #9f92e1
}

@media (max-width: 768px) {
    body.dark .button--auxiliary:not(:disabled) {
        color: #140132
    }

    body.dark .button--auxiliary:not(:disabled)::before {
        background-color: #01ffc2;
        border-color: #01ffc2
    }

    body.dark .button--auxiliary:not(:disabled) svg {
        fill: #140132
    }

    body.dark .button--auxiliary:hover:not(:disabled) {
        color: #fff
    }

    body.dark .button--auxiliary:hover:not(:disabled) span {
        color: #140132;
        text-shadow: none
    }

    body.dark .button--auxiliary:hover:not(:disabled) svg {
        fill: #140132;
        filter: none
    }

    body.dark .button--auxiliary:hover:not(:disabled)::before {
        border-color: #01ffc2
    }
}

body.dark .button--active svg {
    fill: #140132
}

body.dark .button--active::before {
    border-color: #fff
}

body.dark .button--download::before {
    background-color: rgba(0, 0, 0, 0)
}

body.dark .menu-button {
    border-color: #01ffc2;
    color: #fff
}

body.dark .menu-button__line {
    background-color: #fff
}

@media (max-width: 960px) {
    body.dark .menu-button__line {
        background-color: #01ffc2
    }
}

body.dark .menu-button__line--topBottom {
    background-color: rgba(0, 0, 0, 0)
}

body.dark .menu-button__line--topBottom::before, body.dark .menu-button__line--topBottom::after {
    background-color: #fff
}

@media (max-width: 960px) {
    body.dark .menu-button__line--topBottom::before, body.dark .menu-button__line--topBottom::after {
        background-color: #01ffc2
    }
}

body.dark .color-button::before {
    opacity: 1
}

body.dark .color-button::after {
    opacity: 0
}

body.dark .color-button:hover::before {
    opacity: 0
}

body.dark .color-button:hover::after {
    opacity: 1
}

body.dark .langs__locale {
    color: #fff
}

body.dark .langs:not(.menu__languages):hover .langs__locale, body.dark .langs:not(.menu__languages):focus .langs__locale, body.dark .langs.active .langs__locale {
    color: #01ffc2
}

body.dark .langs:not(.menu__languages):hover .langs__img, body.dark .langs:not(.menu__languages):focus .langs__img, body.dark .langs.active .langs__img {
    stroke: #01ffc2
}

body.dark .langs__wrapper::before {
    background-color: rgba(30, 10, 70, .8);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

body.dark .langs__img {
    stroke: #fff
}

body.dark .langs__link {
    color: #fff
}

body.dark .langs__link:hover {
    color: #01ffc2
}

body.dark .slider-button::before, body.dark .flickity-button::before {
    background-color: #fff
}

body.dark .slider-button:hover::before, body.dark .slider-button:focus::before, body.dark .flickity-button:hover::before, body.dark .flickity-button:focus::before {
    transform: scale(1.15)
}

body.dark .slider-button:active::before, body.dark .flickity-button:active::before {
    background-color: #080132;
    transform: scale(1)
}

body.dark .slider-button:active svg, body.dark .flickity-button:active svg {
    stroke: #fff;
    fill: #fff
}

body.dark .slider-button svg, body.dark .flickity-button svg {
    stroke: #080132;
    fill: #080132
}

body.dark .rates__info {
    color: #fff
}

body.dark .tabs__wrapper {
    background-color: #140132;
    border-color: rgba(159, 146, 225, .7)
}

body.dark .tabs__button:not(.active) {
    color: rgba(159, 146, 225, .7)
}

body.dark .tabs__button:hover {
    color: #fff
}

body.dark .tabs.active .tabs__button {
    color: #fff
}

@media (max-width: 1180px) {
    body.dark .tabs__wrapper {
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0)
    }

    body.dark .tabs__button:not(.active) {
        background-color: #140132;
        border-color: #9f92e1;
        color: #9f92e1;
        border-radius: 30px
    }

    body.dark .tabs__button:not(.active):hover, body.dark .tabs__button:not(.active):active {
        border-color: #fff;
        color: #fff
    }
}

body.dark .menu__content {
    background-color: #140132
}

body.dark .menu__nav-title {
    color: #fff
}

body.dark .menu__nav-link {
    color: #fff
}

body.dark .menu__nav-link svg {
    stroke: #fff
}

body.dark .menu__nav-link:hover {
    color: #01ffc2
}

body.dark .menu__nav-link:hover svg {
    stroke: #01ffc2
}

body.dark .menu__nav-link::before {
    -webkit-text-stroke: .1em #01ffc2
}

body.dark .menu__nav-link--active {
    color: #01ffc2
}

body.dark .menu__button-img {
    stroke: #fff
}

body.dark .menu__logo-img {
    fill: #fff
}

body.dark .menu__copyright {
    color: #fff
}

body.dark .menu__overlay {
    background-color: rgba(20, 1, 50, .7)
}

body.dark .logo__img {
    fill: #fff
}

body.dark .header {
    background-color: #140132
}

body.dark .header::before {
    opacity: 0
}

body.dark .header::after {
    opacity: 1
}

body.dark .qr-code__modal::before {
    opacity: 0
}

body.dark .qr-code__modal::after {
    opacity: 1
}

body.dark .qr-code__text {
    color: #01ffc2
}

body.dark .qr-code__picture::before {
    border-color: #01ffc2
}

body.dark .qr-code__picture::after {
    border-color: #140132
}

body.dark .offer::after {
    background-color: #140132
}

body.dark .offer__bg::after {
    background-color: #140132
}

body.dark .offer__bg-bottom::before {
    opacity: 0
}

body.dark .offer__bg-bottom::after {
    opacity: 1
}

body.dark .offer__bg-top--light, body.dark .offer__bg-bottom--light {
    opacity: 0
}

body.dark .offer__bg-top--dark, body.dark .offer__bg-bottom--dark {
    opacity: 1
}

body.dark .welcome__bg-bottom::before {
    opacity: 0
}

body.dark .welcome__bg-bottom::after {
    opacity: 1
}

body.dark .talent__bg::before {
    opacity: 0
}

body.dark .talent__bg::after {
    opacity: 1
}

body.dark .funds__line--top::before, body.dark .funds__line--bottom::before {
    opacity: 0
}

body.dark .funds__line--top::after, body.dark .funds__line--bottom::after {
    opacity: 1
}

body.dark .proposal__line--top::before, body.dark .proposal__line--bottom::before {
    opacity: 0
}

body.dark .proposal__line--top::after, body.dark .proposal__line--bottom::after {
    opacity: 1
}

body.dark .info__start-step::after {
    opacity: 0
}

body.dark .info__start-step::before {
    opacity: 1
}

body.dark .info__start-img {
    fill: #9f92e1
}

body.dark .info__item::before {
    background-color: #fff
}

body.dark .info__item::after {
    background-color: #140132
}

body.dark .reward__table-note {
    color: #9f92e1
}

body.dark .reward__bg-picture::before {
    opacity: 0
}

body.dark .reward__bg-picture::after {
    opacity: 1
}

body.dark .scheme__left::before, body.dark .scheme__right::before, body.dark .scheme__item::before {
    opacity: 0
}

body.dark .scheme__left::after, body.dark .scheme__right::after, body.dark .scheme__item::after {
    opacity: 1
}

body.dark .coins__bottom::before {
    opacity: 0
}

body.dark .coins__bottom::after {
    opacity: 1
}

body.dark .coins__count {
    background-color: #01ffc2;
    color: #140132
}

body.dark .docs__bg::before {
    opacity: 0
}

body.dark .docs__bg::after {
    opacity: 1
}

body.dark .reviews__bg-picture--light {
    opacity: 0
}

body.dark .reviews__bg-picture--dark {
    opacity: 1
}

body.dark .reviews__button {
    background-color: #fff
}

body.dark .reviews__button svg {
    fill: #140132;
    stroke: #140132
}

body.dark .reviews__item::before {
    background-color: #fff
}

body.dark .reviews__item::after {
    border-color: #140132
}

body.dark .reviews__item-info::after {
    border-color: #140132
}

body.dark .reviews__item-text--incomeX {
    color: #140132
}

body.dark .agent__col::before {
    opacity: 0
}

body.dark .agent__col::after {
    opacity: 1
}

body.dark .agent__bg-img--light {
    opacity: 0
}

body.dark .agent__bg-img--dark {
    opacity: 1
}

body.dark .details__item::before {
    opacity: 0
}

body.dark .details__item::after {
    opacity: 1
}

body.dark .form__help-button, body.dark .form__control__help-button {
    color: #9f92e1
}

body.dark .form input, body.dark .form textarea, body.dark .form__control input, body.dark .form__control textarea {
    color: #9f92e1 !important;
    background-color: #140132 !important
}

body.dark .form input::-moz-placeholder, body.dark .form textarea::-moz-placeholder, body.dark .form__control input::-moz-placeholder, body.dark .form__control textarea::-moz-placeholder {
    color: #9f92e1
}

body.dark .form input:-ms-input-placeholder, body.dark .form textarea:-ms-input-placeholder, body.dark .form__control input:-ms-input-placeholder, body.dark .form__control textarea:-ms-input-placeholder {
    color: #9f92e1
}

body.dark .form input::placeholder, body.dark .form textarea::placeholder, body.dark .form__control input::placeholder, body.dark .form__control textarea::placeholder {
    color: #9f92e1
}

body.dark .form input:-webkit-autofill, body.dark .form input:-webkit-autofill:hover, body.dark .form input:-webkit-autofill:focus, body.dark .form input:-webkit-autofill:active, body.dark .form textarea:-webkit-autofill, body.dark .form textarea:-webkit-autofill:hover, body.dark .form textarea:-webkit-autofill:focus, body.dark .form textarea:-webkit-autofill:active, body.dark .form__control input:-webkit-autofill, body.dark .form__control input:-webkit-autofill:hover, body.dark .form__control input:-webkit-autofill:focus, body.dark .form__control input:-webkit-autofill:active, body.dark .form__control textarea:-webkit-autofill, body.dark .form__control textarea:-webkit-autofill:hover, body.dark .form__control textarea:-webkit-autofill:focus, body.dark .form__control textarea:-webkit-autofill:active {
    -webkit-text-fill-color: #9f92e1
}

body.dark .form label svg, body.dark .form__control label svg {
    fill: #9f92e1
}

body.dark .footer {
    background-color: #140132
}

body.dark .footer__logo:hover .footer__logo-img {
    fill: #fff
}

body.dark .footer__logo-img {
    fill: #9f92e1
}

body.dark .footer__copyright {
    color: #9f92e1
}

body.dark .footer__nav-link {
    color: #9f92e1;
    transition: color .2s ease
}

body.dark .footer__nav-link svg {
    stroke: #9f92e1
}

body.dark .footer__nav-link:hover {
    color: #fff
}

body.dark .footer__nav-link:hover svg {
    stroke: #fff
}

body.dark .footer__nav-link::before {
    -webkit-text-stroke: .1em #fff
}

body.dark .footer__nav-title, body.dark .footer__qrcode-text {
    color: #9f92e1
}

body.dark .footer__qrcode-img--light {
    opacity: 0
}

body.dark .footer__qrcode-img--dark {
    opacity: 1
}

body.dark .socials__item-link .socials__item-img {
    fill: #9f92e1
}

body.dark .socials__item-link:hover .socials__item-img {
    fill: #fff
}

body.dark .socials__item-link--menu .socials__item-img {
    fill: #fff
}

body.dark .socials__item-link--menu:hover .socials__item-img {
    fill: #01ffc2
}

body.dark .widget {
    background-color: #27125a
}

body.dark .widget__col {
    background-color: #27125a
}

body.dark .widget__button {
    background-color: #140132
}

@media (max-width: 960px) {
    body.dark .widget__button {
        border-color: #9f92e1
    }
}

body.dark .widget__button-img--white {
    opacity: 0
}

body.dark .widget__button-img--dark {
    opacity: 1
}

body.dark .widget__rating-item {
    background-color: #140132
}

body.dark .widget__rating-income {
    color: #140132;
    background-color: #01ffc2
}

body.dark .widget__rating-number {
    border-color: #fff
}

body.dark .widget__rating-number::after {
    border-color: #fff
}

body.dark .modal__overlay {
    background-color: rgba(20, 1, 50, .95)
}

body.dark .modal__btn-img {
    stroke: #fff
}

body.dark .steps .steps__top-icon--light {
    opacity: 0
}

body.dark .steps .steps__top-icon--dark {
    opacity: 1
}

body.dark .steps__item::before {
    opacity: 0
}

body.dark .steps__item::after {
    opacity: 1
}

body.dark .steps__video {
    border-color: #fff
}

body.dark .promo__wrapper::before {
    opacity: 0
}

body.dark .promo__wrapper::after {
    opacity: 1
}

body.dark .promo__description {
    color: #9f92e1
}

body.dark .follow__wrapper::before {
    opacity: 0
}

body.dark .follow__wrapper::after {
    opacity: 1
}

body.dark .follow__picture::before {
    opacity: 0
}

body.dark .follow__picture::after {
    opacity: 1
}

body.dark .earnings__wrapper::before, body.dark .earnings__list::before {
    opacity: 0
}

body.dark .earnings__wrapper::after, body.dark .earnings__list::after {
    opacity: 1
}

body.dark .earnings__item::before {
    background-color: #fff
}

body.dark .earnings__item::after {
    background-color: #140132
}

body.dark .articles__item::before, body.dark .articles__bg::before {
    opacity: 0
}

body.dark .articles__item::after, body.dark .articles__bg::after {
    opacity: 1
}

body.dark .articles__item-date {
    border-color: #fff;
    background-color: #140132
}

body.dark .press-kit__item::before, body.dark .press-kit__bg::before {
    opacity: 0
}

body.dark .press-kit__item::after, body.dark .press-kit__bg::after {
    opacity: 1
}

body.dark .faq__item-text a:hover {
    color: #01ffc2
}

body.dark .faq__item-top::before {
    opacity: 0
}

body.dark .faq__item-top::after {
    opacity: 1
}

body.dark .faq__item-picture svg {
    fill: #fff
}

body.dark .swiper-pagination-bullet-active::before, body.dark .flickity-page-dots .dot.is-selected::before {
    border-color: #fff
}

body.dark .color-violet {
    color: #9f92e1
}

body.dark .information {
    background-color: #291856
}

body.dark .information__header::before {
    background-color: #1e0a46
}

body.dark .information__wrapper::after {
    opacity: 0
}

body.dark .information__wrapper::before {
    opacity: 1
}

body.dark .information__body-picture--light, body.dark .information__body-decor--light {
    opacity: 0
}

body.dark .information__body-picture--dark, body.dark .information__body-decor--dark {
    opacity: 1
}

body.dark .information__body-img {
    fill: #9f92e1
}

body.dark .information__body-text a:hover {
    color: #9f92e1
}

body.dark .information__body-result {
    border-color: #9f92e1
}

body.dark .information__body-row {
    color: #9f92e1
}

body.dark .information__body-button::before {
    background-color: rgba(0, 0, 0, 0)
}

body.dark .information__body-button svg {
    fill: #6800ba;
    stroke: #6800ba
}

body.dark .information__body-button:hover::before, body.dark .information__body-button:focus::before, body.dark .information__body-button:active::before {
    background-color: rgba(0, 0, 0, 0)
}

body.dark .information__body-button:hover svg, body.dark .information__body-button:focus svg, body.dark .information__body-button:active svg {
    fill: #6800ba;
    stroke: #6800ba
}

body.direction-rtl {
    direction: rtl;
    text-align: right
}

body.direction-rtl .theme-button__icons {
    transform: translateX(0)
}

body.direction-rtl .color-button__arrow {
    transform: translateY(-2px) rotate(180deg)
}

@media (max-width: 640px) {
    body.direction-rtl .color-button__arrow {
        transform: rotate(180deg)
    }
}

body.direction-rtl .follow__wrapper::before, body.direction-rtl .follow__wrapper::after {
    transform: translate(-46%, -46%) scale(-1, 1)
}

@media (max-width: 960px) {
    body.direction-rtl .follow__wrapper::before, body.direction-rtl .follow__wrapper::after {
        transform: translate(-48%, -34%) scale(-1, 1)
    }
}

body.direction-rtl .follow__picture {
    transform: scale(-1, 1)
}

body.dark.direction-rtl .theme-button__icons {
    transform: translateX(-30px)
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.visibility-visible {
    visibility: visible
}

.visibility-hidden {
    visibility: hidden
}

.overflow-hidden {
    overflow: hidden
}

.bold {
    font-weight: 700
}

.color-violet {
    color: #6800ba;
    transition: all .2s ease
}

.display-none {
    display: none
}

.grecaptcha-badge {
    display: none !important
}