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

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

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

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

@font-face {
    font-style: normal;
    font-weight: 300;
    font-family: Nexa;
    font-display: swap;
    src: url(../fonts/NexaLight.woff2) format("woff2"), url(../fonts/NexaLight.woff) format("woff")
}

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

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

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

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

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

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

.custom-checkbox {
    position: relative
}

.custom-checkbox input {
    position: absolute;
    visibility: hidden;
    z-index: -1;
    opacity: 0
}

.custom-checkbox span {
    cursor: pointer;
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(var(--cl-b), 1);
    width: 100%;
    font-family: var(--font-family);
    font-size: clamp(14px, 1.4414vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.custom-checkbox span a {
    color: rgba(var(--cl-f), 1)
}

.custom-checkbox span a:hover {
    text-decoration: underline
}

.custom-checkbox span::before {
    cursor: pointer;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='24' height='24' fill='%2329235C' rx='7'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.custom-checkbox input:checked+span::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Crect width='24' height='24' x='6.10352e-05' fill='%23434CFF' rx='7'/%3E%3Cpath fill='%23fff' d='m20.3543 7.3543-10 10a.4994.4994 0 0 1-.354.146c-.113-.012-.262-.054-.356-.149l-4-4.062a.5005.5005 0 0 1 .006-.7071c.196-.194.513-.191.707.005l3.646 3.703 9.644-9.644a.5003.5003 0 0 1 .707 0c.195.195.195.512 0 .708Z'/%3E%3C/svg%3E")
}

.custom-radio {
    position: relative
}

.custom-radio input:not([type=date]) {
    position: absolute;
    visibility: hidden;
    z-index: -1;
    opacity: 0
}

.custom-radio span {
    cursor: pointer;
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(var(--cl-f), 1);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.custom-radio span a {
    color: rgba(var(--cl-f), 1)
}

.custom-radio span a:hover {
    text-decoration: underline
}

.custom-radio span::before {
    cursor: pointer;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 2px solid #c1c2c7;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px 10px;
    border-radius: 50%
}

.custom-radio input:not(:disabled):not(:checked)+span:hover::before {
    border-color: #2458d3
}

.custom-radio input:not(:disabled):active+span::before {
    background-color: transparent;
    border-color: #2458d3
}

.custom-radio input:checked+span::before {
    border-color: #2458d3;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Ccircle cx='5' cy='5' r='5' fill='%232458D3'/%3E%3C/svg%3E")
}

.custom-radio input:disabled+span::before {
    background-color: #e9ecef
}

.custom-radio--content span {
    height: 42px;
    padding: 2px clamp(20px, 2.08vw, 32px);
    border-radius: 100px;
    border: 1px solid rgba(133, 135, 145, .25);
    background: rgba(var(--bg-a), 1)
}

.custom-radio--content span:after,
.custom-radio--content span:before {
    content: none
}

.custom-radio--content span svg {
    color: rgba(var(--cl-o), 1)
}

.custom-radio--content input:checked+span {
    border-color: rgba(var(--bg-c), 1);
    background: rgba(var(--bg-c), 1);
    color: rgba(var(--cl-a), 1)
}

.custom-radio--content input:checked+span svg {
    color: rgba(var(--cl-a), 1)
}

:root {
    --error-bg: #d01f1f;
    --body-bg: #0b0a17;
    --body-font-size: 16px;
    --content-width: 1170px;
    --content-width-mode: 1284px;
    --container-offset: clamp(16px, 2.0513vw, 24px);
    --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
    --container-width-mode: calc(var(--content-width-mode) + (var(--container-offset) * 2));
    --header-height: 94px;
    --scrollbar-thumb: rgb(43, 52, 206);
    --scrollbar-track: #121835;
    --scrollbar-track-hover: transparent;
    --overlay-bg: rgba(0, 0, 0, 0.5);
    --select-inner-bg: #404040;
    --select-inner-border: #FDFDFD;
    --select-focus-border: #FDFDFD;
    --font-family: "AllianceNo.2", sans-serif;
    --second-family: "Nexa", sans-serif;
    --third-family: "Nexa-Bold", sans-serif;
    --font3: "Inter", sans-serif;
    --font4: "Nexa-Regular", sans-serif;
    --cl-a: 255, 255, 255;
    --cl-b: 0, 0, 0;
    --cl-c: 130, 130, 182;
    --cl-d: 154, 178, 211;
    --cl-e: 20, 28, 37;
    --cl-f: 11, 10, 23;
    --cl-g: 240, 243, 247;
    --cl-h: 137, 143, 178;
    --cl-i: 93, 93, 117;
    --cl-j: 83, 255, 236;
    --cl-k: 192, 192, 255;
    --cl-l: 67, 76, 255;
    --cl-m: 246, 44, 44;
    --cl-n: 231, 230, 249;
    --cl-o: 45, 54, 108;
    --bg-a: 255, 255, 255;
    --bg-b: 0, 0, 0;
    --bg-c: 15, 14, 39;
    --bg-d: 32, 31, 56;
    --bg-e: 18, 18, 40;
    --bg-f: 11, 10, 23;
    --bg-g: 30, 28, 54;
    --bg-h: 67, 76, 255;
    --bg-i: 21, 19, 45;
    --bg-j: 5, 5, 30;
    --bg-k: 29, 27, 60;
    --bg-l: 53, 61, 216;
    --bg-m: 45, 54, 108;
    --bg-n: 38, 34, 93;
    --bg-o: 15, 15, 24;
    --bg-p: 14, 13, 37;
    --bg-q: 36, 32, 82;
    --bg-r: 12, 11, 24;
    --bg-s: 1, 92, 180;
    --bg-t: 9, 6, 32;
    --bg-u: 46, 45, 70;
    --bg-v: 1, 80, 122;
    --bg-w: 20, 20, 78;
    --br-a: #0f0e27;
    --br-b: #201f38;
    --br-c: #1b1839;
    --br-d: #45407b;
    --br-e: #2D366C;
    --br-f: #211d47;
    --br-g: #1f1c44;
    --br-h: #8a92bc;
    --br-i: #6b76fe;
    --br-j: #434CFF;
    --br-k: #29235C;
    --gr-a: linear-gradient(180deg, #0f0e27 100%, #0f0e27 100%);
    --gr-b: linear-gradient(180deg, #201f38 0%, #201f38 100%);
    --gr-c: linear-gradient(111deg, #6b76fe 0%, #53ffec 100%);
    --gr-d: linear-gradient(180deg, #6b76fe 0%, #53ffec 100%);
    --gr-e: linear-gradient(77deg, #6b76fe 0%, #53ffec 100%);
    --gr-f: linear-gradient(180deg, rgba(17, 15, 36, 0) 0%, #110f24 100%);
    --gr-g: linear-gradient(180deg, #15132d 0%, #15132d 100%);
    --gr-h: linear-gradient(350deg, rgba(36, 32, 79, 0) 0%, rgba(38, 34, 93, 1) 100%);
    --gr-i: linear-gradient(162deg, #6b76fe 0%, #53ffec 100%);
    --gr-j: linear-gradient(126deg, #6b76fe 0%, #53ffec 100%);
    --gr-k: radial-gradient(95.86% 172.41% at 50% 45.37%, rgb(67, 76, 255) 0%, rgb(62, 219, 197) 100%);
    --gr-l: linear-gradient(180deg, rgba(21, 19, 45, 0) 0%, #15132d 100%);
    --gr-m: linear-gradient(355deg, rgba(36, 32, 79, 0) 75%, #26225d 100%);
    --gr-o: linear-gradient(180deg, #0b0a17 100%);
    --gr-p: linear-gradient(90deg, rgba(36, 32, 76, 0) 0%, #121026 100%);
    --gr-r: linear-gradient(353deg, rgba(36, 32, 79, 0) 0%, #26225d 100%);
    --gr-q: linear-gradient(180deg, rgba(15, 13, 33, 0) 0%, #0f0d21 100%);
    --gr-s: linear-gradient(135deg, #6b76fe 0%, #53ffec 100%);
    --gr-t: linear-gradient(90deg, #24204c 0%, #121026 100%);
    --gr-u: linear-gradient(90deg, #24204c 0%, #121026 100%);
    --gr-v: radial-gradient(398.84% 112.28% at 50% 45.37%, rgb(67, 76, 255) 0%, rgb(67, 76, 255) 100%);
    --gr-w: linear-gradient(200deg, #201c46 0%, rgba(32, 28, 70, 0) 100%);
    --gr-x: linear-gradient(180deg, rgba(15, 13, 33, 0) 0%, rgba(25, 22, 60, 0.52) 100%);
    --gr-y: linear-gradient(180deg, rgba(83, 255, 236, 0) 0%, rgba(107, 122, 254, 0.54) 100%);
    --gr-z: linear-gradient(180deg, #2a2758 0%, rgba(42, 39, 88, 0.65) 100%);
    --gradient-a: linear-gradient(180deg, rgba(42, 39, 88, 0) 0%, rgba(32, 28, 70, 0.25) 100%);
    --gradient-b: linear-gradient(180deg, #201c46 0%, rgba(32, 28, 70, 0) 100%);
    --gradient-c: linear-gradient(37deg, #29235c 0%, rgba(41, 35, 92, 0) 100%);
    --gradient-d: linear-gradient(180deg, rgba(42, 39, 88, 0) 0%, rgba(42, 39, 88, 0.25) 100%);
    --gradient-e: linear-gradient(180deg, rgba(21, 19, 45, 0) 0%, #15132d 100%);
    --gradient-f: linear-gradient(360deg, rgba(36, 32, 79, 0) 0%, rgba(38, 34, 93, 0.7) 100%);
    --gradient-g: linear-gradient(180deg, #224b89 0%, #1d2a4a 0.01%, #3565e5 100%);
    --gradient-h: linear-gradient(2deg, #6b76fe 0%, #53ffec 100%);
    --gradient-i: linear-gradient(180deg, rgba(32, 28, 70, 0) 0%, #201c46 100%);
    --gradient-j: linear-gradient(180deg, rgba(14, 13, 37, 0) 0%, #0e0d25 100%);
    --gradient-k: linear-gradient(180deg, rgba(15, 13, 33, 0) 0%, #19163c 100%);
    --gradient-l: linear-gradient(180deg, rgba(29, 27, 60, 0.5) 0%, #1d1b3c 100%);
    --gradient-m: linear-gradient(353deg, rgba(36, 32, 79, 0) 0%, rgb(38, 34, 93) 100%);
    --gradient-o: linear-gradient(180deg, rgba(41, 35, 92, 0) 0%, rgba(41, 35, 92, 1) 100%);
    --gradient-p: linear-gradient(360deg, rgba(38, 34, 93, 0.7) 0%, rgba(36, 32, 79, 0) 100%);
    --gradient-q: linear-gradient(180deg, #0190db 0%, #014d75 100%);
    --gradient-s: linear-gradient(138deg, #434cff 0%, #3edbc5 100%);
    --gradient-r: linear-gradient(180deg, rgba(41, 35, 92, 0) 0%, #29235c 100%);
    --gradient-t: linear-gradient(180deg, rgba(42, 39, 88, 0) 0%, rgba(42, 39, 88, 0.65) 100%);
    --gradient-u: linear-gradient(180deg, rgba(42, 39, 88, 0.3) 0%, rgba(42, 39, 88, 1) 100%);
    --swiper-theme-color: #007aff;
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75;
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65;
    --info-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none'%3E%3Crect width='44' height='44' x='30.5523' y='52.5526' fill='url(%23paint0_linear_11_4411)' stroke='url(%23paint1_linear_11_4411)' rx='22' transform='rotate(-150 30.5523 52.5526)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_11_4411' x1='53.2354' x2='53.2354' y1='53.2356' y2='98.2356' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23272F50' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23272F50' stop-opacity='0.31'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_11_4411' x1='53.2354' x2='53.2354' y1='98.2356' y2='53.2356' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    --speed-arrow: url("data:image/svg+xml,%3Csvg width='141' height='141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m56.7 24.6 6.5 11.8c.6 1.3 0 2.8-1.4 3.4-1.3.5-2.8-.1-3.4-1.5l-3.5-13c-.4-1 .5-1.3.5-1.3s.9-.4 1.3.6Z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='62' y1='39.9' x2='55.2' y2='23.6' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231E202E'/%3E%3Cstop offset='1' stop-color='%23646C9A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.title {
    font-weight: 800;
    font-size: clamp(38px, 7.265vw, 85px);
    line-height: 106%;
    letter-spacing: -.04em;
    text-transform: uppercase
}

.title--mode {
    font-family: var(--second-family);
    font-size: clamp(62px, 10.2564vw, 120px);
    line-height: 101%
}

.title--mode b {
    font-weight: 300
}

.subtitle {
    font-weight: 800;
    font-size: clamp(28px, 4.7009vw, 55px);
    line-height: 100%
}

.logo img {
    width: clamp(85px, 8.9744vw, 105px);
    height: clamp(15px, 2.1368vw, 25px)
}

.green-text {
    font-style: inherit;
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
    color: rgba(var(--cl-j), 1)
}

.underline {
    text-underline-offset: 3px;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.main-copy {
    overflow: hidden;
    background: rgba(var(--bg-f), 1);
    border: 1px solid var(--br-f);
    border-radius: 8px;
    position: relative;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 20px
}

.main-copy__btn {
    border-radius: inherit;
    width: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--gradient-b);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.main-copy__btn::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gradient-c);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.main-copy__btn span {
    position: absolute;
    content: "";
    inset: 0;
    z-index: -1;
    background: var(--gradient-a);
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.main-copy__btn::after {
    position: absolute;
    content: "";
    inset: 0;
    z-index: -1;
    background: var(--gr-z);
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.main-copy__btn:hover::after {
    opacity: 1;
    visibility: visible
}

.main-copy__btn:focus {
    background-color: transparent
}

.main-copy__btn:focus::after {
    opacity: 0;
    visibility: hidden
}

.main-copy__btn:focus span {
    opacity: 1;
    visibility: visible
}

.main-copy__input {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: rgba(var(--cl-a), 1);
    width: calc(100% - 45px);
    text-overflow: ellipsis;
    overflow: hidden
}

.main-copy__input::-webkit-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.main-copy__input::-moz-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.main-copy__input:-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.main-copy__input::-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.main-copy__input::placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.search {
    border-radius: 12px;
    background: var(--gr-x);
    width: 100%;
    max-width: 236px
}

.search__label {
    width: 100%;
    border-radius: inherit;
    z-index: 1;
    position: relative
}

.search__label::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-w);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.search__border {
    border-radius: inherit;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden
}

.search__border::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-y);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.search__input {
    border-radius: inherit;
    padding: 10px 16px 11px;
    margin-left: 34px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.search__input::-webkit-input-placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.search__input::-moz-placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.search__input:-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.search__input::-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.search__input::placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.search__input.focus-visible~.search__border {
    opacity: 1;
    visibility: visible
}

.search__btn {
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

.footer-logo img {
    width: clamp(100px, 10.5128vw, 123px);
    height: clamp(20px, 2.4786vw, 29px)
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 9px
}

.social__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.social__link {
    overflow: hidden
}

.social__link svg {
    -webkit-transition: .4s;
    transition: .4s;
    fill: rgba(var(--cl-c), 1)
}

.social__link:hover svg {
    fill: rgba(var(--cl-a), 1)
}

.social__link:hover .social__top {
    -webkit-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%)
}

.social__link.disabled {
    opacity: .2
}

.social__top {
    font-weight: 500;
    font-size: 10px;
    color: rgba(var(--cl-n), 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 3px 9px 2px;
    text-align: center;
    border-radius: 12px 12px 0 0;
    background: rgba(var(--bg-u), 1);
    -webkit-transition: .4s;
    transition: .4s
}

.main-supply {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: var(--gr-b);
    border-radius: 18px;
    padding: clamp(10px, 1.6239vw, 19px) clamp(10px, 2.0513vw, 24px) clamp(10px, 1.6239vw, 19px) clamp(10px, 1.6239vw, 19px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1241px) {
    .main-supply {
        grid-gap: clamp(15px, 4.7009vw, 55px)
    }
}

@media (max-width: 1240px) and (min-width:768px) {
    .main-supply {
        grid-gap: clamp(10px, 1.7094vw, 20px)
    }
}

@media (max-width: 768px) {
    :root {
        --header-height: 92px
    }
    .main-supply {
        grid-gap: clamp(15px, 4.7009vw, 55px)
    }
}

.main-supply__left {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    grid-gap: 1px 8px
}

.main-supply__left .main-supply__title {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end
}

.main-supply__left .main-supply__value {
    font-size: 16px
}

.main-supply__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-row-align: center;
    align-self: center
}

.main-supply__title {
    font-weight: 400;
    font-size: 12px;
    color: rgba(var(--cl-c), 1)
}

.main-supply__value {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 12px;
    color: rgba(var(--cl-a), 1)
}

.main-supply ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 7px
}

.main-supply ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(10px, 1.6239vw, 19px)
}

.encryption {
    background: rgba(var(--bg-d), 1);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(10px, 1.1966vw, 14px)
}

@media (min-width: 576px) {
    .main-supply {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    .encryption {
        padding-left: 14px;
        height: 50px
    }
}

@media (max-width: 576px) and (min-width:414px) {
    .encryption {
        padding-left: 10px;
        height: 45px
    }
}

@media (max-width: 414px) {
    .encryption {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-left: initial;
        padding-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.encryption__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-weight: 500;
    font-size: 14px
}

.encryption__link img {
    margin-right: 8px
}

.encryption__text {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5px;
    background: var(--gr-c);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.36px;
    color: rgba(var(--cl-e), 1);
    white-space: nowrap
}

@media (max-width: 414px) {
    .encryption__text {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 576px) {
    .encryption__text {
        padding: 13px 19px
    }
    .encryption {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.gradient-text {
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
    background: var(--gr-d);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-link {
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
    color: rgba(var(--cl-j), 1);
    text-underline-offset: 3px;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: .3s;
    transition: .3s
}

.main-link:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.circles {
    position: relative
}

.circles::after,
.circles::before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    height: min(65.0427vw, 761px);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.circles::before {
    left: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='172' height='761' fill='none'%3E%3Cg filter='url(%23filter0_f_156_1410)'%3E%3Ccircle cx='-208.5' cy='380.5' r='255.5' fill='url(%23paint0_linear_156_1410)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_156_1410' x1='-464' x2='84.732' y1='125' y2='169.371' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_f_156_1410' width='761' height='761' x='-589' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_156_1410' stdDeviation='62.5'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    width: min(14.7009vw, 172px)
}

.circles:after {
    right: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='761' fill='none'%3E%3Cg filter='url(%23filter0_f_156_1412)'%3E%3Ccircle cx='380.5' cy='380.5' r='255.5' fill='url(%23paint0_linear_156_1412)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_156_1412' x1='125' x2='673.732' y1='125' y2='169.371' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_f_156_1412' width='761' height='761' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_156_1412' stdDeviation='62.5'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    width: min(13.2479vw, 155px);
    background-position: left
}

.circles--dash {
    overflow: hidden
}

.circles--dash::after {
    width: min(10.251vw, 155px)
}

.circles--dash::before {
    width: min(11.376vw, 172px)
}

@media (max-width: 1024px) and (min-width:576px) {
    .circles--dash::after {
        right: -5%
    }
    .circles--dash::before {
        left: -6%
    }
}

.circles--dash::after,
.circles--dash::before {
    height: min(50.331vw, 761px);
    top: 0;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%)
}

@media (max-width: 1024px) {
    .circles--dash::after,
    .circles--dash::before {
        -webkit-transform: translateY(65%);
        -ms-transform: translateY(65%);
        transform: translateY(65%)
    }
}

@media (max-width: 576px) {
    :root {
        --header-height: 72px
    }
    .encryption__text {
        padding: 10px
    }
    .encryption {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .circles--dash::after {
        right: -8%
    }
    .circles--dash::before {
        left: -9%
    }
    .circles--dash::after,
    .circles--dash::before {
        width: 90px;
        height: 400px
    }
}

[data-btn-modal] svg {
    pointer-events: none
}

.modal {
    margin: auto;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    display: none
}

.modal.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.modal .close {
    position: absolute;
    right: 25px;
    top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .close:hover svg {
    fill: rgba(var(--cl-l), 1)
}

.modal .close svg {
    fill: rgba(var(--cl-c), 1);
    pointer-events: none;
    -webkit-transition: .3s;
    transition: .3s
}

.select {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    padding: 13px 15px;
    border-radius: 99px;
    -webkit-transition: .1s;
    transition: .1s;
    background: rgba(var(--bg-g), 1)
}

.select__header {
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 6
}

.select__header>svg {
    -webkit-transition: -webkit-transform .4s linear;
    transition: transform .4s linear;
    transition: transform .4s linear, -webkit-transform .4s linear;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 10px;
    aspect-ratio: 1
}

@media (max-width: 576px) {
    .select__header {
        padding-right: 0
    }
    .select__header>svg {
        width: 9px
    }
}

.select__current {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: rgba(var(--cl-a), 1);
    font-weight: 500;
    font-family: var(--font-family);
    -webkit-transition: .3s;
    transition: .3s
}

.select__current:hover {
    color: rgba(var(--cl-c), 1)
}

.select__current-icon {
    width: 16px;
    height: 8px;
    fill: none
}

.select__body {
    right: -2px;
    position: absolute;
    z-index: 5;
    height: 0;
    top: calc(100% + 5px);
    overflow: hidden;
    -webkit-transition: height .1s ease-in;
    transition: height .1s ease-in;
    border-radius: 12px;
    left: -2px;
    border: 1px solid transparent
}

.select__body i {
    margin: 0;
    text-transform: uppercase;
    font-size: inherit;
    line-height: inherit
}

.select__list {
    max-height: 200px;
    overflow-y: auto;
    background: rgba(var(--bg-g), 1);
    padding: 17px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 15px
}

.select__list::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 8px
}

.select__list::-webkit-scrollbar-track {
    background-color: transparent
}

.select__list::-webkit-scrollbar {
    width: 2px;
    border-radius: 8px
}

.select__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5px;
    width: 100%;
    cursor: pointer;
    color: rgba(var(--cl-a), 1);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family);
    line-height: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

.select__option:hover {
    color: rgba(var(--cl-c), 1)
}

.select__option a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select__option[data-id="2"] {
    padding-top: 0
}

.select.active {
    z-index: 9
}

.select.active .select__header>svg {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

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

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow-column>.swiper-wrapper,
.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform
}

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

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

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

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

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    right: -17px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    -ms-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px
}

.process-icon {
    width: 75px;
    height: 75px;
    display: block;
    position: relative;
    z-index: 1
}

.process-icon__line {
    position: absolute;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    -webkit-animation: 2.2s ease-in-out infinite fade;
    animation: 2.2s ease-in-out infinite fade
}

.process-icon #rotate1 {
    top: 3px;
    left: 35px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='17' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M1.7073.2638c-.2787.1465-.704.5568-.9533.8938l-.44.63L.27 7.6194c-.044 6.242-.0147 6.6816.6453 7.4729 1.408 1.6557 4.18 1.0696 4.7373-.9964.1173-.4249.1613-2.4031.132-6.374-.044-6.4178-.0587-6.4471-1.1147-7.253-.6893-.5275-2.1853-.63-2.9626-.2051Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='31.7879' x2='-34.9276' y1='4.85294' y2='46.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 6px;
    height: 17px;
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.process-icon #rotate2 {
    top: 5px;
    left: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M6.1271.7694c-.3226.1465-.748.4395-.9386.6447-.1907.2051-1.3054 2.7107-2.4787 5.5533C.6565 11.9347.5685 12.1838.5538 13.1802c0 .9231.044 1.0989.4254 1.5825.4987.6593 1.3933 1.0989 2.2 1.1136.7333 0 1.76-.4836 2.1266-1.0111.1613-.2198 1.2467-2.7547 2.4346-5.6412 1.8187-4.4691 2.1414-5.3776 2.1414-6.037 0-1.1868-.5427-2.0074-1.6574-2.4763-.7186-.293-1.3786-.2784-2.0973.0587Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='22.7879' x2='-43.9276' y1='2.85294' y2='44.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 10px;
    height: 16px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.process-icon #rotate3 {
    top: 12px;
    left: 52px;
    width: 14px;
    height: 14px;
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.567 0.388754C8.76034 0.769724 0.92843 8.62356 0.620434 9.37085C0.224439 10.3379 0.42977 11.5687 1.10443 12.3307C1.48576 12.741 2.45375 13.1512 3.11374 13.1512C4.22839 13.1512 4.71239 12.7556 9.00967 8.44773C12.4416 4.9897 13.1603 4.1838 13.2923 3.70026C13.5123 2.87971 13.4829 2.46943 13.175 1.79541C12.515 0.359448 10.9456 -0.255964 9.567 0.388754Z' fill='url(%23paint0_linear_286_12561)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='14.7879' y1='-5.14706' x2='-51.9276' y2='36.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")
}

.process-icon #rotate4 {
    top: 24px;
    right: 1px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2803 2.83992C4.42033 4.01213 1.8977 5.09643 1.6777 5.24296C1.16437 5.60927 0.680376 6.64962 0.680376 7.3676C0.695043 8.17349 1.13504 9.06731 1.79503 9.5655C2.27902 9.94647 2.45502 9.99043 3.37901 9.99043C4.37633 9.97577 4.62566 9.90251 9.48027 7.89509C12.2669 6.75218 14.7015 5.69719 14.9069 5.55066C16.4762 4.3931 16.4175 2.12194 14.7749 1.02298C14.3935 0.759236 14.0709 0.685973 13.3816 0.685973C12.5749 0.700625 11.9882 0.905764 7.2803 2.83992Z' fill='url(%23paint0_linear_286_12561)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='9.78789' y1='-16.1471' x2='-56.9276' y2='25.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 17px;
    height: 10px;
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.process-icon #rotate5 {
    top: 37px;
    right: -1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='7' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M2.5083.8734C.6163 1.3276-.1463 3.76 1.115 5.2692c.8213.967.6747.9524 7.392.9524 6.8198 0 6.7758 0 7.5972-1.0696.352-.4543.396-.6448.396-1.6411 0-.9964-.044-1.1869-.396-1.6411C15.2828.8 15.2828.8 8.8002.7708 5.6177.7562 2.787.8001 2.5084.8734Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='7.78789' x2='-58.9276' y1='-29.1471' y2='12.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 17px;
    height: 7px;
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

.process-icon #rotate6 {
    top: 46px;
    right: 1px;
    width: 17px;
    height: 11px;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='11' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M2.2204 1.1925C1.267 1.6907.695 2.6138.6804 3.654c0 .7327.484 1.7584 1.012 2.1247.22.1612 2.772 1.2455 5.6612 2.4323 5.148 2.0954 5.2946 2.154 6.1893 2.0954 1.012-.0586 1.5106-.337 2.0533-1.143.8067-1.1722.5133-2.7986-.6893-3.6924-.2054-.1465-2.7133-1.2162-5.588-2.3884C3.731.8115 3.203.6797 2.2204 1.1925Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='9.78789' x2='-56.9276' y1='-38.1471' y2='3.73968' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.process-icon #rotate7 {
    top: 54px;
    right: 9px;
    width: 14px;
    height: 14px;
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M1.9404 1.1489c-.704.3223-1.012.6447-1.32 1.3774-.2933.7033-.2786 1.5092.0587 2.2272.176.381 1.7306 2.0367 4.4293 4.7181 3.4613 3.4287 4.268 4.1467 4.752 4.2786.7919.2198 1.1586.2051 1.8039-.0586.7187-.3077 1.188-.7619 1.5107-1.4653.3519-.7473.3519-1.4506 0-2.1979-.3814-.8059-8.2426-8.6304-8.9906-8.9381-.7187-.293-1.5253-.2784-2.244.0586Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='14.7879' x2='-51.9276' y1='-46.1471' y2='-4.26032' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.process-icon #rotate8 {
    top: 60px;
    right: 21px;
    width: 10px;
    height: 16px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M2.0205.4239C.8765.9367.3485 1.933.5245 3.2665c.1027.8352 4.224 10.8576 4.664 11.3412.4546.4835 1.3933.9084 2.0093.9231.5866 0 1.452-.3517 1.9066-.7766.5427-.5129.7774-1.0843.7774-1.9195 0-.6594-.3227-1.5679-2.1414-6.037-1.188-2.8865-2.2733-5.4214-2.4346-5.6412C4.9391.629 3.9125.1455 3.1792.1455c-.308 0-.836.1318-1.1587.2784Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='22.7879' x2='-43.9276' y1='-52.1471' y2='-10.2603' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.process-icon #rotate9 {
    top: 62px;
    right: 34px;
    width: 6px;
    height: 17px;
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='17' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M2.074 1.1236C1.326 1.3873.5925 2.1786.3872 2.9552.2846 3.3654.2406 5.4315.27 9.4023l.044 5.8318.44.6301c.6453.9084 1.2466 1.1868 2.4346 1.1282 1.144-.0586 1.8186-.4835 2.2733-1.392.264-.5128.2787-1.011.3227-6.3006.0293-3.9709-.0147-5.949-.132-6.374-.2054-.7765-1.056-1.641-1.8187-1.8608-.748-.2052-1.0413-.1905-1.76.0586Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='31.7879' x2='-34.9276' y1='-53.1471' y2='-11.2603' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.process-icon #rotate10 {
    bottom: -1px;
    left: 22px;
    width: 10px;
    height: 16px;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M5.6434.4532c-.3373.1758-.748.4835-.8947.7033-.1466.2051-1.2466 2.7547-2.42 5.6413C.0702 12.3072-.0618 12.8054.3342 13.8457c.352.9231 1.4667 1.6851 2.4933 1.6851.6454 0 1.584-.425 2.0387-.9231.1906-.2052 1.3053-2.7108 2.4786-5.5534C9.398 4.087 9.486 3.8379 9.5007 2.8416c0-.9232-.044-1.099-.4253-1.5825C8.2687.204 6.8314-.133 5.6433.453Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='44.7879' x2='-21.9276' y1='-52.1471' y2='-10.2603' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.process-icon #rotate11 {
    bottom: 7px;
    left: 10px;
    width: 14px;
    height: 14px;
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M9.7675 1.1489c-.3813.1758-2.0387 1.729-4.7226 4.4251C.7916 9.8672.6009 10.1017.6009 11.2446c0 .4542.396 1.348.7773 1.773.396.4249 1.364.8938 1.8627.8938 1.1733 0 1.3786-.1612 5.7053-4.4398 4.3119-4.2932 4.7079-4.7768 4.7079-5.8904 0-.6593-.4107-1.6264-.8213-2.0074-.8067-.7033-2.0827-.8791-3.0653-.4249Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='56.7879' x2='-9.92764' y1='-46.1471' y2='-4.26032' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.process-icon #rotate12 {
    bottom: 18px;
    left: 3px;
    width: 16px;
    height: 10px;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M6.721 2.0827c-2.86 1.1722-5.368 2.2419-5.5733 2.403-1.188.8645-1.496 2.5056-.6894 3.6779.5427.8058 1.0414 1.0842 2.0534 1.1429.8946.0586 1.0266 0 6.1892-2.0954 2.904-1.1868 5.456-2.2858 5.6759-2.4323.5134-.3663.9974-1.4067.9974-2.1247-.0147-.8059-.4547-1.6997-1.1-2.1979-.44-.337-.7333-.4249-1.452-.4542-.8653-.044-1.0853.0293-6.1013 2.0807Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='63.7879' x2='-2.92764' y1='-39.1471' y2='2.73968' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.process-icon #rotate13 {
    bottom: 31px;
    left: 0;
    width: 17px;
    height: 7px;
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='7' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M2.3877.9027C1.0823 1.269.4077 2.2654.5104 3.7307c.0586 1.0843.4986 1.773 1.3933 2.2125.5133.2638.968.2784 6.6439.2784 6.7173 0 6.5706.0147 7.3919-.9524 1.2907-1.5385.4987-3.9562-1.4666-4.3958C13.6955.6829 3.033.7122 2.3877.9027Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='66.7879' x2='0.0723587' y1='-29.1471' y2='12.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.process-icon #rotate14 {
    top: 24px;
    left: 1px;
    width: 17px;
    height: 11px;
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.51433 0.891111C1.66367 1.27208 0.974348 2.37103 0.974348 3.35276C0.989015 4.01213 1.42901 4.9499 1.957 5.38948C2.19167 5.59462 4.78764 6.73753 7.72094 7.9244C12.8249 9.99043 13.1035 10.093 13.8955 10.0344C15.8168 9.90251 16.9315 7.9244 16.0662 6.15142C15.9048 5.81441 15.5822 5.40414 15.3768 5.24296C15.1568 5.09643 12.6195 4.01213 9.73025 2.82527C5.2423 0.99368 4.37698 0.685973 3.71698 0.685973C3.29165 0.700626 2.76366 0.788542 2.51433 0.891111Z' fill='url(%23paint0_linear_286_12561)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='64.7879' y1='-16.1471' x2='-1.92764' y2='25.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")
}

.process-icon #rotate15 {
    top: 13px;
    left: 9px;
    width: 14px;
    height: 14px;
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M2.2876.3888C1.5836.711 1.1289 1.18.8209 1.898.557 2.5427.5423 2.909.7623 3.7003c.132.4835.8506 1.2894 4.2826 4.7474 2.684 2.6961 4.3413 4.2493 4.7226 4.4251 1.7013.7913 3.6373-.2784 3.8573-2.1393.1466-1.304-.0587-1.5531-4.62-6.1101-3.52-3.502-4.3266-4.22-4.8106-4.3519C3.373.0517 2.9622.081 2.2876.3888Z'/%3E%3Cpath fill='url(%23paint1_linear_286_12561)' d='M2.2876.3888C1.5836.711 1.1289 1.18.8209 1.898.557 2.5427.5423 2.909.7623 3.7003c.132.4835.8506 1.2894 4.2826 4.7474 2.684 2.6961 4.3413 4.2493 4.7226 4.4251 1.7013.7913 3.6373-.2784 3.8573-2.1393.1466-1.304-.0587-1.5531-4.62-6.1101-3.52-3.502-4.3266-4.22-4.8106-4.3519C3.373.0517 2.9622.081 2.2876.3888Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='56.7879' x2='-9.92764' y1='-5.14706' y2='36.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_286_12561' x1='56.7879' x2='-9.92764' y1='-5.14706' y2='36.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.process-icon #rotate16 {
    top: 5px;
    left: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' fill='none'%3E%3Cpath fill='url(%23paint0_linear_286_12561)' d='M2.5357.766c-.7692.0891-1.3465.3946-1.8613.9822-.4503.5316-.5774.8755-.6127 1.696-.0239.5006.4106 1.4892 2.606 5.8385 1.7194 3.3935 2.8157 5.3828 3.124 5.6679 1.3735 1.2782 3.5453.8592 4.3296-.8426.5424-1.195.4241-1.4953-2.5057-7.2388C5.35 2.451 4.8048 1.5188 4.3852 1.2438 3.672.781 3.2724.6819 2.5357.7661Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_286_12561' x1='45.7879' x2='-20.9276' y1='2.85294' y2='44.7397' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 11px;
    height: 16px;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    50% {
        opacity: .6
    }
    75% {
        opacity: .9
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    50% {
        opacity: .6
    }
    75% {
        opacity: .9
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -webkit-animation: 2s linear infinite f-spinner-rotate;
    animation: 2s linear infinite f-spinner-rotate
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    -webkit-animation: 2s ease-in-out infinite f-spinner-dash;
    animation: 2s ease-in-out infinite f-spinner-dash
}

@-webkit-keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    -webkit-animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp;
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    -webkit-animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown;
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@-webkit-keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@-webkit-keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    -webkit-animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp;
    animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    -webkit-animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown;
    animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@-webkit-keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(.975) translate3d(0, 16px, 0);
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(.975) translate3d(0, 16px, 0);
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(.975) translate3d(0, 16px, 0);
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(.975) translate3d(0, 16px, 0);
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    -webkit-animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    -webkit-animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@-webkit-keyframes f-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    -webkit-animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@-webkit-keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    -webkit-animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    -webkit-animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@-webkit-keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    -webkit-animation: calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;
    animation: calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@-webkit-keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@-webkit-keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }
}

@-webkit-keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }
}

.f-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    -webkit-box-shadow: var(--f-button-shadow);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    -webkit-transition: var(--f-button-transition);
    transition: var(--f-button-transition)
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: 0
}

.f-button:focus-visible {
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    -webkit-transform: var(--f-button-transform);
    -ms-transform: var(--f-button-transform);
    transform: var(--f-button-transform);
    -webkit-filter: var(--f-button-svg-filter);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    -ms-touch-action: none;
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

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

.fancybox__container :empty {
    display: block
}

.fancybox__container::-webkit-backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::after,
.fancybox__slide::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto
}

.fancybox__content {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.fancybox__caption {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn,
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    -webkit-transition: .25s;
    transition: .25s
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: 0;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,
.fancybox__carousel) {
    -webkit-animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn;
    animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn;
    animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,
.fancybox__carousel) {
    -webkit-animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut;
    animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut;
    animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0));
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-thumbs__slide {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0)) * -.5);
    width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    -webkit-transition: none;
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    -webkit-transition: -webkit-transform .33s;
    transition: transform .33s;
    transition: transform .33s, -webkit-transform .33s
}

.is-modern.is-resting .f-thumbs__slide__button {
    -webkit-transition: -webkit-clip-path .33s;
    transition: clip-path .33s;
    transition: clip-path .33s, -webkit-clip-path .33s
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    -webkit-filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: 0;
    cursor: pointer;
    pointer-events: auto;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: 0
}

.f-thumbs__slide__button:focus-visible {
    outline: 0;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    -webkit-animation: .2s ease-out f-fadeIn;
    animation: .2s ease-out f-fadeIn;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    -webkit-transition: max-height .35s cubic-bezier(.23, 1, .32, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .05)));
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .05)));
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0 !important
}

.is-closing .fancybox__thumbs {
    -webkit-transition: none !important;
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,
[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: flex
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -ms-flexbox;
    display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100dvw;
    will-change: font-size;
    font-size: var(--rem-function)
}

body {
    padding-top: var(--header-height);
    position: relative;
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    will-change: font-size;
    color: rgba(var(--cl-a), 1);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    background-color: var(--body-bg);
    -webkit-text-size-adjust: 100%
}

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

main {
    min-width: 0 !important
}

main.no-padding {
    padding: 0
}

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

* {
    -webkit-tap-highlight-color: transparent
}

a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: inherit;
    background-color: transparent;
    border: none;
    outline: 0;
    cursor: pointer
}

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

a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
    margin: 0;
    padding: 0;
    color: rgba(var(--cl-a), 1);
    font-family: var(--font-family);
    font-style: normal;
    line-height: 100%
}

p {
    font-size: clamp(14px, 1.3675vw, 16px);
    font-weight: 400;
    line-height: 162%;
    color: rgba(var(--cl-c), 1)
}

img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

label,
picture {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

input {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: 0
}

input::-webkit-input-placeholder {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit
}

input::-moz-placeholder {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit
}

input:-ms-input-placeholder {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit
}

input::-ms-input-placeholder {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit
}

input::placeholder {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

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

textarea {
    border: none;
    outline: 0;
    resize: none
}

fieldset {
    margin: 0;
    padding: 0;
    border: none
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%)
}

.container {
    position: relative;
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--container-offset)
}

.container--mode {
    max-width: var(--container-width-mode)
}

.container--dash {
    max-width: calc(1325px + clamp(16px, 1.6239vw, 19px) * 2);
    padding: 0 clamp(16px, 1.6239vw, 19px)
}

.panel,
[data-content] {
    z-index: 20;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s;
    transition: max-height .2s
}

[data-inner-content],
[data-tab-content] {
    display: none
}

[data-inner-content].active,
[data-tab-content].active {
    display: block
}

.dis-scroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    -ms-scroll-chaining: none !important;
    overscroll-behavior: none !important;
    scroll-behavior: none !important
}

.overlay {
    position: fixed;
    height: 100%;
    min-height: 100dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    padding: 20px;
    overflow-y: auto;
    background: rgba(0, 0, 0, .5);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s .5s, visibility 1s .5s;
    transition: opacity 1s .5s, visibility 1s .5s;
    pointer-events: none
}

@media (max-width: 576px) {
    .overlay {
        padding: 10px 0
    }
}

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

.overlay.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .6s, visibility .6s;
    transition: opacity .6s, visibility .6s;
    pointer-events: initial
}

.overlay.active-mode {
    z-index: 100;
    visibility: visible;
    opacity: 1;
    background: rgba(var(--bg-f), .7);
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    pointer-events: initial
}

::-webkit-scrollbar {
    width: 8px;
    cursor: pointer
}

@media (max-width: 768px) {
    ::-webkit-scrollbar {
        display: none
    }
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s
}

::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track)
}

::-webkit-scrollbar-button {
    display: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(var(--bg-r), 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .5s;
    transition: .5s;
    pointer-events: none
}

.preloader.loaded {
    opacity: 0;
    visibility: hidden
}

input:-webkit-autofill,
input:-webkit-autofill:focus input:-webkit-autofill,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus {
    border: 0;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out;
    transition: background-color 5000s ease-in-out;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 174, 255, 0) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0) 100%)
}

.img_currency_fit_24 {
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px
}

.error-validation {
    color: #f44336;
    font-size: 14px;
    display: none
}

.withdraw_form {
    text-align: left;
    width: 100%
}

.mb-3 {
    margin-bottom: 15px
}

.personal-form__label.with_tag_block {
    display: none
}

.alert-error {
    background-color: #f44336;
    padding: 10px;
    border-radius: 7px;
    font-size: 14px
}

.alert-success {
    background-color: #4caf50;
    padding: 10px;
    border-radius: 7px;
    font-size: 14px
}

.wihdraw_return {
    margin-top: 15px
}

.paginate ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.paginate ul li {
    margin: 5px
}

.page_padding {
    padding: 100px 0
}

.account_button span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000
}

#refStakeLink {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.close_modal {
    position: absolute;
    right: -30px;
    top: -20px
}

.vids {
    max-width: 900px !important
}

@media screen and (max-width: 900px) {
    .not_mobile {
        display: none !important
    }
}

.main-btn {
    border-radius: 999px;
    padding: 15px 22px;
    max-width: 297px;
    width: 100%;
    height: 80px;
    background: var(--gr-k);
    font-weight: 600;
    font-size: 16px;
    color: rgba(var(--cl-f), 1);
    font-family: var(--font-family);
    grid-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .4s;
    transition: .4s;
    position: relative;
    z-index: 1
}

.main-btn--mode {
    background: var(--gr-j)
}

.main-btn--app {
    background: var(--gr-j);
    height: 46px;
    font-size: 14px;
    grid-gap: 5px
}

@media (min-width: 1024px) {
    .main-btn--app {
        width: 231px
    }
    .main-referral__btns .blue-btn {
        min-width: clamp(165px, 15.0189vw, 199px)
    }
}

@media (max-width: 1024px) and (min-width:768px) {
    .main-btn--app {
        width: clamp(194px, 22.559vw, 231px)
    }
}

.main-btn::before {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--gr-v);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.main-btn::after {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    background: rgba(var(--bg-l), 1);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.main-btn:focus::after,
.main-btn:hover::before {
    opacity: 1;
    visibility: visible
}

.main-btn:disabled {
    opacity: .4
}

.main-btn--transparent {
    background: 0 0;
    color: rgba(var(--cl-a), 1);
    position: relative
}

.main-btn--transparent::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gradient-s);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 1;
    visibility: visible
}

.main-btn--transparent::after {
    background: var(--gr-v);
    -webkit-transition: .4s;
    transition: .4s
}

.main-btn--transparent:hover {
    color: rgba(var(--cl-f), 1)
}

.main-btn--transparent:hover::after {
    opacity: 1;
    visibility: visible
}

.blue-btn {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    padding: 13px 14px 18px;
    border-radius: 9999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--gradient-b);
    position: relative;
    z-index: 1
}

.blue-btn::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gradient-c);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.blue-btn::after {
    position: absolute;
    content: "";
    inset: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--gr-z);
    border-radius: inherit;
    z-index: -2;
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.blue-btn span {
    position: absolute;
    content: "";
    inset: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--gradient-d);
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.blue-btn:hover::after {
    opacity: 1;
    visibility: visible
}

.blue-btn:focus::after {
    opacity: 0;
    visibility: hidden
}

.blue-btn:focus span {
    visibility: visible;
    opacity: 1
}

.blue-btn:disabled {
    opacity: .4
}

.exit-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 10px;
    padding: clamp(20px, 1.8868vw, 25px) clamp(50px, 4.8302vw, 64px);
    font-weight: 600;
    font-size: 16px;
    color: rgba(var(--cl-f), 1);
    border-radius: 999px;
    background: var(--gr-s);
    z-index: 3;
    position: relative
}

.exit-btn::before {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--gr-v);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.exit-btn::after {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    background: rgba(var(--bg-l), 1);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.exit-btn:focus::after,
.exit-btn:hover::before {
    opacity: 1;
    visibility: visible
}

.exit-btn:disabled {
    opacity: .4
}

.stay-btn {
    font-weight: 500;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 10px;
    padding: clamp(20px, 1.8868vw, 25px) clamp(65px, 6.0377vw, 80px) clamp(20px, 1.8868vw, 25px) clamp(46px, 4.5283vw, 60px);
    border-radius: 99px;
    position: relative
}

.stay-btn::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-t);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    width: 140%;
    inset: initial;
    top: 0;
    height: 100%;
    right: 0;
    z-index: 2
}

.stay-btn::after {
    z-index: -1;
    position: absolute;
    content: "";
    background: var(--gr-u);
    width: 140%;
    right: 0;
    top: 0;
    height: 100%;
    border-radius: inherit;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none
}

.stay-btn:hover::after {
    opacity: 1;
    visibility: visible
}

.stay-btn:disabled {
    opacity: .4
}

.app-btn {
    background: rgba(var(--bg-d), 1);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 8px;
    padding: 12px 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s
}

.app-btn svg {
    -webkit-transition: .4s;
    transition: .4s;
    fill: rgba(var(--cl-a), 1)
}

.app-btn:hover {
    color: rgba(var(--cl-c), 1)
}

.app-btn:hover svg {
    fill: rgba(var(--cl-c), 1)
}

.gift {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(30%, -5%);
    -ms-transform: translate(30%, -5%);
    transform: translate(30%, -5%);
    z-index: 5
}

.gift img,
.gift picture {
    width: 51px;
    height: 51px
}

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

.animate-gift {
    -webkit-animation: 2s linear shakeGift;
    animation: 2s linear shakeGift
}

.play-btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23434CFF'/%3E%3Cpath fill='%23fff' d='m31.661 27.3859-10.076 6.166c-2.005 1.227-4.584-.2121-4.584-2.5581v-11.989c0-2.346 2.579-3.7849 4.584-2.5579l10.076 6.166c1.785 1.093 1.785 3.681 0 4.773Z'/%3E%3C/svg%3E");
    width: clamp(40px, 4.2735vw, 50px);
    height: clamp(40px, 4.2735vw, 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: .4s;
    transition: .4s
}

@-webkit-keyframes shakeGift {
    0%,
    100% {
        -webkit-transform: translate(30%, -5%) scale(1);
        transform: translate(30%, -5%) scale(1)
    }
    25% {
        -webkit-transform: translate(30%, -5%) scale(1.1);
        transform: translate(30%, -5%) scale(1.1)
    }
    30%,
    40% {
        -webkit-transform: translate(30%, -5%) rotate(-5deg) scale(1.1);
        transform: translate(30%, -5%) rotate(-5deg) scale(1.1)
    }
    35%,
    45% {
        -webkit-transform: translate(30%, -5%) rotate(5deg) scale(1.1);
        transform: translate(30%, -5%) rotate(5deg) scale(1.1)
    }
}

@keyframes shakeGift {
    0%,
    100% {
        -webkit-transform: translate(30%, -5%) scale(1);
        transform: translate(30%, -5%) scale(1)
    }
    25% {
        -webkit-transform: translate(30%, -5%) scale(1.1);
        transform: translate(30%, -5%) scale(1.1)
    }
    30%,
    40% {
        -webkit-transform: translate(30%, -5%) rotate(-5deg) scale(1.1);
        transform: translate(30%, -5%) rotate(-5deg) scale(1.1)
    }
    35%,
    45% {
        -webkit-transform: translate(30%, -5%) rotate(5deg) scale(1.1);
        transform: translate(30%, -5%) rotate(5deg) scale(1.1)
    }
}

.main-acc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 14px;
    width: 100%
}

.main-acc__content {
    position: relative;
    top: -8px
}

.main-acc__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    grid-gap: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 143%;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: start;
    font-family: var(--third-family);
    background: rgba(var(--bg-c), 1);
    border-radius: 8px;
    padding: 16px;
    border: 1px solid transparent
}

.main-acc__btn-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .4s;
    transition: .4s;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.main-acc__btn:hover {
    border-color: var(--br-e)
}

.main-acc__btn.active {
    border-radius: 8px 8px 0 0;
    background: 0 0;
    border-color: var(--br-a)
}

.main-acc__btn.active .main-acc__btn-icon {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.main-acc__box {
    border: 1px solid var(--br-a);
    border-radius: 0 0 8px 8px;
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 15px;
    padding: 0 16px 16px
}

.main-acc__box p {
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-d), 1)
}

.main-acc__box ul:not([class]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 14px
}

.main-acc__box ul:not([class]) li {
    padding-left: 25px;
    position: relative
}

.main-acc__box ul:not([class]) li::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 12.5px;
    background-color: rgba(var(--cl-d), 1);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    pointer-events: none
}

.affiliate-acc {
    grid-gap: 0;
    counter-reset: li
}

@media (min-width: 768px) {
    .affiliate-acc {
        padding-left: 28px
    }
    .affiliate-acc .main-acc__box p {
        max-width: 430px
    }
}

.affiliate-acc .main-acc__item {
    counter-increment: li
}

.affiliate-acc .main-acc__item:not(:last-child) {
    border-bottom: 1px solid rgba(130, 130, 182, .4);
    -webkit-transition: .4s;
    transition: .4s
}

.affiliate-acc .main-acc__item:not(:last-child):has(.main-acc__btn:hover) {
    border-color: var(--br-j)
}

.affiliate-acc .main-acc__item:first-child:has(.main-acc__btn.active) {
    border-color: transparent !important
}

.affiliate-acc .main-acc__btn {
    border: none;
    padding: 20px 10px 20px clamp(55px, 6.4103vw, 75px);
    background-color: transparent;
    grid-gap: clamp(20px, 4.188vw, 49px);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: var(--second-family);
    font-size: clamp(18px, 2.0513vw, 24px);
    position: relative
}

.affiliate-acc .main-acc__btn-icon {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.affiliate-acc .main-acc__btn-icon img,
.affiliate-acc .main-acc__btn-icon svg {
    width: 13px
}

.affiliate-acc .main-acc__btn-label {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-30%, -50%);
    -ms-transform: translate(-30%, -50%);
    transform: translate(-30%, -50%);
    width: clamp(64px, 7.1795vw, 84px);
    height: clamp(64px, 7.1795vw, 84px);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.affiliate-acc .main-acc__btn::before {
    content: counter(li, decimal-leading-zero) "";
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px, 2.0513vw, 24px);
    color: rgba(var(--cl-c), 1);
    position: absolute;
    left: 0
}

.affiliate-acc .main-acc__btn.active .main-acc__btn-label {
    opacity: 1
}

.affiliate-acc .main-acc__box {
    border: none;
    padding: 10px 10px 15px clamp(55px, 6.4103vw, 75px)
}

.affiliate-acc .main-acc__box p {
    font-size: clamp(14px, 1.3675vw, 16px);
    line-height: 162%
}

.how-acc {
    --gradient: linear-gradient( 200deg, rgba(32, 28, 70) 0%, rgba(32, 28, 70, 0) 100%), linear-gradient(158deg, rgba(67, 76, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    counter-reset: li;
    grid-gap: 15px
}

.how-acc .main-acc__item {
    counter-increment: li;
    position: relative;
    border-radius: 21px;
    background: var(--gr-q)
}

.how-acc .main-acc__item::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gradient);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.how-acc .main-acc__btn {
    padding: clamp(18px, 2.2642vw, 30px) clamp(14px, 2.4151vw, 32px) clamp(18px, 2.2642vw, 30px) clamp(20px, 2.8679vw, 38px);
    grid-gap: clamp(16px, 1.5849vw, 21px);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 21px;
    font-family: var(--second-family);
    font-size: clamp(16px, 1.5849vw, 21px);
    position: relative;
    border: none;
    background-color: transparent
}

.how-acc .main-acc__btn::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background-color: rgba(var(--bg-c), 1);
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none;
    opacity: 0
}

.how-acc .main-acc__btn.active::before {
    opacity: 0 !important
}

.how-acc .main-acc__btn-icon {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.how-acc .main-acc__btn-icon img,
.how-acc .main-acc__btn-icon svg {
    width: 13px
}

.how-acc .main-acc__btn:hover::before {
    opacity: 1
}

.how-acc .main-acc__btn::after {
    content: counter(li, decimal-leading-zero) "";
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(16px, 1.5849vw, 21px);
    color: rgba(var(--cl-c), 1);
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.how-acc .main-acc__box {
    border: none;
    border-top: rgba(var(--bg-m), .3) solid 1px;
    padding: 20px clamp(40px, 4.3774vw, 58px) 26px;
    grid-gap: clamp(20px, 1.8868vw, 25px)
}

.how-acc .main-acc__box p {
    font-family: var(--second-family)
}

.how-acc .main-acc__box p .green-text {
    font-weight: 700
}

.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1241px) {
    .footer-nav {
        grid-gap: clamp(20px, 5.3846vw, 63px)
    }
}

@media (max-width: 1240px) {
    .footer-nav {
        grid-gap: clamp(20px, 5.3846vw, 63px)
    }
}

@media (max-width: 768px) {
    .main-btn--app {
        max-width: 100%
    }
    .affiliate-acc {
        padding-left: 15px
    }
    .affiliate-acc .main-acc__box p {
        max-width: 95%
    }
    .footer-nav {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .main-table {
        overflow: auto;
        width: calc(100% + var(--container-offset) * 2);
        margin-left: calc(var(--container-offset) * -1)
    }
}

.footer-nav__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px
}

.footer-nav__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 10px
}

.footer-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(10px, 1.1966vw, 14px)
}

@media (max-width: 576px) {
    .footer-nav ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .main-top__title {
        max-width: clamp(350px, 55.5556vw, 650px)
    }
}

.footer-nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-nav a {
    font-size: clamp(13px, 1.1966vw, 14px);
    font-weight: 400;
    color: rgba(var(--cl-c), 1);
    -webkit-transition: .3s;
    transition: .3s
}

.footer-nav a:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.main-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-table__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-table__list .main-table__row:nth-child(even) {
    background: rgba(var(--bg-d), 1)
}

.main-table__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[8] 122px;
    grid-template-columns: repeat(8, 1fr) 122px;
    -ms-grid-columns: .9fr 1fr .7fr .75fr .75fr .75fr .6fr .7fr 122px;
    grid-template-columns: .9fr 1fr .7fr .75fr .75fr .75fr .6fr .7fr 122px;
    grid-gap: 10px;
    border-radius: 12px;
    padding: 17px clamp(10px, 1.6239vw, 19px) 16px clamp(10px, 1.9658vw, 23px);
    min-height: 57px
}

.main-table__row--head {
    background: rgba(var(--bg-j), 1)
}

.main-table__row--head .main-table__value {
    white-space: nowrap;
    font-size: clamp(12px, 1.1966vw, 14px);
    line-height: 114%
}

.main-table__row--head .main-table__value:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 22px
}

.main-table__row--mode {
    padding: 10px clamp(10px, 1.6239vw, 19px) 10px clamp(10px, 1.9658vw, 23px)
}

.main-table__row--mode .main-table__value:last-child {
    padding-right: 0
}

@media (max-width: 768px) {
    .main-table__row {
        min-width: 850px;
        grid-gap: 15px;
        margin: 0 var(--container-offset)
    }
}

.main-table__btn {
    padding: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(var(--bg-c), 1);
    color: rgba(var(--cl-a), 1);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 114.286%
}

.main-table__value {
    color: rgba(var(--cl-a), 1);
    font-family: var(--font-family);
    font-size: clamp(14px, 1.3675vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 4px
}

.main-table__value:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 35px
}

.main-table__icon {
    margin-bottom: -3px
}

.main-table__icon svg {
    fill: none
}

.main-top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(20px, 2.3932vw, 28px)
}

.main-top__title img {
    margin-right: 10px;
    width: clamp(56px, 9.8291vw, 115px);
    height: clamp(35px, 6.0684vw, 71px);
    margin-bottom: clamp(3.9px, .6838vw, 8px)
}

.main-top__subtitle {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(14px, 1.3675vw, 16px);
    text-transform: uppercase;
    background: var(--gr-e);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-top__bonus {
    -webkit-backdrop-filter: blur(10.8000001907px);
    backdrop-filter: blur(10.8000001907px);
    padding: 24px clamp(26px, 4.1026vw, 48px) 24px 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px
}

.main-top__bonus-text {
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .main-top__bonus {
        background: rgba(var(--bg-e), .35);
        border-radius: 999px
    }
}

@media (max-width: 576px) {
    .main-top__bonus {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.main-top__bottom {
    max-width: 593px;
    width: 100%;
    border-radius: 99px;
    overflow: hidden;
    margin-top: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgba(var(--bg-e), .35)
}

@media (max-width: 1024px) {
    .main-top__bottom {
        background-color: initial;
        grid-gap: 10px;
        border-radius: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 576px) {
    .main-top__bottom {
        width: 100%
    }
    .main-top .main-btn {
        max-width: 100%
    }
}

.dashboard-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(20px, 2.0513vw, 24px)
}

.dashboard-top__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: clamp(10px, 2.1887vw, 29px)
}

@media (max-width: 768px) {
    .dashboard-top__box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 15px 20px
    }
}

.dashboard-top__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(10px, 2.4786vw, 29px);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 13, 33, 0)), to(#0f0d21));
    background: linear-gradient(180deg, rgba(15, 13, 33, 0) 0, #0f0d21 100%);
    padding: clamp(15px, 2.2222vw, 26px) clamp(20px, 2.8205vw, 33px);
    border-radius: 31px;
    position: relative
}

.dashboard-top__inner::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(200deg, #201c46 0, rgba(32, 28, 70, 0) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-top__inner p {
    font-size: 14px
}

@media (min-width: 576px) {
    .dashboard-top__inner p {
        line-height: 186%
    }
}

.dashboard-top__image {
    width: clamp(30px, 3.8462vw, 45px);
    height: clamp(30px, 3.8462vw, 45px);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dashboard-top__image svg {
    display: block;
    width: 100%;
    height: 100%
}

.dashboard-top__lable {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-c), 1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 6px
}

.dashboard-top__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(40px, 4.7009vw, 55px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dashboard-top__title-icon {
    width: clamp(30px, 3.8462vw, 45px);
    height: clamp(30px, 3.8462vw, 45px);
    margin-right: clamp(8px, .8547vw, 10px);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dashboard-top__title-icon svg {
    display: block;
    width: 100%;
    height: 100%
}

@media (max-width: 1024px) {
    .dashboard-top__lable,
    .dashboard-top__title {
        padding-left: 40px
    }
}

.dashboard-top__referral {
    font-size: 14px;
    line-height: 186%;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: rgba(var(--cl-c), 1);
    -webkit-transition: .3s;
    transition: .3s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: calc(clamp(8px, .8547vw, 10px) + clamp(30px, 3.8462vw, 45px) + clamp(2px, .3774vw, 5px))
}

.dashboard-top__referral:hover {
    color: rgba(var(--cl-j), 1)
}

.dashboard-top__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1241px) {
    .dashboard-top__list {
        grid-gap: clamp(20px, 4.4528vw, 59px)
    }
}

@media (max-width: 1240px) {
    .dashboard-top__list {
        grid-gap: 20px
    }
}

@media (max-width: 576px) {
    .dashboard-top__title-icon {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 2px
    }
    .dashboard-top__list {
        width: 100%;
        grid-gap: 30px
    }
}

@media (max-width: 450px) {
    .dashboard-top__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.dashboard-top__item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 100%;
    grid-template-columns: auto 100%;
    grid-gap: 7px 13px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.dashboard-top__icon {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(var(--bg-k), 1);
    border-radius: 12px;
    width: clamp(45px, 4.7009vw, 55px);
    height: clamp(45px, 4.7009vw, 55px)
}

.dashboard-top__text {
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-i), 1)
}

.dashboard-top__value {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(18px, 1.7949vw, 21px)
}

.withdraw-row {
    background: var(--gr-x);
    border-radius: 12px;
    position: relative;
    padding: clamp(18px, 1.5849vw, 21px) clamp(21px, 2.4906vw, 33px) clamp(18px, 1.5849vw, 21px) clamp(18px, 1.434vw, 19px);
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.withdraw-row::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-w);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

@media (min-width: 1241px) {
    .withdraw-row {
        -ms-grid-columns: .5fr .6fr .7fr;
        grid-template-columns: .5fr .6fr .7fr
    }
}

@media (max-width: 1240px) {
    .withdraw-row {
        -ms-grid-columns: .9fr 1fr 360px;
        grid-template-columns: .9fr 1fr 360px
    }
}

.withdraw-row:after {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(83, 255, 236, 0)), to(rgba(107, 122, 254, .54)));
    background: linear-gradient(180deg, rgba(83, 255, 236, 0) 0, rgba(107, 122, 254, .54) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden
}

.withdraw-row:hover::after {
    opacity: 1;
    visibility: visible
}

.withdraw-row__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(10px, 1.5094vw, 20px)
}

.withdraw-row__btns .blue-btn {
    white-space: nowrap;
    max-width: 199px
}

.withdraw-row__btns .blue-btn:first-child {
    max-width: 146px
}

.withdraw-row__value {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: 16px;
    color: rgba(var(--cl-g), 1)
}

.withdraw-row__value b {
    font-size: 12px
}

.withdraw-row__box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 2px 10px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.withdraw-row__name {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-k), .5);
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.withdraw-row__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    color: rgba(var(--cl-g), 1)
}

.withdraw-row__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    background-color: rgba(227, 127, 6, .16);
    position: relative;
    z-index: 1
}

.withdraw-row__icon img,
.withdraw-row__icon svg {
    width: 45px;
    aspect-ratio: 1
}

.withdraw-row__icon--orange {
    background: rgba(240, 5, 0, .16)
}

.withdraw-row__icon--mode {
    background: rgba(252, 252, 253, .16)
}

.withdraw-row__icon--silver {
    background: rgba(246, 246, 246, .16)
}

.withdraw-row__time {
    font-size: clamp(15px, 1.2075vw, 16px);
    line-height: 162%;
    color: rgba(var(--cl-c), 1)
}

.withdraw-row--head {
    padding: 0 clamp(21px, 2.4906vw, 33px) 0 clamp(18px, 1.434vw, 19px);
    background: 0 0;
    margin-bottom: -3px
}

.withdraw-row--head::after,
.withdraw-row--head::before {
    display: none
}

.withdraw-row--head .withdraw-row__name {
    color: rgba(var(--cl-c), 1)
}

.withdraw-row__level {
    font-size: clamp(15px, 1.2075vw, 16px);
    line-height: 162%;
    color: rgba(var(--cl-l), 1)
}

.referral-row {
    padding: clamp(18px, 1.5094vw, 20px) clamp(15px, 1.8868vw, 25px)
}

@media (min-width: 768px) {
    .referral-row {
        -ms-grid-columns: .6fr .5fr .4fr .65fr .45fr;
        grid-template-columns: .6fr .5fr .4fr .65fr .45fr
    }
}

@media (max-width: 768px) {
    .referral-row {
        -ms-grid-columns: .5fr .45fr .3fr (.55fr)[2];
        grid-template-columns: .5fr .45fr .3fr repeat(2, .55fr)
    }
}

.referral-row .withdraw-row__name {
    font-size: clamp(15px, 1.2075vw, 16px);
    line-height: 162%;
    color: rgba(var(--cl-i), 1)
}

.referral-row .withdraw-row__box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.referral-row .withdraw-row__icon {
    width: 40px;
    height: 40px;
    grid-row: initial
}

.referral-row .withdraw-row__icon img {
    width: 31px
}

.referral-row .withdraw-row__value {
    font-size: clamp(15px, 1.2075vw, 16px)
}

.levels-row {
    border-radius: 21px;
    background: 0 0;
    z-index: 5
}

.levels-row::before {
    background: var(--gradient-s);
    inset: -1px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.levels-row::after {
    -webkit-backdrop-filter: blur(17.6000003815px);
    backdrop-filter: blur(17.6000003815px);
    background: var(--gradient-p);
    background-color: rgba(var(--bg-f), 1);
    -webkit-mask-composite: initial;
    mask-composite: initial;
    z-index: -1;
    opacity: 1;
    visibility: visible
}

.levels-row:hover::before {
    opacity: .5;
    visibility: visible
}

.levels-row.active::before {
    opacity: 1;
    visibility: visible
}

.levels-row:not(.withdraw-row--head) {
    padding: clamp(19px, 1.8803vw, 22px) clamp(16px, 2.3932vw, 28px) clamp(18px, 1.7949vw, 21px);
    border: solid 1px var(--br-e)
}

@media (min-width: 1241px) {
    .levels-row {
        -ms-grid-columns: .75fr .8fr .85fr .21fr;
        grid-template-columns: .75fr .8fr .85fr .21fr
    }
}

@media (max-width: 1240px) and (min-width:1024px) {
    .levels-row {
        -ms-grid-columns: .75fr .8fr .85fr .32fr;
        grid-template-columns: .75fr .8fr .85fr .32fr
    }
}

@media (max-width: 1024px) and (min-width:768px) {
    .levels-row {
        -ms-grid-columns: .75fr .8fr .85fr .32fr;
        grid-template-columns: .75fr .8fr .85fr .32fr
    }
}

@media (max-width: 576px) {
    .levels-row {
        grid-gap: 15px
    }
}

.levels-row .withdraw-row__name {
    color: rgba(var(--cl-a), 1)
}

.levels-row .withdraw-row__name:first-child {
    margin-left: calc(clamp(16px, 2.3932vw, 28px) * -1)
}

.levels-row .withdraw-row__value {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-a), 1)
}

.levels-row .withdraw-row__box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.levels-row .withdraw-row__box:first-child {
    grid-gap: 2px
}

.levels-row.withdraw-row--head {
    padding: 0 clamp(16px, 2.3932vw, 28px);
    margin: 0
}

.main-referral {
    padding: clamp(18px, 2.0377vw, 27px) clamp(15px, 2.4906vw, 33px);
    border-radius: 12px;
    background: var(--gr-x);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 15px
}

.main-referral::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-w);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

@media (min-width: 768px) {
    .main-referral {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 768px) {
    .levels-row {
        -ms-grid-columns: .75fr .8fr .5fr .4fr;
        grid-template-columns: .75fr .8fr .5fr .4fr
    }
    .main-referral {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.main-referral__link {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: 16px;
    color: rgba(var(--cl-g), 1)
}

.main-referral__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px
}

.main-referral__btns .blue-btn {
    height: 45px;
    grid-gap: 10px
}

.main-referral__btns .blue-btn img,
.main-referral__btns .blue-btn svg {
    position: relative;
    top: 2px
}

@media (max-width: 414px) {
    .main-referral__btns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.main-referral--mode {
    padding: clamp(18px, 2.3077vw, 27px) clamp(15px, 4.7863vw, 56px) clamp(18px, 2.3077vw, 27px) clamp(15px, 2.8205vw, 33px)
}

.main-form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 20px
}

.main-form .main-btn {
    margin-top: 5px
}

.main-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 6px
}

.main-form__link {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-j), 1);
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.main-form__link:hover {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    color: rgba(var(--cl-l), 1)
}

.main-form__icon {
    z-index: 1;
    position: absolute;
    bottom: 16px;
    left: 15px;
    pointer-events: none
}

.main-form__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 143%
}

.main-form__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border-radius: 99px;
    height: 46px;
    background: rgba(var(--bg-f), 1);
    -webkit-transition: .3s;
    transition: .3s
}

.main-form__label:has(.main-form__input:focus) {
    border-color: var(--br-i)
}

.main-form__label:has(.main-form__show:focus) {
    border-color: var(--br-i)
}

.main-form__input {
    padding: 11px 20px 15px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1);
    width: 85%
}

.main-form__input::-webkit-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.main-form__input::-moz-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.main-form__input:-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.main-form__input::-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.main-form__input::placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.main-form__coin {
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-c), 1);
    position: absolute;
    bottom: 15px;
    right: 20px
}

.main-form__show {
    position: absolute;
    bottom: 16px;
    right: 15px;
    z-index: 2;
    -webkit-transition: .3s;
    transition: .3s
}

.main-form__show.active {
    opacity: .4
}

.main-form__show:hover {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.main-form__rules {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.main-form__rules p {
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.main-form__rules-link {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: .3s;
    transition: .3s
}

.main-form__rules-link:hover {
    color: rgba(var(--cl-l), 1)
}

.main-form .select,
.main-form .select__list {
    background: rgba(var(--bg-f), 1)
}

.main-form--mode {
    grid-gap: 16px
}

.main-form--mode .main-form__label {
    border-radius: 12px;
    height: 60px;
    border: 1px solid var(--br-e)
}

.main-form--mode .main-form__input {
    text-indent: 25px;
    padding: 19px 20px 18px
}

.main-form--mode .main-btn {
    margin-top: initial
}

.exchange-form {
    border-radius: 12px;
    background: var(--gr-x);
    padding: clamp(25px, 2.906vw, 34px) clamp(16px, 2.906vw, 34px) clamp(34px, 3.7607vw, 44px);
    position: relative;
    background-color: rgba(var(--bg-f), 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 25px clamp(16px, 1.7094vw, 20px)
}

.exchange-form::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-w);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.exchange-form__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 25px clamp(16px, 1.7094vw, 20px);
    -webkit-transition: .3s;
    transition: .3s
}

@media (max-width: 576px) {
    .exchange-form__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 576px) {
    .exchange-form__box.active {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .exchange-form__btn {
        width: 41px;
        height: 145px
    }
}

@media (max-width: 576px) {
    .exchange-form__box.active {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .exchange-form .select {
        padding: 13px 15px 13.4px
    }
}

.exchange-form .main-btn {
    margin-top: 5px;
    max-width: 445px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: 50px;
    font-size: 14px;
    line-height: 143%
}

.exchange-form__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(var(--bg-g), 1);
    border-radius: 999px;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid transparent;
    z-index: 1;
    position: relative;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 576px) {
    .exchange-form__btn {
        border-color: var(--br-k);
        height: 50px;
        width: 100%;
        max-width: 445px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.exchange-form__btn::before {
    background: var(--gradient-t);
    position: absolute;
    z-index: -2;
    content: "";
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s
}

.exchange-form__btn::after {
    background: var(--gradient-u);
    position: absolute;
    z-index: -1;
    content: "";
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s
}

.exchange-form__btn svg {
    -webkit-transition: .4s;
    transition: .4s;
    fill: rgba(var(--cl-c), 1)
}

.exchange-form__btn:hover {
    border-color: var(--br-k)
}

.exchange-form__btn:hover::before {
    opacity: 1;
    visibility: visible
}

.exchange-form__btn:hover svg {
    fill: rgba(var(--cl-a), 1)
}

.exchange-form__btn:focus {
    border-color: var(--br-k)
}

.exchange-form__btn:focus::after {
    opacity: 1;
    visibility: visible
}

.exchange-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 4px
}

.exchange-form__subtitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 143%
}

.exchange-form__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 20px;
    width: 100%
}

.exchange-form__inner {
    position: relative
}

.exchange-form__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    width: 24px;
    height: 24px;
    z-index: 3
}

.exchange-form__value {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    right: 18px;
    text-align: right;
    z-index: 3;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-c), 1)
}

.main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(15px, 2.0513vw, 24px);
    padding: 18px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 99px;
    background-color: rgba(var(--bg-i), 1);
    position: relative;
    -webkit-transition: .45s cubic-bezier(.6, .6, 0, 1);
    transition: .45s cubic-bezier(.6, .6, 0, 1)
}

.main-nav::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-h);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.main-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-nav__link {
    color: rgba(var(--cl-c), 1);
    font-size: 14px;
    -webkit-transition: .4s;
    transition: .4s;
    font-weight: 400;
    white-space: nowrap
}

.main-nav__link.active,
.main-nav__link:hover {
    color: rgba(var(--cl-a), 1)
}

.calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 21px;
    overflow: hidden;
    background: var(--gradient-e);
    padding: 24px 19px;
    position: relative;
    z-index: 5
}

.calc::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gradient-m);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.calc__box {
    z-index: 1;
    display: -ms-grid;
    display: grid;
    grid-gap: clamp(20px, 2.3077vw, 27px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1024px) {
    .calc__box {
        -ms-grid-columns: 1fr .842fr;
        grid-template-columns: 1fr .842fr
    }
    .calc__inner {
        padding-left: min(1.8803vw, 22px)
    }
}

@media (max-width: 1024px) {
    .main-referral__btns .blue-btn {
        min-width: clamp(165px, 19.434vw, 199px)
    }
    .calc__box {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
    .calc .main-btn {
        max-width: 100%
    }
}

.calc__inner {
    display: -ms-grid;
    display: grid;
    grid-gap: 23px 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.calc .main-btn {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    height: 50px;
    font-size: 14px;
    line-height: 143%
}

.calc__profit {
    color: rgba(var(--cl-a), 1);
    text-align: right;
    font-size: 14px;
    font-weight: 700
}

@media (min-width: 576px) {
    .calc__inner {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .calc__profit b {
        font-size: clamp(16px, 1.7949vw, 21px)
    }
}

@media (max-width: 576px) {
    .calc__inner {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
    .calc__profit b {
        font-size: 16px
    }
}

.calc__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 7px;
    position: relative
}

.calc__total-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 114%
}

.calc__total-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 7px
}

.calc__total-box--mode {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 1px
}

.calc__total-box--mode .calc__total-profit {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: clamp(65px, 6.4103vw, 75px);
    background: var(--gr-i);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.calc__total-profit {
    white-space: nowrap;
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 100%
}

.calc__total-profit b {
    font-size: clamp(16px, 1.7949vw, 21px)
}

.calc__total-value {
    white-space: nowrap;
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 100%
}

.calc__total-value b {
    font-size: clamp(16px, 1.7949vw, 21px)
}

.calc__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 4px
}

.calc__field-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 143%
}

.calc__field-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(18px, 2.4786vw, 29px) clamp(16px, 1.7094vw, 20px)
}

.calc__field-inner {
    position: relative
}

.calc__field-inner--mode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(18px, 2.4786vw, 29px) clamp(16px, 1.7094vw, 20px);
    border-radius: 21px;
    background: var(--gradient-o);
    padding: 20px clamp(18px, 2.4786vw, 29px) clamp(16px, 1.7949vw, 21px)
}

.calc__field-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    width: 24px;
    height: 24px;
    z-index: 3
}

.calc__field-value {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    text-align: right;
    z-index: 3;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-c), 1)
}

.range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.range__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 50px;
    background: rgba(var(--bg-g), 1);
    width: 100%;
    min-width: 170px;
    border-radius: 99px
}

.range input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    padding: 15px 48px;
    width: 100%;
    min-width: 170px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1);
    margin: 0;
    border-radius: 12px
}

.range input::-webkit-input-placeholder {
    color: rgba(var(--cl-a), 1)
}

.range input::-moz-placeholder {
    color: rgba(var(--cl-a), 1)
}

.range input:-ms-input-placeholder {
    color: rgba(var(--cl-a), 1)
}

.range input::-ms-input-placeholder {
    color: rgba(var(--cl-a), 1)
}

.range input::placeholder {
    color: rgba(var(--cl-a), 1)
}

.noUi-horizontal .noUi-handle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid var(--br-d);
    -webkit-box-shadow: none;
    box-shadow: none;
    top: -7px;
    margin-right: 5px;
    background: var(--gr-c);
    cursor: pointer
}

.noUi-horizontal .noUi-handle::after,
.noUi-horizontal .noUi-handle::before {
    display: none
}

.noUi-handle-lower {
    right: -18px !important
}

.noUi-connect {
    background: var(--gr-c);
    height: 1px
}

.noUi-target {
    padding-right: 15px;
    height: 1px;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: calc(100% - 40px);
    position: absolute;
    left: 20px;
    bottom: 0
}

.info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(30px, 6.4957vw, 76px)
}

.info-list__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 13px;
    font-weight: 500;
    font-size: clamp(14px, 1.3675vw, 16px)
}

@media (max-width: 576px) {
    .info-list__card {
        width: 100%;
        padding: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: dashed 1px var(--br-c);
        background: var(--gr-f);
        border-radius: 8px
    }
    .info-list__item {
        width: 100%
    }
}

.info-list__icon {
    width: clamp(40px, 5.1282vw, 60px);
    height: clamp(40px, 5.1282vw, 60px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--gr-f);
    border-radius: 100%;
    border: solid 1px var(--br-c)
}

@media (max-width: 576px) {
    .info-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        grid-gap: 10px 30px
    }
}

.choose-list {
    display: -ms-grid;
    display: grid;
    grid-gap: 15px 12px
}

@media (min-width: 768px) {
    .choose-list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 768px) {
    .choose-list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.packege-list {
    display: -ms-grid;
    display: grid;
    grid-gap: 15px clamp(15px, 1.7094vw, 20px)
}

@media (min-width: 1024px) {
    .packege-list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1024px) and (min-width:576px) {
    .packege-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 576px) {
    .packege-list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.step-list {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px
}

@media (min-width: 1024px) {
    .step-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .step-list__item--mode {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

.dashboard-aside {
    padding: 7px 17px 34px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 57px;
    max-width: 237px;
    width: 100%;
    margin-top: -20px;
    position: relative;
    z-index: 2;
    height: 100%
}

.dashboard-aside::after {
    content: "";
    position: absolute;
    right: 0;
    top: -50px;
    height: calc(100% + 70px);
    z-index: 5;
    border-right: solid 1px var(--br-g);
    pointer-events: none
}

@media (max-width: 1024px) {
    .step-list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
    .dashboard-aside::after {
        display: none
    }
    .dashboard-aside {
        -webkit-transition: .4s;
        transition: .4s;
        z-index: 38;
        position: fixed;
        -webkit-transform: translateX(-120%);
        -ms-transform: translateX(-120%);
        transform: translateX(-120%);
        top: calc(var(--header-height) + 15px);
        left: -1px;
        height: 100%;
        border-right: solid 1px var(--br-g);
        overflow-y: auto;
        background-color: rgba(var(--bg-f), 1);
        padding: 25px 10px 15px;
        grid-gap: 20px
    }
    .dashboard-aside::before {
        z-index: 5
    }
    .dashboard-aside .aside-nav {
        width: 100%
    }
    .dashboard-aside.active {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (max-width: 576px) {
    .dashboard-aside {
        top: calc(var(--header-height) + 45px);
        position: fixed;
        border-radius: 0 12px 12px 0;
        max-width: 215px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        overflow-y: scroll;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: rgba(var(--bg-c), .9)
    }
    .dashboard-aside::before {
        pointer-events: none;
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 1px;
        background: var(--gr-r);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude
    }
    .dashboard-aside .aside-info::before {
        width: calc(100% + 20px);
        right: -10px
    }
    .dashboard-aside .aside-nav {
        grid-gap: 10px
    }
    .dashboard-aside .aside-nav__button {
        padding: 13px 18px;
        font-size: 15px;
        height: 43px
    }
}

.dashboard-aside__close {
    display: none;
    position: absolute;
    z-index: 6;
    top: 20px;
    right: 15px
}

@media (max-width: 1024px) {
    .dashboard-aside__close {
        display: block
    }
}

.dashboard-aside__close svg {
    fill: rgba(var(--cl-l), 1);
    -webkit-transition: .4s;
    transition: .4s
}

.dashboard-aside__close:hover svg {
    fill: rgba(var(--cl-i), 1)
}

.aside-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(15px, 2.1368vw, 25px);
    position: relative;
    z-index: 2;
    width: 100%
}

.aside-info::before {
    width: calc(100% + 35px);
    right: -17px;
    background: var(--gr-q);
    height: 110%;
    content: "";
    position: absolute;
    z-index: -1;
    bottom: calc(clamp(15px, 1.8803vw, 22px) * -1)
}

.aside-info__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 5px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.aside-info__icon {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    width: 34px;
    height: 34px;
    background: rgba(var(--bg-k), 1);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.aside-info__name {
    font-weight: 400;
    font-size: 12px;
    color: rgba(var(--cl-i), 1)
}

.aside-info__value {
    font-weight: 700;
    font-size: 14px
}

.aside-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 15px
}

.aside-nav__button {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 4px;
    width: 100%;
    padding: 13px 24px;
    color: rgba(var(--cl-c), 1);
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 8px;
    position: relative
}

.aside-nav__button::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-y);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.aside-nav__button::after {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-w);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0
}

.aside-nav__button::before {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0
}

.aside-nav__button.active {
    background: var(--gradient-k);
    color: rgba(var(--cl-a), 1)
}

.aside-nav__button.active::after,
.aside-nav__button.active::before {
    opacity: 1
}

.aside-nav__button.active .aside-nav__icon svg {
    fill: rgba(var(--cl-j), 1)
}

.aside-nav__button:hover {
    background: var(--gradient-k)
}

.aside-nav__button:hover::after,
.aside-nav__button:hover::before {
    opacity: 1
}

.aside-nav__button .green-text {
    font-size: 12px
}

.aside-nav__icon {
    margin-right: clamp(10px, 1.2821vw, 15px);
    pointer-events: none
}

.aside-nav__icon svg {
    -webkit-transition: .3s;
    transition: .3s;
    fill: rgba(var(--cl-c), 1)
}

.aside-nav__icon.icon-exchange {
    margin-top: clamp(2px, .3419vw, 4px)
}

.deposit-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    grid-gap: clamp(16px, 1.3585vw, 18px)
}

.referral-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 16px
}

.referral-list--mode {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
}

.personal-form {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px
}

@media (min-width: 768px) {
    .personal-form {
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto
    }
}

@media (max-width: 768px) {
    .personal-form {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.personal-form__box {
    display: -ms-grid;
    display: grid;
    grid-gap: 13px clamp(15px, 1.5094vw, 20px);
    background: var(--gradient-e);
    border-radius: 21px;
    position: relative;
    padding: clamp(30px, 3.0189vw, 40px) clamp(20px, 2.6415vw, 35px) clamp(35px, 3.3962vw, 45px)
}

.personal-form__box::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-r);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

@media (min-width: 576px) {
    .personal-form__box {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 576px) {
    .personal-form__box {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.personal-form__pretitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-c), 1)
}

.personal-form__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 4px;
    position: relative
}

.personal-form__icon {
    display: block;
    z-index: 2;
    position: absolute;
    right: 15px;
    bottom: 25px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.personal-form__input {
    background: rgba(var(--bg-f), 1);
    border-radius: 99px;
    height: 50px;
    padding: 10px 45px 10px 15px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.personal-form__input::-webkit-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.personal-form__input::-moz-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.personal-form__input:-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.personal-form__input::-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.personal-form__input::placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.personal-form__user {
    min-width: clamp(250px, 22.1132vw, 293px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 10px;
    position: relative;
    background: var(--gradient-e);
    border-radius: 21px;
    padding: clamp(20px, 1.8113vw, 24px) clamp(20px, 2.6415vw, 35px) clamp(21px, 1.8868vw, 25px)
}

.personal-form__user::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-r);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.personal-form__user .blue-btn {
    margin-top: 10px
}

.personal-form__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(16px, 1.3585vw, 18px)
}

.personal-form__mail {
    font-family: var(--second-family);
    font-size: 14px;
    color: rgba(var(--cl-c), 1);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.personal-form__image {
    border-radius: 12px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 4px
}

.personal-form__image img,
.personal-form__image picture {
    width: 100%;
    height: 100%
}

.pass-form {
    background: var(--gradient-e);
    border-radius: 21px;
    position: relative;
    padding: clamp(30px, 3.0189vw, 40px) clamp(20px, 2.717vw, 36px) 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 20px
}

.pass-form::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-r);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.pass-form__input {
    opacity: 0;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% - 45px);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.pass-form__input::-webkit-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.pass-form__input::-moz-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.pass-form__input:-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.pass-form__input::-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.pass-form__input::placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.pass-form__input.active {
    opacity: 1
}

.pass-form__box {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px
}

@media (min-width: 768px) {
    .pass-form__box {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 768px) {
    .pass-form__box {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.pass-form__pretitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-c), 1)
}

.pass-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 10px;
    position: relative
}

.pass-form__icon {
    display: block;
    z-index: 2;
    position: absolute;
    right: 15px;
    bottom: 30px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: .3s;
    transition: .3s
}

.pass-form__icon.active {
    opacity: .4
}

.pass-form__icon:hover {
    -webkit-transform: scale(1.08) translateY(50%);
    -ms-transform: scale(1.08) translateY(50%);
    transform: scale(1.08) translateY(50%)
}

.pass-form__label {
    position: relative;
    border: solid 1px var(--br-e);
    border-radius: 12px;
    height: 60px;
    padding: 10px 45px 10px 15px
}

@media (min-width: 576px) {
    .pass-form .blue-btn {
        max-width: 239px;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    .join-top--docs .join-top__image {
        width: clamp(181px, 21.2821vw, 249px);
        height: clamp(191px, 21.2821vw, 249px)
    }
}

.pass-form__dots {
    height: 20px;
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: .3em;
    color: rgba(var(--cl-a), 1);
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.pass-form__dots::before {
    content: "–––––––––––––––––";
    color: rgba(var(--cl-c), 1);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: .3em;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pass-form__dots.active {
    opacity: 0
}

.pass-form .pass-form__input.invalid+.pass-form__dots {
    color: rgba(var(--cl-m), 1) !important
}

.pass-form .pass-form__input.full+.pass-form__dots,
.pass-form .pass-form__input.full+.pass-form__dots::before {
    color: rgba(var(--cl-j), 1)
}

.join-top {
    position: relative;
    z-index: 2;
    border-radius: 21px;
    background: rgba(var(--bg-s), 1);
    padding: clamp(29px, 3.0769vw, 36px) clamp(15px, 3.1624vw, 37px);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 10px clamp(25px, 2.906vw, 34px);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    overflow: hidden
}

.join-top:hover .join-top__image {
    -webkit-transform: translateY(-10%) scale(1.03);
    -ms-transform: translateY(-10%) scale(1.03);
    transform: translateY(-10%) scale(1.03)
}

.join-top:hover .join-top__bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.join-top__bg {
    position: absolute;
    left: clamp(15px, 1.7094vw, 20px);
    right: clamp(15px, 3.5897vw, 42px);
    bottom: 0;
    top: 26px;
    z-index: -1;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: .4s;
    transition: .4s
}

.join-top__bg svg {
    width: 100%;
    height: auto
}

.join-top__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(23px, 3.8462vw, 45px);
    letter-spacing: -.04em
}

@media (max-width: 400px) {
    .join-top__title {
        font-size: 21px
    }
}

.join-top p {
    font-family: var(--font4);
    font-size: clamp(16px, 1.7949vw, 21px);
    line-height: 100%;
    letter-spacing: -.04em;
    color: rgba(var(--cl-a), 1);
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.join-top__image {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    width: clamp(144px, 16.0684vw, 188px);
    height: clamp(144px, 16.0684vw, 188px);
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.join-top__image img,
.join-top__image picture {
    height: 100%
}

.join-top--docs {
    background: rgba(var(--bg-h), 1);
    padding: 5px clamp(15px, 3.1624vw, 37px) 6px 10px;
    grid-gap: 10px 0
}

@media (max-width: 576px) {
    .join-top {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        min-height: 180px
    }
    .join-top__image {
        position: absolute;
        width: min(17.361vw, 100px);
        height: min(17.361vw, 100px);
        right: 15px;
        top: 15px
    }
    .join-top--docs p {
        max-width: 85%
    }
    .join-top--docs .join-top__image {
        width: min(22.569vw, 130px);
        height: min(22.569vw, 130px);
        right: 0;
        top: 5px
    }
}

.join-link {
    -webkit-backdrop-filter: blur(17.6000003815px);
    backdrop-filter: blur(17.6000003815px);
    background: var(--gradient-p);
    padding: clamp(20px, 3.5043vw, 41px) clamp(15px, 3.9316vw, 46px);
    border: 1px solid var(--br-e);
    border-radius: 21px;
    font-family: var(--font4);
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 8px 18px;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.join-link::before {
    position: absolute;
    inset: 0;
    content: "";
    background: var(--gradient-f);
    border-radius: inherit;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0;
    visibility: hidden
}

.join-link:hover {
    border-color: var(--br-j)
}

.join-link:hover::before {
    opacity: 1;
    visibility: visible
}

.join-link:hover .join-link__icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.join-link__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px, 1.7949vw, 21px);
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end
}

.join-link__icon {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    width: clamp(60px, 5.812vw, 68px);
    height: clamp(60px, 5.812vw, 68px);
    border-radius: 100%;
    background-color: rgba(var(--bg-t), 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s
}

.join-link__icon svg {
    fill: rgba(var(--cl-a), 1)
}

.join-link--mode {
    background: var(--gradient-q);
    border: none
}

.join-link--mode::before {
    background: var(--gradient-r)
}

.join-link--mode .join-link__icon {
    background-color: rgba(var(--bg-v), 1)
}

.comand-list {
    display: -ms-grid;
    display: grid;
    grid-gap: clamp(20px, 2.9915vw, 35px) clamp(18px, 1.7949vw, 21px)
}

@media (min-width: 576px) {
    .comand-list {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr))
    }
}

@media (max-width: 576px) {
    .comand-list__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .comand-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.tutorial-list {
    display: -ms-grid;
    display: grid;
    grid-gap: clamp(20px, 2.5641vw, 30px) clamp(16px, 1.7094vw, 20px)
}

@media (min-width: 768px) {
    .tutorial-list {
        grid-template-columns: repeat(auto-fill, minmax(336px, 1fr))
    }
}

.discover-card {
    padding: 41px 23px 29px;
    border-radius: 21px;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    position: relative
}

.discover-card::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-r);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.discover-card::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='377' height='439' fill='none'%3E%3Crect width='376' height='439' x='0.868042' fill='url(%23paint0_linear_156_1495)' rx='21'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_156_1495' x1='188.868' x2='188.868' y1='0' y2='439' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2315132D' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2315132D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    inset: -1px;
    position: absolute;
    z-index: -1;
    content: "";
    pointer-events: none
}

.discover-card__image {
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.discover-card__image>* {
    position: relative
}

@media (min-width: 1024px) {
    .discover-card__image>* {
        top: calc(clamp(80px, 8.1197vw, 95px) * -1)
    }
    .discover-card__image #platform {
        top: calc(clamp(65px, 6.8376vw, 80px) * -1)
    }
}

@media (max-width: 1024px) and (min-width:576px) {
    .discover-card__image>* {
        top: calc(clamp(80px, 9.277vw, 95px) * -1)
    }
    .discover-card__image #platform {
        top: calc(clamp(85px, 9.766vw, 100px) * -1)
    }
}

@media (max-width: 576px) {
    .discover-card__image>* {
        top: calc(clamp(95px, 19.097vw, 110px) * -1)
    }
    .discover-card__image #platform {
        top: calc(clamp(100px, 19.965vw, 115px) * -1)
    }
}

@media (min-width: 1024px) {
    .discover-card__image #more {
        top: calc(clamp(73px, 7.5214vw, 88px) * -1)
    }
}

@media (max-width: 1024px) and (min-width:576px) {
    .discover-card__image #more {
        top: calc(clamp(85px, 9.766vw, 100px) * -1)
    }
}

@media (max-width: 576px) {
    .discover-card__image #more {
        top: calc(clamp(100px, 19.965vw, 115px) * -1)
    }
}

@media (min-width: 1024px) {
    .discover-card__image #security {
        top: calc(clamp(55px, 5.9829vw, 70px) * -1)
    }
    .discover-card__box {
        padding-top: clamp(200px, 21.8803vw, 256px)
    }
}

@media (max-width: 1024px) and (min-width:576px) {
    .discover-card__image #security {
        top: calc(clamp(85px, 9.766vw, 100px) * -1)
    }
}

.discover-card__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 14px
}

@media (max-width: 1024px) {
    .discover-card__box {
        padding-top: clamp(220px, 25vw, 256px)
    }
}

@media (min-width: 576px) and (max-width:650px) {
    .discover-card__box {
        padding-top: 160px
    }
}

@media (max-width: 576px) {
    .discover-card__image #security {
        top: calc(clamp(85px, 19.965vw, 115px) * -1)
    }
    .discover-card__box {
        padding-top: clamp(220px, 44.444vw, 256px)
    }
}

.discover-card__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(18px, 1.7949vw, 21px);
    line-height: 100%
}

.discover-card p {
    font-size: 14px;
    line-height: 150%
}

.choose-card {
    padding: 0 clamp(24px, 3.0769vw, 36px) 28px;
    background: var(--gr-l);
    border-radius: 21px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.choose-card::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-m);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.choose-card__image {
    position: absolute;
    left: -2px;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .choose-card__image {
        width: clamp(200px, 22.735vw, 266px)
    }
}

@media (max-width: 768px) {
    .tutorial-list {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))
    }
    .choose-card__image {
        width: clamp(230px, 34.635vw, 266px)
    }
}

.choose-card__image img,
.choose-card__image picture {
    width: 100%;
    mix-blend-mode: lighten
}

.choose-card__image--mode {
    left: -4px
}

@media (min-width: 768px) {
    .choose-card__image--mode {
        width: clamp(210px, 24.1026vw, 282px)
    }
    .choose-card__box {
        padding-top: clamp(170px, 18.2051vw, 213px)
    }
}

.choose-card__image--mining {
    left: -10px
}

.choose-card__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 14px
}

@media (max-width: 768px) {
    .choose-card__image--mode {
        width: clamp(250px, 36.719vw, 282px)
    }
    .choose-card__box {
        padding-top: clamp(180px, 27.734vw, 213px)
    }
}

.choose-card__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(18px, 1.7949vw, 21px)
}

.choose-card p {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%
}

.packege-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    grid-gap: 23px;
    border-radius: 21px;
    background: var(--gr-l);
    height: 100%;
    min-height: clamp(300px, 28.1197vw, 329px)
}

.packege-card__top {
    overflow: hidden;
    position: relative;
    padding: 26px 15px 15px 54px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 55px 1fr;
    grid-template-columns: 55px 1fr;
    grid-gap: 4px 50px;
    background-color: rgba(var(--bg-h), 1);
    z-index: 1
}

@media (max-width: 1024px) and (min-width:576px) {
    .packege-card__top {
        grid-gap: 4px clamp(33px, 4.883vw, 50px)
    }
}

@media (max-width: 576px) {
    .packege-card__top {
        grid-gap: 4px 50px
    }
}

.packege-card__top::before {
    position: absolute;
    background-image: url(../img/staking/icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 380px;
    height: 100px;
    top: 0;
    left: 0;
    background-color: rgba(var(--bg-h), 1);
    pointer-events: none;
    z-index: -1
}

.packege-card__feature {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 20px;
    font-family: var(--third-family);
    font-weight: 800;
    font-size: 16px;
    color: rgba(var(--cl-o), 1)
}

.packege-card__icon {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column: 1;
    grid-column: 1;
    top: 5px;
    position: relative
}

.packege-card__box {
    padding: 0 18px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 20px
}

.packege-card__box .main-btn {
    height: 50px;
    max-width: 100%;
    font-size: 14px;
    line-height: 143%
}

.packege-card__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 14px 28px
}

.packege-card__list-icon {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column: 1;
    grid-column: 1
}

@media (max-width: 768px) {
    .packege-card__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.packege-card__value {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase
}

.packege-card__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-c), 1)
}

.packege-card__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 1fr;
    grid-template-columns: 24px 1fr;
    grid-gap: 5px 8px
}

.packege-card__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 6px;
    position: relative;
    width: 100%
}

.packege-card__label-icon {
    position: absolute;
    bottom: 1px;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.packege-card__label-value {
    font-weight: 500;
    font-size: 12px;
    line-height: 167%;
    position: absolute;
    right: 15px;
    bottom: 25px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    display: none
}

.packege-card__title {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    font-weight: 600;
    font-size: clamp(18px, 1.7949vw, 21px)
}

.packege-card__percent {
    font-size: 14px
}

.packege-card__input {
    width: 100%;
    padding: 15px 13px 15px 47px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1);
    border: 1px solid var(--br-e);
    border-radius: 12px;
    height: 50px;
    background: var(--gr-o)
}

.packege-card__input::-webkit-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.packege-card__input::-moz-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.packege-card__input:-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.packege-card__input::-ms-input-placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.packege-card__input::placeholder {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.packege-card__input.focus-visible {
    border-color: rgba(var(--bg-h), .6)
}

.packege-card__subtitle {
    font-weight: 600;
    font-size: 12px;
    line-height: 167%;
    display: none
}

.packege-card.feature {
    position: relative
}

.packege-card.feature::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-r);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.packege-card.stake .packege-card__label-value,
.packege-card.stake .packege-card__subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.packege-card.stake .packege-card__item {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%
}

.packege-card.stake .packege-card__item img {
    display: none
}

.packege-card--mode {
    padding: 16px 18px 30px;
    grid-gap: 19px;
    position: relative
}

.packege-card--mode::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-r);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.packege-card--mode .packege-card__top {
    padding: 16px 22px 17px;
    border-radius: 21px;
    background: var(--gradient-r);
    grid-gap: 2px 10px
}

.packege-card--mode .packege-card__top::before {
    display: none
}

.packege-card--mode .packege-card__icon {
    position: relative;
    top: 2px
}

.packege-card--mode .packege-card__percent {
    color: rgba(var(--cl-c), 1)
}

.packege-card--mode .packege-card__title {
    font-family: var(--second-family);
    font-weight: 700
}

.packege-card--mode .packege-card__box {
    grid-gap: 14px;
    padding: 0
}

.packege-card--mode .packege-card__list {
    margin-top: 9px
}

.step-card {
    position: relative;
    background: var(--gradient-e);
    border-radius: 21px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 14px;
    height: 100%;
    min-height: 339px
}

.step-card::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-m);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

@media (min-width: 576px) {
    .step-card {
        padding: clamp(25px, 3.0769vw, 36px)
    }
    .step-card.count {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto
    }
}

.step-card::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='275' height='339' fill='none'%3E%3Cg filter='url(%23filter0_f_367_6224)'%3E%3Cellipse cx='300' cy='158.5' fill='url(%23paint0_linear_367_6224)' rx='175' ry='102.5'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_367_6224' x1='125' x2='496.226' y1='56' y2='107.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_f_367_6224' width='600' height='455' x='0' y='-69' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_367_6224' stdDeviation='62.5'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: min(23.5043vw, 275px);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    pointer-events: none
}

@media (min-width: 1024px) {
    .step-card p,
    .step-card__subtitle,
    .step-card__title {
        max-width: min(26.0684vw, 305px)
    }
    .step-card__image {
        width: min(17.8632vw, 209px);
        height: min(26.4103vw, 309px)
    }
}

.step-card__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 9px;
    z-index: 2
}

.step-card__image img,
.step-card__image picture {
    width: 100%;
    height: 100%
}

@media (max-width: 1024px) and (min-width:576px) {
    .step-card p,
    .step-card__subtitle,
    .step-card__title {
        max-width: min(53.711vw, 550px)
    }
    .step-card__image {
        width: clamp(156px, 20.41vw, 209px);
        height: clamp(231px, 30.176vw, 309px)
    }
}

@media (max-width: 576px) {
    .step-card {
        padding: clamp(25px, 3.0769vw, 36px) clamp(25px, 3.0769vw, 36px) 15px
    }
    .step-card__image {
        width: 100%;
        height: auto;
        margin: 15px 0 calc(clamp(25px, 3.0769vw, 36px) * -1);
        position: relative;
        bottom: 0;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    .step-card.count {
        grid-gap: 24px;
        padding: clamp(25px, 3.0769vw, 36px)
    }
}

.step-card__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 14px;
    margin-left: clamp(25px, 3.0769vw, 36px)
}

.step-card .main-btn {
    margin-top: 4px;
    font-size: 14px;
    height: 50px
}

.step-card__subtitle {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: 14px;
    line-height: 150%;
    background: var(--gr-d);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.step-card__title {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: clamp(24px, 2.6496vw, 31px);
    line-height: 113%
}

.step-card p {
    font-size: 14px;
    line-height: 150%
}

.step-card.count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.step-card.count::after {
    right: -25px
}

.step-card.count .step-card__box {
    margin: 0
}

.step-card--mode {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px;
    padding: 0 clamp(25px, 3.0769vw, 36px)
}

.step-card--mode::after {
    display: none
}

.step-card--mode .step-card__box {
    padding: clamp(25px, 3.0769vw, 36px) 0
}

@media (max-width: 768px) {
    .step-card--mode {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .step-card--mode .step-card__box {
        margin: 0;
        width: 100%
    }
}

.step-card--mode .step-card__image {
    -ms-grid-row-align: end;
    align-self: end;
    -ms-grid-row: 1;
    grid-row: 1;
    width: initial;
    height: initial;
    right: initial;
    bottom: initial;
    position: relative
}

.step-card--mode .step-card__image::before {
    position: absolute;
    content: "";
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='682' height='466' fill='none'%3E%3Cg filter='url(%23filter0_f_367_6259)'%3E%3Cellipse cx='340.868' cy='233' fill='url(%23paint0_linear_367_6259)' rx='209' ry='101'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_367_6259' x1='131.868' x2='571.363' y1='132' y2='205.539' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_f_367_6259' width='681.4' height='465.4' x='0.168167' y='0.300003' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_367_6259' stdDeviation='65.85'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    left: 50%;
    -webkit-transform: translateX(-55%);
    -ms-transform: translateX(-55%);
    transform: translateX(-55%);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none
}

@media (min-width: 768px) {
    .step-card--mode {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .step-card--mode .step-card__image::before {
        top: -40%;
        width: min(58.2906vw, 682px);
        height: min(39.8291vw, 466px)
    }
}

.card {
    width: 161px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 16px
}

.card__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 7px
}

.card__btn {
    z-index: 1;
    width: 38px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 28, 70, 0)), to(#201c46));
    background: linear-gradient(180deg, rgba(32, 28, 70, 0) 0, #201c46 100%);
    border-radius: 8px;
    -webkit-transition: .4s;
    transition: .4s;
    position: relative
}

.card__btn::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(37deg, rgba(41, 35, 92, 0) 0, #29235c 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.card__btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#2a2758), to(#2a2758));
    background: linear-gradient(180deg, #2a2758 0, #2a2758 100%)
}

.card__btn svg {
    pointer-events: none
}

.card__box {
    rotate: 21deg;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card__arrow {
    width: 100%;
    height: 100%;
    background-image: var(--speed-arrow);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    background-position: center center;
    pointer-events: none;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.card__speed {
    width: 160px;
    height: 160px;
    background-color: var(--bg-c);
    border-radius: 50%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 2px;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-size: 100% 100%;
    background-position: center center;
    position: relative
}

.card__speed::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='107' height='108' fill='none'%3E%3Ccircle cx='53.4455' cy='53.9999' r='53.4455' fill='url(%23paint0_radial_2001_3207)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_2001_3207' cx='0' cy='0' r='1' gradientTransform='rotate(90 -.2772 53.7227) scale(53.4455)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.61754' stop-color='%233F435A' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%233F435A' stop-opacity='0.3'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    z-index: -1
}

.card__speed-value {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: 28px;
    color: rgba(var(--cl-g), 1)
}

.card__speed-descr {
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: rgba(var(--cl-h), 1)
}

[data-speed] {
    position: relative
}

[data-speed]::before {
    pointer-events: none;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    position: absolute;
    z-index: 2;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

[data-speed="0"] .card__arrow {
    opacity: 0
}

[data-speed="5"]::before {
    background-image: url(../img/speed-arrow/speed5.svg)
}

[data-speed="10"]::before {
    background-image: url(../img/speed-arrow/speed10.svg)
}

[data-speed="15"]::before {
    background-image: url(../img/speed-arrow/speed15.svg)
}

[data-speed="20"]::before {
    background-image: url(../img/speed-arrow/speed20.svg)
}

[data-speed="25"]::before {
    background-image: url(../img/speed-arrow/speed25.svg)
}

[data-speed="30"]::before {
    background-image: url(../img/speed-arrow/speed30.svg)
}

[data-speed="35"]::before {
    background-image: url(../img/speed-arrow/speed35.svg)
}

[data-speed="40"]::before {
    background-image: url(../img/speed-arrow/speed40.svg)
}

[data-speed="45"]::before {
    background-image: url(../img/speed-arrow/speed45.svg)
}

[data-speed="50"]::before {
    background-image: url(../img/speed-arrow/speed50.svg)
}

[data-speed="55"]::before {
    background-image: url(../img/speed-arrow/speed55.svg)
}

[data-speed="60"]::before {
    background-image: url(../img/speed-arrow/speed60.svg)
}

[data-speed="65"]::before {
    background-image: url(../img/speed-arrow/speed65.svg)
}

[data-speed="70"]::before {
    background-image: url(../img/speed-arrow/speed70.svg)
}

[data-speed="75"]::before {
    background-image: url(../img/speed-arrow/speed75.svg)
}

[data-speed="80"]::before {
    background-image: url(../img/speed-arrow/speed80.svg)
}

[data-speed="85"]::before {
    background-image: url(../img/speed-arrow/speed85.svg)
}

[data-speed="90"]::before {
    background-image: url(../img/speed-arrow/speed90.svg)
}

[data-speed="95"]::before {
    background-image: url(../img/speed-arrow/speed95.svg)
}

[data-speed="100"]::before {
    background-image: url(../img/speed-arrow/speed100.svg)
}

.dashboard-card {
    width: 100%;
    height: 100%;
    padding: clamp(25px, 2.9915vw, 35px) clamp(25px, 2.9915vw, 35px) clamp(25px, 2.9915vw, 35px) clamp(20px, 2.5641vw, 30px);
    background: var(--gr-q);
    border-radius: 31px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 10px;
    overflow: visible;
    position: relative
}

.dashboard-card::after {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-w);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card__top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 4px 10px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.dashboard-card__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 8px
}

.dashboard-card__icon {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .1019607843);
    -webkit-box-shadow: 0 14px 20px 0 rgba(22, 34, 51, .08), 0 3px 7px -3px rgba(22, 34, 51, .08);
    box-shadow: 0 14px 20px 0 rgba(22, 34, 51, .08), 0 3px 7px -3px rgba(22, 34, 51, .08)
}

.dashboard-card__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 6px;
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(15px, 1.3675vw, 16px);
    color: rgba(var(--cl-g), 1);
    -webkit-transition: .3s;
    transition: .3s
}

.dashboard-card__btn b {
    font-size: 12px
}

.dashboard-card__btn svg {
    position: relative;
    top: -2px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 14px;
    height: auto;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-left: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.dashboard-card__btn:hover {
    color: rgba(var(--cl-a), .6)
}

.dashboard-card__btn:hover svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.dashboard-card__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 14px;
    color: rgba(var(--cl-g), 1)
}

.dashboard-card__name {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    font-size: 12px;
    color: rgba(var(--cl-k), .5)
}

.dashboard-card .card__speed {
    width: 106px;
    height: 106px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dashboard-card .card__speed-value {
    font-size: 20px
}

.dashboard-card .card__speed-descr {
    font-size: 9px
}

.dashboard-card .card__btns {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dashboard-card__wrapp {
    padding: 32px 18px 27px 28px;
    z-index: 5;
    position: absolute;
    border-radius: inherit;
    inset: 0;
    -webkit-backdrop-filter: blur(17.6000003815px);
    backdrop-filter: blur(17.6000003815px);
    background: var(--gradient-l);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.dashboard-card__wrapp.active {
    opacity: 1;
    visibility: visible
}

.dashboard-card__close {
    position: absolute;
    z-index: 6;
    top: 20px;
    right: 20px
}

.dashboard-card__close svg {
    fill: rgba(var(--bg-h), 1);
    -webkit-transition: .4s;
    transition: .4s
}

.dashboard-card__close:hover svg {
    fill: rgba(var(--cl-i), 1);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.dashboard-card__text {
    font-size: 12px;
    color: rgba(var(--cl-h), .5)
}

.dashboard-card__value {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 14px;
    color: rgba(var(--cl-g), 1)
}

.dashboard-card__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (auto)[2];
    grid-template-columns: repeat(2, auto);
    grid-gap: clamp(12px, 1.3675vw, 16px) clamp(10px, 1.1966vw, 14px)
}

.dashboard-card__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 4px
}

.dashboard-card::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(243, 186, 47, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.dashboard-card.silver {
    position: relative
}

.dashboard-card.silver::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(236, 239, 240, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.silver .dashboard-card__icon {
    background-color: rgba(255, 255, 255, .1)
}

.dashboard-card.orange {
    position: relative
}

.dashboard-card.orange::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(242, 104, 34, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.orange .dashboard-card__icon {
    background-color: rgba(242, 104, 34, .1)
}

.dashboard-card.blue {
    position: relative
}

.dashboard-card.blue::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(3, 130, 209, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.blue .dashboard-card__icon {
    background-color: rgba(3, 130, 209, .1)
}

.dashboard-card.violet {
    position: relative
}

.dashboard-card.violet::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(130, 71, 229, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.violet .dashboard-card__icon {
    background-color: rgba(130, 71, 229, .1)
}

.dashboard-card.yellow {
    position: relative
}

.dashboard-card.yellow::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(236, 178, 68, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.pink {
    position: relative
}

.dashboard-card.pink::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(230, 0, 122, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.pink .dashboard-card__icon {
    background-color: rgba(230, 0, 122, .1)
}

.dashboard-card.green {
    position: relative
}

.dashboard-card.green::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(58, 184, 58, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.green .dashboard-card__icon {
    background-color: rgba(58, 184, 58, .2)
}

.dashboard-card.white {
    position: relative
}

.dashboard-card.white::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(255, 255, 255, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.white .dashboard-card__icon {
    background-color: rgba(255, 255, 255, .2)
}

.dashboard-card.gold {
    position: relative
}

.dashboard-card.gold::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(224, 205, 129, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.gold .dashboard-card__icon {
    background-color: rgba(236, 178, 68, .1)
}

.dashboard-card.mode {
    position: relative
}

.dashboard-card.mode::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(42, 90, 218, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.mode .dashboard-card__icon {
    background-color: rgba(52, 93, 157, .2)
}

.dashboard-card.red {
    position: relative
}

.dashboard-card.red::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(240, 5, 0, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.red .dashboard-card__icon {
    background-color: rgba(255, 6, 10, .2)
}

.dashboard-card.lightblue {
    position: relative
}

.dashboard-card.lightblue::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(52, 93, 157, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.lightblue .dashboard-card__icon {
    background-color: rgba(42, 90, 218, .2)
}

.dashboard-card.bronze {
    position: relative
}

.dashboard-card.bronze::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(224, 205, 129, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.bronze .dashboard-card__icon {
    background-color: rgba(224, 205, 129, .2)
}

.dashboard-card.lightgreen {
    position: relative
}

.dashboard-card.lightgreen::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(39deg, rgba(10, 193, 142, .5) 0, rgba(0, 0, 0, .2) 15%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-card.lightgreen .dashboard-card__icon {
    background-color: rgba(10, 193, 142, .2)
}

.dashboard-card.disable {
    opacity: .4;
    pointer-events: none
}

.deposit-card {
    padding: 19px clamp(20px, 1.8113vw, 24px) clamp(20px, 1.8868vw, 25px);
    background: var(--gr-x);
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 12px
}

.deposit-card::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-w);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.deposit-card .main-copy {
    position: absolute;
    bottom: clamp(20px, 1.8868vw, 25px);
    left: clamp(20px, 1.8113vw, 24px);
    right: clamp(20px, 1.8113vw, 24px);
    z-index: 5;
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out;
    opacity: 0;
    visibility: hidden
}

.deposit-card .main-copy.active {
    opacity: 1;
    visibility: visible
}

.deposit-card__top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 2px clamp(8px, .7547vw, 10px);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.deposit-card__btn {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    padding: 13px 14px 18px;
    border-radius: 9999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--gradient-b);
    position: relative;
    z-index: 1
}

.deposit-card__btn::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gradient-c);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.deposit-card__btn::after {
    position: absolute;
    content: "";
    inset: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--gr-z);
    border-radius: inherit;
    z-index: -2;
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.deposit-card__btn span {
    position: absolute;
    content: "";
    inset: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--gradient-d);
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.deposit-card__btn:hover::after {
    opacity: 1;
    visibility: visible
}

.deposit-card__btn:focus::after {
    opacity: 0;
    visibility: hidden
}

.deposit-card__btn:focus span {
    visibility: visible;
    opacity: 1
}

.deposit-card__btn:disabled {
    opacity: .4
}

.deposit-card__name {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-k), 1);
    opacity: .5;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.deposit-card__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    color: rgba(var(--cl-g), 1)
}

.deposit-card__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    background-color: rgba(227, 127, 6, .16);
    position: relative;
    z-index: 1
}

.deposit-card__icon img,
.deposit-card__icon svg {
    width: 45px;
    aspect-ratio: 1
}

.deposit-card__icon--green {
    background-color: rgba(236, 239, 240, .16)
}

.deposit-card__icon--blue {
    background: rgba(3, 130, 209, .16)
}

.deposit-card__icon--red {
    background: rgba(255, 6, 10, .16)
}

.deposit-card__icon--orange {
    background: rgba(240, 5, 0, .16)
}

.deposit-card__icon--violet {
    background: rgba(130, 71, 229, .16)
}

.deposit-card__icon--mode {
    background: rgba(252, 252, 253, .16)
}

.deposit-card__icon--silver {
    background: rgba(246, 246, 246, .16)
}

.deposit-card__icon-mini {
    z-index: 2;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 24px;
    height: 24px
}

.referral-card {
    padding: clamp(21px, 2.3396vw, 31px) clamp(15px, 1.5094vw, 20px);
    border-radius: 21px;
    background: var(--gradient-e);
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 7px clamp(15px, 1.5094vw, 20px)
}

.referral-card::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-r);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.referral-card__title {
    padding-top: clamp(9px, 1.0566vw, 14px);
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(26px, 2.4151vw, 32px)
}

.referral-card__level {
    font-size: clamp(14px, 1.2075vw, 16px);
    line-height: 162%;
    color: rgba(var(--cl-c), 1)
}

.referral-card__icon {
    background: rgba(var(--bg-k), 1);
    width: clamp(40px, 3.3962vw, 45px);
    height: clamp(40px, 3.3962vw, 45px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    -ms-grid-row-span: 2;
    grid-row: span 2
}

.referral-card__label {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    border-radius: 0 221px 236px 197px;
    padding: 12px 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--gr-i)
}

.referral-card__percent {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: clamp(18px, 1.5094vw, 20px);
    color: rgba(var(--cl-f), 1)
}

.referral-card--mode {
    padding: clamp(21px, 2.6496vw, 31px) clamp(15px, 1.7094vw, 20px);
    grid-gap: 7px clamp(15px, 1.7094vw, 20px)
}

.referral-card--mode .referral-card__title {
    padding-top: clamp(4px, .8547vw, 10px);
    font-size: clamp(26px, 2.735vw, 32px)
}

.referral-card--mode .referral-card__label {
    border-radius: 0 221px 236px 360px
}

.referral-card--mode .referral-card__level {
    font-size: clamp(14px, 1.3675vw, 16px)
}

.referral-card--mode .referral-card__icon {
    width: clamp(40px, 3.8462vw, 45px);
    height: clamp(40px, 3.8462vw, 45px)
}

.referral-card--mode .referral-card__percent {
    font-size: clamp(18px, 1.7094vw, 20px)
}

.comand-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 15px
}

.comand-card__top {
    border-radius: 21px;
    width: 100%;
    aspect-ratio: 1;
    background-color: rgba(var(--bg-h), 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.comand-card__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comand-card__image--mode {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.comand-card__name {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px, 2.0513vw, 24px)
}

.comand-card__position {
    font-weight: 700;
    font-size: clamp(14px, 1.3675vw, 16px);
    padding: 2px 10px 4px;
    border-radius: 999px;
    background-color: rgba(var(--bg-h), 1)
}

.comand-card__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(10px, 1.2821vw, 15px)
}

.comand-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 7px
}

.comand-card p {
    font-size: 14px;
    line-height: 120%
}

.tutorial-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 12px
}

.tutorial-card__link {
    border-radius: 21px;
    overflow: hidden;
    position: relative
}

.tutorial-card__link:hover .play-btn {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
}

.tutorial-card__link:hover .tutorial-card__preview img,
.tutorial-card__link:hover .tutorial-card__preview picture {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

.tutorial-card__link .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tutorial-card__preview {
    z-index: 1;
    position: relative;
    border-radius: inherit;
    overflow: hidden
}

.tutorial-card__preview::before {
    border-radius: inherit;
    position: absolute;
    content: "";
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background-color: rgba(var(--bg-w), .4)
}

.tutorial-card__preview img,
.tutorial-card__preview picture {
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s
}

.tutorial-card__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 12px
}

.tutorial-card__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: clamp(18px, 1.7949vw, 21px)
}

.tutorial-card__pretitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 7px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%
}

.first-section {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1240px) {
    .first-section::before {
        left: -6%
    }
    .first-section::after {
        right: -5%
    }
}

@media (max-width: 1240px) and (max-width:1024px) and (min-width:576px) {
    .first-section::after,
    .first-section::before {
        display: none
    }
}

@media (max-width: 1240px) and (max-width:576px) {
    .first-section::after,
    .first-section::before {
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%);
        width: 90px;
        height: 400px
    }
}

@media (min-width: 768px) {
    .first-section {
        padding: clamp(70px, 9.0598vw, 106px) 0 clamp(70px, 11.9658vw, 140px)
    }
    .first-section__image {
        top: -35%;
        right: -20%
    }
}

.first-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.first-section .main-btn svg {
    position: relative;
    top: 2px
}

.first-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media (min-width: 576px) {
    .first-section__box {
        grid-gap: clamp(40px, 4.9573vw, 58px)
    }
    .first-section__inner {
        grid-gap: 32px
    }
    .first-section__inner .main-top {
        max-width: clamp(350px, 55.5556vw, 650px)
    }
}

@media (max-width: 576px) {
    .step-card--mode .step-card__box .main-btn {
        max-width: 100%
    }
    .step-card--mode .step-card__image {
        margin: 0
    }
    .comand-card__image {
        max-width: 55%
    }
    .comand-card__image--center,
    .comand-card__image--mode {
        max-width: 100%
    }
    .first-section__inner {
        grid-gap: 40px
    }
}

.first-section__image {
    z-index: -2
}

.first-section__image::before {
    position: absolute;
    content: "";
    height: 243px;
    width: 100%;
    -webkit-filter: blur(50.4443969727px);
    filter: blur(50.4443969727px);
    background: rgba(var(--bg-f), 1);
    bottom: calc(min(12.3932vw, 145px) * -1);
    left: 0;
    z-index: 2
}

@media (max-width: 1024px) and (min-width:768px) {
    .first-section__image::before {
        bottom: calc(clamp(100px, 14.16vw, 145px) * -1)
    }
}

@media (max-width: 768px) and (min-width:576px) {
    .first-section__image::before {
        bottom: 16px
    }
}

.first-section__image img,
.first-section__image picture,
.first-section__image video {
    width: 100%
}

@media (max-width: 768px) {
    .step-card--mode .step-card__image::before {
        top: -25%;
        width: min(88.802vw, 682px);
        height: min(60.677vw, 466px)
    }
    .first-section {
        padding: 26px 0 70px
    }
    .first-section__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .first-section__image::before {
        height: 139px;
        -webkit-filter: blur(15.4443969727px);
        filter: blur(15.4443969727px)
    }
    .first-section__image {
        bottom: -35%;
        right: -23%
    }
}

@media (min-width: 576px) {
    .first-section__image {
        width: min(88.2051vw, 1032px);
        position: absolute
    }
    .first-section--staking .main-top {
        max-width: clamp(400px, 63.0769vw, 738px)
    }
}

@media (max-width: 576px) {
    .first-section__image::before {
        bottom: -100px
    }
    .first-section__image {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-top: -90px
    }
    .first-section__image img,
    .first-section__image picture,
    .first-section__image video {
        height: auto
    }
}

.first-section__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(25px, 2.6496vw, 31px)
}

.first-section__bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    border-radius: 99px;
    -webkit-backdrop-filter: blur(10.8000001907px);
    backdrop-filter: blur(10.8000001907px);
    background: rgba(var(--bg-e), .35);
    position: relative;
    padding: clamp(20px, 2.0513vw, 24px) clamp(40px, 4.2735vw, 50px) clamp(20px, 2.1368vw, 25px);
    font-weight: 500;
    font-size: clamp(14px, 1.3675vw, 16px)
}

.first-section__bonus::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-p);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.first-section__bg {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: min(129.9145vw, 1520px);
    height: min(38.645vw, 599px)
}

.first-section__bg img,
.first-section__bg picture,
.first-section__bg video {
    width: 100%;
    height: 100%
}

.first-section--staking {
    padding: clamp(70px, 9.0598vw, 106px) 0 clamp(50px, 12.2222vw, 143px)
}

.first-section--staking .main-top {
    grid-gap: 20px
}

.first-section--staking .main-top__title {
    line-height: 110%
}

@media (min-width: 576px) {
    .first-section--staking .main-top__title {
        font-size: clamp(50px, 8.547vw, 100px)
    }
}

@media (max-width: 576px) {
    .first-section__bg {
        width: 110%;
        height: auto
    }
    .first-section--staking .main-top__title {
        max-width: clamp(400px, 63.0769vw, 738px)
    }
}

@media (max-width: 400px) {
    .first-section--staking .main-top__title {
        font-size: min(15vw, 60px)
    }
}

.first-section--staking .main-top__pretitle {
    line-height: 100%;
    letter-spacing: -.04em
}

@media (min-width: 1024px) {
    .first-section__inner .main-top .main-btn {
        max-width: 279px
    }
    .first-section__bg {
        bottom: clamp(60px, 10.5128vw, 123px)
    }
    .first-section--staking .main-top__pretitle {
        font-size: clamp(16px, 1.7949vw, 21px)
    }
}

.first-section--staking .main-top__bottom {
    width: 100%
}

@media (max-width: 1024px) and (min-width:576px) {
    .first-section--staking .main-top__bottom {
        background-color: rgba(var(--bg-e), .35);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-radius: 99px;
        grid-gap: initial
    }
    .first-section--staking::after,
    .first-section--staking::before {
        display: block
    }
}

.first-section--staking .main-top .main-btn {
    margin-top: clamp(15px, 2.5641vw, 30px)
}

@media (max-width: 1024px) and (max-width:576px) {
    .first-section--staking .main-top .main-btn {
        max-width: 279px
    }
}

.first-section--staking .main-top__bonus {
    padding-right: clamp(26px, 2.3932vw, 28px)
}

.first-section--staking .first-section__image {
    right: 1%;
    top: -10%;
    width: min(50.3419vw, 589px);
    height: min(50.3419vw, 589px)
}

.first-section--staking .first-section__image video {
    height: 100%
}

@media (max-width: 1024px) {
    .first-section__bg {
        bottom: calc(35px + clamp(60px, 10.5128vw, 123px))
    }
    .first-section--staking .first-section__image {
        top: -15%
    }
}

.first-section--staking .first-section__image::before {
    display: none
}

@media (max-width: 768px) {
    .first-section--staking .first-section__image {
        position: static;
        width: min(65.104vw, 500px);
        height: min(65.104vw, 500px);
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-top: -50px
    }
}

.first-section--staking::after,
.first-section--staking::before {
    -webkit-transform: translateY(-52%);
    -ms-transform: translateY(-52%);
    transform: translateY(-52%)
}

@media (max-width: 576px) {
    .first-section--staking .main-top .main-btn {
        max-width: 100%
    }
    .first-section--staking::after,
    .first-section--staking::before {
        -webkit-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
        transform: translateY(-65%)
    }
}

@media (min-width: 1241px) {
    .step-card.count .card {
        margin-right: min(.8547vw, 10px)
    }
    .first-section--staking::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='218' height='761' fill='none'%3E%3Cg filter='url(%23filter0_f_396_4375)'%3E%3Ccircle cx='380.5' cy='380.5' r='255.5' fill='url(%23paint0_linear_396_4375)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_396_4375' x1='125' x2='673.732' y1='125' y2='169.371' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_f_396_4375' width='761' height='761' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_396_4375' stdDeviation='62.5'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        width: min(14.667vw, 220px)
    }
    .first-section--staking::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='761' fill='none'%3E%3Cg filter='url(%23filter0_f_396_4376)'%3E%3Ccircle cx='-160.5' cy='380.5' r='255.5' fill='url(%23paint0_linear_396_4376)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_396_4376' x1='-416' x2='132.732' y1='125' y2='169.371' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_f_396_4376' width='761' height='761' x='-541' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_396_4376' stdDeviation='62.5'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        width: min(14.667vw, 220px)
    }
    .affiliate-section__image {
        right: -12%
    }
}

.first-section--staking .container {
    z-index: 1
}

.first-section--staking .container::before {
    border: 1px solid rgba(41, 35, 92, .32);
    position: absolute;
    content: "";
    left: 0;
    top: calc(clamp(70px, 8.3761vw, 98px) * -1);
    pointer-events: none;
    width: 100%;
    height: 1px;
    z-index: -1
}

.first-section--mining {
    padding: 30px 0 clamp(60px, 10.5128vw, 123px);
    overflow: hidden
}

.first-section--mining::after,
.first-section--mining::before {
    display: none
}

.first-section--mining .title {
    font-family: var(--second-family);
    font-size: clamp(65px, 10.3419vw, 121px);
    line-height: 101%
}

.first-section--mining .title span {
    background: var(--gr-d);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.first-section--mining .first-section__top {
    grid-gap: 8px
}

.first-section--mining .first-section__box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(100px, 30.5983vw, 358px)
}

.faq-section {
    padding-bottom: clamp(70px, 9.7436vw, 114px)
}

.faq-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 30px
}

.faq-section__title {
    font-family: var(--second-family)
}

.faq-section__col {
    display: -ms-grid;
    display: grid;
    grid-gap: 14px 21px
}

@media (min-width: 768px) {
    .first-section--staking::after {
        z-index: 1
    }
    .faq-section__col {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .discover-section .title img {
        margin-bottom: -5px
    }
}

.calc-section {
    padding-bottom: clamp(80px, 11.9658vw, 140px)
}

.calc-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 30px;
    z-index: 1;
    position: relative
}

.calc-section__box:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1189' height='797' fill='none'%3E%3Cg filter='url(%23filter0_f_156_1387)'%3E%3Cellipse cx='594.5' cy='345.5' fill='url(%23paint0_linear_156_1387)' rx='318.5' ry='255.5'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_156_1387)'%3E%3Cellipse cx='595' cy='364.5' fill='%230B0A17' fill-opacity='0.71' rx='257' ry='201.5'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_156_1387)'%3E%3Cpath fill='%230B0A17' d='M100 196h989v501H100z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_156_1387' width='817' height='691' x='186' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_156_1387' stdDeviation='45'/%3E%3C/filter%3E%3Cfilter id='filter1_f_156_1387' width='674' height='563' x='258' y='83' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_156_1387' stdDeviation='40'/%3E%3C/filter%3E%3Cfilter id='filter2_f_156_1387' width='1189' height='701' x='0' y='96' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_156_1387' stdDeviation='50'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_156_1387' x1='276' x2='957.583' y1='90' y2='158.703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    background-size: cover;
    content: "";
    width: min(101.6239vw, 1189px);
    height: min(68.1197vw, 797px);
    bottom: 0;
    left: 50%;
    z-index: -2;
    -webkit-transform: translate(-50%, 81%);
    -ms-transform: translate(-50%, 81%);
    transform: translate(-50%, 81%);
    pointer-events: none
}

@media (max-width: 768px) {
    .first-section--mining .first-section__box .main-btn {
        height: clamp(60px, 6.8376vw, 80px)
    }
    .faq-section__col {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
    .calc-section__box:after {
        width: 100vw
    }
    .affiliate-section::after,
    .affiliate-section::before {
        width: 90px;
        height: 400px;
        top: initial;
        bottom: 1%
    }
}

.calc-section__title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--second-family)
}

.calc-section__title b {
    padding-left: clamp(20px, 4.2735vw, 50px)
}

.discover-section {
    padding-bottom: clamp(70px, 10.2564vw, 120px);
    overflow: hidden
}

.discover-section .title {
    font-family: var(--second-family)
}

.discover-section .title img {
    width: clamp(33px, 9.3162vw, 109px);
    height: clamp(22px, 6.0684vw, 71px);
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 576px) {
    .first-section--staking .main-top__bottom {
        max-width: 406px
    }
    .discover-section .title img {
        margin-right: 10px
    }
}

.discover-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 30px
}

.discover-section__list {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px
}

@media (min-width: 1024px) {
    .discover-section__list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1024px) and (min-width:576px) {
    .discover-section__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.discover-section::before,
.discover-section:after {
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%)
}

.affiliate-section {
    overflow: hidden
}

@media (min-width: 768px) and (max-width:1350px) {
    .affiliate-section::before {
        left: -6%
    }
    .affiliate-section::after {
        right: -6%
    }
}

@media (max-width: 768px) and (min-width:576px) {
    .discover-section .title img {
        margin-bottom: -4px
    }
    .affiliate-section+section {
        margin-top: -80px
    }
    .affiliate-section::after,
    .affiliate-section::before {
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%)
    }
}

@media (max-width: 576px) {
    .discover-section .title img {
        margin-right: 8px;
        margin-bottom: 2px
    }
    .discover-section__list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
    .discover-section::before,
    .discover-section:after {
        display: none
    }
    .affiliate-section+section {
        margin-top: -40px
    }
    .affiliate-section::after,
    .affiliate-section::before {
        -webkit-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

.affiliate-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 34px
}

.affiliate-section__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 34px
}

.affiliate-section .title {
    font-family: var(--second-family)
}

.affiliate-section .title b {
    margin-left: clamp(20px, 4.2735vw, 50px)
}

@media (max-width: 1240px) and (min-width:1024px) {
    .affiliate-section__image {
        right: -14%
    }
}

@media (max-width: 1024px) and (min-width:768px) {
    .affiliate-section__image {
        right: -16%
    }
}

@media (min-width: 768px) {
    .affiliate-section {
        padding-top: clamp(50px, 13.3333vw, 100px);
        padding-bottom: clamp(90px, 13.3333vw, 156px)
    }
    .affiliate-section__box {
        max-width: min(56.1538vw, 657px)
    }
    .affiliate-section__top p {
        max-width: min(52.906vw, 619px)
    }
    .affiliate-section__image {
        position: absolute;
        top: -113px;
        right: -408px;
        z-index: -1;
        width: min(89.7436vw, 1050px)
    }
    .choose-section .title img {
        margin-bottom: -5px
    }
}

.affiliate-section__image video {
    width: 100%;
    height: 700px;
    position: absolute;
    left: -92px
}

@media (max-width: 768px) {
    .affiliate-section__image {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%
    }
    .affiliate-section__image video {
        left: 0;
        position: relative;
        height: auto;
        margin-bottom: 50px
    }
}

.affiliate-section .container {
    z-index: 1
}

.choose-section {
    padding-bottom: clamp(60px, 9.4017vw, 110px)
}

.choose-section .title {
    font-family: var(--second-family)
}

.choose-section .title img {
    width: clamp(33px, 9.3162vw, 109px);
    height: clamp(22px, 6.0684vw, 71px);
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 768px) and (min-width:576px) {
    .choose-section .title img {
        margin-bottom: -4px
    }
}

.choose-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(30px, 5.0427vw, 59px)
}

.choose-section--mode {
    padding-bottom: clamp(50px, 5.812vw, 68px)
}

.packeges-section {
    padding-bottom: clamp(70px, 9.4872vw, 111px)
}

.packeges-section .title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 118%;
    font-family: var(--second-family);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.packeges-section .title b {
    text-align: right
}

.packeges-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 21px
}

.packeges-section::after,
.packeges-section::before {
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%)
}

@media (max-width: 1440px) {
    .packeges-section::before {
        left: -6%
    }
    .packeges-section::after {
        right: -6%
    }
}

@media (max-width: 1024px) {
    .packeges-section::after,
    .packeges-section::before {
        display: none
    }
}

.how-section {
    padding-bottom: clamp(50px, 5.812vw, 68px);
    display: block;
    overflow: hidden
}

.how-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(25px, 2.3932vw, 28px)
}

.how-section .title {
    line-height: 118%;
    font-family: var(--second-family)
}

.app-section {
    position: relative;
    z-index: 3;
    padding-bottom: clamp(70px, 11.7949vw, 138px)
}

.app-section__title {
    font-family: var(--second-family);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.app-section__title b {
    padding-left: clamp(20px, 5.218vw, 67px)
}

.app-section__box {
    overflow: hidden;
    background: var(--gr-l);
    border-radius: 21px;
    position: relative
}

.app-section__box::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-r);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

@media (min-width: 768px) {
    .app-section__box {
        padding: clamp(23px, 4.05vw, 52px) clamp(20px, 4.439vw, 57px) clamp(40px, 7.087vw, 91px)
    }
    .app-section__image {
        position: absolute;
        bottom: 0;
        width: min(31.542vw, 405px)
    }
}

.app-section__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    height: auto
}

@media (min-width: 1241px) {
    .app-section__image {
        right: min(7.778vw, 105px)
    }
}

@media (max-width: 1240px) and (min-width:768px) {
    .app-section__image {
        right: 10px
    }
}

@media (max-width: 768px) {
    .app-section__box {
        padding: clamp(23px, 4.05vw, 52px) clamp(20px, 4.439vw, 57px) 0
    }
    .app-section__image {
        position: relative;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }
    .app-section__image img,
    .app-section__image picture {
        width: min(52.734vw, 405px)
    }
}

.app-section__image:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1189' height='797' fill='none'%3E%3Cg filter='url(%23filter0_f_156_1387)'%3E%3Cellipse cx='594.5' cy='345.5' fill='url(%23paint0_linear_156_1387)' rx='318.5' ry='255.5'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_156_1387)'%3E%3Cellipse cx='595' cy='364.5' fill='%230B0A17' fill-opacity='0.71' rx='257' ry='201.5'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_156_1387)'%3E%3Cpath fill='%230B0A17' d='M100 196h989v501H100z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_156_1387' width='817' height='691' x='186' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_156_1387' stdDeviation='45'/%3E%3C/filter%3E%3Cfilter id='filter1_f_156_1387' width='674' height='563' x='258' y='83' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_156_1387' stdDeviation='40'/%3E%3C/filter%3E%3Cfilter id='filter2_f_156_1387' width='1189' height='701' x='0' y='96' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_156_1387' stdDeviation='50'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_156_1387' x1='276' x2='957.583' y1='90' y2='158.703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    background-size: cover;
    content: "";
    bottom: 32%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, 81%);
    -ms-transform: translate(-50%, 81%);
    transform: translate(-50%, 81%);
    pointer-events: none
}

@media (min-width: 768px) {
    .app-section__image:after {
        width: min(92.601vw, 1189px);
        height: min(62.072vw, 797px)
    }
    .app-section__list {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (max-width: 768px) {
    .app-section__image:after {
        width: min(154.818vw, 1189px);
        height: min(103.776vw, 797px)
    }
    .withdraw-section__list {
        overflow-x: scroll;
        width: calc(100% + clamp(16px, 1.6239vw, 19px) * 2);
        margin-left: calc(clamp(16px, 1.6239vw, 19px) * -1)
    }
}

.app-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 19px
}

.app-section__list {
    display: -ms-grid;
    display: grid;
    grid-gap: clamp(16px, 1.558vw, 20px)
}

@media (min-width: 576px) {
    .choose-section .title img {
        margin-right: 10px
    }
    .app-section__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.app-section__list p {
    font-size: 14px;
    line-height: 143%;
    color: rgba(var(--cl-a), 1)
}

.app-section__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(12px, 1.246vw, 16px)
}

@media (max-width: 576px) {
    .choose-section .title img {
        margin-right: 8px;
        margin-bottom: 2px
    }
    .app-section__list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
    .app-section__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.dashboard-section {
    padding-bottom: clamp(50px, 5.1321vw, 68px)
}

.dashboard-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 24px
}

.dashboard-section__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: clamp(16px, 1.7094vw, 20px) 16px
}

.deposit-section {
    padding-bottom: clamp(50px, 5.1321vw, 68px)
}

.deposit-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(25px, 3.1698vw, 42px)
}

.deposit-section__top {
    grid-gap: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 576px) {
    .deposit-section__top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 576px) {
    .deposit-section__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .deposit-section__top .search {
        max-width: 100%
    }
}

.deposit-section__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(30px, 2.6415vw, 35px)
}

.deposit-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(20px, 2.1132vw, 28px)
}

.withdraw-section {
    padding-bottom: clamp(50px, 5.1321vw, 68px)
}

.withdraw-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(25px, 2.8679vw, 38px)
}

.withdraw-section__top {
    grid-gap: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 576px) {
    .withdraw-section__top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 576px) {
    .withdraw-section__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .withdraw-section__top .search {
        max-width: 100%
    }
    .exit-section__btns .exit-btn {
        width: 100%;
        padding: 20px 20px 20px 30px
    }
    .exit-section__btns .stay-btn {
        width: 100%;
        padding: 20px 30px 20px 20px
    }
}

.withdraw-section__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(30px, 2.6415vw, 35px)
}

.withdraw-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(21px, 2.3396vw, 31px)
}

.withdraw-section .dashboard-top {
    grid-gap: clamp(24px, 2.0377vw, 27px)
}

.withdraw-section__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 15px
}

@media (max-width: 768px) {
    .withdraw-section__item {
        margin: 0 clamp(16px, 1.6239vw, 19px);
        width: 760px
    }
}

.exit-section {
    padding-bottom: clamp(50px, 5.1321vw, 68px)
}

.exit-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(25px, 2.8679vw, 38px)
}

.exit-section .dashboard-top {
    margin-bottom: clamp(10px, 1.283vw, 17px)
}

.exit-section__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(30px, 2.6415vw, 35px)
}

.exit-section__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(10.8000001907px);
    backdrop-filter: blur(10.8000001907px)
}

@media (min-width: 576px) {
    .exit-section__btns {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    .join-section__links {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 414px) {
    .exit-section__btns {
        border-radius: 99px;
        background: rgba(var(--bg-e), .35)
    }
}

@media (max-width: 414px) {
    .exit-section__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 15px
    }
    .exit-section__btns .stay-btn {
        background: rgba(var(--bg-e), .35)
    }
    .exit-section__btns .stay-btn::after,
    .exit-section__btns .stay-btn::before {
        width: 100%
    }
}

.mine-section {
    padding-bottom: clamp(50px, 5.1321vw, 68px)
}

.mine-section .dashboard-top {
    margin-bottom: 10px
}

.mine-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(20px, 2.6415vw, 35px)
}

.mine-section__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(30px, 2.6415vw, 35px)
}

.referral-section {
    padding-bottom: clamp(50px, 5.1321vw, 68px)
}

.referral-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(25px, 2.1887vw, 29px)
}

.referral-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(35px, 3.0189vw, 40px)
}

.referral-section__wrapp {
    margin-top: clamp(15px, 2.3396vw, 31px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(10px, 1.8868vw, 25px)
}

.referral-section__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(30px, 2.6415vw, 35px)
}

.referral-section .dashboard-top {
    grid-gap: 5px
}

.referral-section__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 15px
}

.referral-section__item:first-child {
    margin-bottom: -16px
}

@media (max-width: 768px) {
    .referral-section__list {
        overflow-x: scroll;
        width: calc(100% + clamp(16px, 1.6239vw, 19px) * 2);
        margin-left: calc(clamp(16px, 1.6239vw, 19px) * -1)
    }
    .referral-section__item {
        margin: 0 clamp(16px, 1.6239vw, 19px);
        width: 760px
    }
    .join-section::after,
    .join-section::before {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

.referral-section--mode {
    padding-bottom: clamp(60px, 11.9658vw, 140px)
}

.referral-section--mode .referral-section__inner {
    grid-gap: clamp(20px, 1.9658vw, 23px)
}

.referral-section--mode .title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--second-family);
    line-height: 118%
}

.referral-section--mode .title b {
    padding-left: clamp(25px, 5.812vw, 68px)
}

.settings-section {
    padding-bottom: clamp(50px, 5.1321vw, 68px)
}

.settings-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(30px, 3.3962vw, 45px)
}

.settings-section .dashboard-top {
    margin-bottom: clamp(10px, 1.283vw, 17px)
}

.settings-section__subtitle {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(30px, 2.6415vw, 35px)
}

.settings-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(25px, 2.6415vw, 35px)
}

.settings-section__inner--mode {
    grid-gap: clamp(25px, 2.2642vw, 30px);
    margin-top: clamp(10px, 1.1321vw, 15px)
}

.join-section {
    padding-bottom: clamp(60px, 11.9658vw, 140px);
    z-index: 3
}

.join-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(30px, 2.9915vw, 35px)
}

.join-section__box--mode {
    grid-gap: clamp(48px, 5.812vw, 68px)
}

.join-section__wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 33px
}

.join-section__wrapp .join-top--docs {
    margin-top: -6px
}

.join-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(16px, 1.7094vw, 20px)
}

.join-section__links {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px 20px
}

.join-section .title {
    font-family: var(--third-family);
    line-height: 129%
}

.join-section .title b {
    font-family: var(--second-family);
    font-weight: 400
}

.join-section::after,
.join-section::before {
    top: initial;
    bottom: 0;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%)
}

@media (max-width: 1240px) and (min-width:576px) {
    .join-section::after,
    .join-section::before {
        -webkit-transform: translateY(45%);
        -ms-transform: translateY(45%);
        transform: translateY(45%)
    }
}

@media (max-width: 576px) {
    .join-section__links {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
    .join-section::after,
    .join-section::before {
        -webkit-transform: translateY(40%);
        -ms-transform: translateY(40%);
        transform: translateY(40%)
    }
}

.join-section--mode {
    padding-bottom: clamp(60px, 10.5983vw, 124px)
}

.join-section--tutorial {
    padding-bottom: clamp(60px, 9.4017vw, 110px)
}

.about-section {
    padding: clamp(30px, 3.1624vw, 37px) 0 clamp(48px, 5.812vw, 68px);
    z-index: 1;
    overflow: hidden
}

.about-section .container {
    z-index: 1
}

.about-section .container::before {
    border: 1px solid rgba(41, 35, 92, .32);
    position: absolute;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc(clamp(22px, 2.4786vw, 29px) * -1);
    pointer-events: none;
    width: calc(100% - var(--container-offset) * 2);
    height: 1px;
    z-index: -1
}

.about-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(30px, 4.5299vw, 53px)
}

.about-section__top {
    display: -ms-grid;
    display: grid;
    grid-gap: 7px 10px
}

.about-section__top p {
    color: rgba(var(--cl-a), 1);
    line-height: 156%
}

@media (min-width: 1024px) {
    .about-section__top p {
        margin-top: min(1.2821vw, 15px)
    }
}

@media (min-width: 768px) {
    .about-section__top p {
        max-width: min(40.6838vw, 476px)
    }
    .about-section__top {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .about-section::after {
        z-index: 1
    }
}

@media (max-width: 768px) {
    .join-section::before {
        left: 0
    }
    .join-section::after {
        right: 0
    }
    .about-section__top {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.about-section__links {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px 20px
}

@media (min-width: 576px) {
    .about-section__links {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .header__btns *>svg {
        display: none
    }
}

.about-section .title {
    font-family: var(--second-family);
    font-size: clamp(55px, 8.547vw, 100px);
    line-height: 110%
}

.about-section .title b {
    font-weight: 400
}

.about-section::after,
.about-section::before {
    top: 0;
    -webkit-transform: translateY(3%);
    -ms-transform: translateY(3%);
    transform: translateY(3%)
}

@media (max-width: 1024px) and (min-width:576px) {
    .about-section::after,
    .about-section::before {
        display: block
    }
}

@media (max-width: 768px) {
    .about-section::after,
    .about-section::before {
        -webkit-transform: translateY(25%);
        -ms-transform: translateY(25%);
        transform: translateY(25%)
    }
}

@media (max-width: 576px) {
    .about-section__links {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
    .about-section::after,
    .about-section::before {
        -webkit-transform: translateY(55%);
        -ms-transform: translateY(55%);
        transform: translateY(55%)
    }
}

.about-section--mode {
    padding: clamp(30px, 3.1624vw, 37px) 0 clamp(45px, 5.5556vw, 65px);
    overflow: initial
}

.about-section--mode .about-section__box {
    grid-gap: clamp(25px, 2.5641vw, 30px)
}

.about-section--mode .about-section__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about-section--mode .about-section__top p {
    margin: 0
}

.about-section--mode::after,
.about-section--mode::before {
    z-index: -1;
    -webkit-transform: translateY(-1%);
    -ms-transform: translateY(-1%);
    transform: translateY(-1%)
}

@media (max-width: 1440px) and (min-width:1241px) {
    .about-section--mode::after,
    .about-section--mode::before {
        -webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transform: translateY(10%)
    }
    .about-section--mode::before {
        left: -50px
    }
}

@media (max-width: 1240px) {
    .about-section--mode::after,
    .about-section--mode::before {
        -webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transform: translateY(10%)
    }
}

@media (max-width: 768px) {
    .about-section--mode::after,
    .about-section--mode::before {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: translateY(35%);
        -ms-transform: translateY(35%);
        transform: translateY(35%)
    }
}

@media (max-width: 576px) {
    .about-section--mode::after,
    .about-section--mode::before {
        -webkit-transform: translateY(5%);
        -ms-transform: translateY(5%);
        transform: translateY(5%)
    }
    .levels-section .dashboard-top__title-icon {
        margin-top: 8px
    }
}

@media (max-width: 1240px) {
    .about-section--mode::before {
        left: -30px
    }
}

@media (max-width: 1440px) and (min-width:1241px) and (min-width:576px) {
    .about-section--mode::after {
        right: -50px
    }
}

@media (max-width: 1240px) and (min-width:576px) {
    .about-section--mode::after {
        right: -30px
    }
}

@media (max-width: 768px) {
    .about-section--mode::before {
        left: 0
    }
    .about-section--mode::after {
        right: 0
    }
}

.about-section--tutorial {
    padding: clamp(30px, 3.1624vw, 37px) 0 clamp(60px, 7.1795vw, 84px)
}

.about-section--tutorial .about-section__top {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 12px
}

.about-section--tutorial .about-section__top p {
    max-width: 100%;
    color: rgba(var(--cl-c), 1);
    line-height: 162%;
    margin-top: 0
}

.about-section--tutorial .about-section__box {
    grid-gap: 30px
}

.about-section--tutorial::after,
.about-section--tutorial::before {
    z-index: -1
}

.levels-section {
    padding-bottom: clamp(50px, 5.1321vw, 68px)
}

.levels-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(35px, 4.2735vw, 50px)
}

.levels-section .dashboard-top {
    grid-gap: 21px
}

.levels-section .dashboard-top__title-icon svg {
    fill: rgba(var(--cl-j), 1)
}

.levels-section__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 8px
}

.exchange-section {
    padding-bottom: clamp(50px, 5.1321vw, 68px)
}

.exchange-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(25px, 2.3077vw, 27px)
}

.exchange-section .dashboard-top {
    grid-gap: clamp(25px, 2.735vw, 32px)
}

.header {
    padding: 22px 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 90
}

@media (min-width: 1024px) {
    .about-section--tutorial::after,
    .about-section--tutorial::before {
        -webkit-transform: translateY(-3%);
        -ms-transform: translateY(-3%);
        transform: translateY(-3%)
    }
    .header.sticky .main-nav {
        -webkit-backdrop-filter: initial;
        backdrop-filter: initial;
        background-color: transparent
    }
    .header.sticky .main-nav::after {
        opacity: 1
    }
    .header.sticky .logo {
        -webkit-transform: translateX(-12px);
        -ms-transform: translateX(-12px);
        transform: translateX(-12px);
        opacity: 0;
        visibility: hidden
    }
    .header.sticky .header__btns {
        -webkit-transform: translateX(12px);
        -ms-transform: translateX(12px);
        transform: translateX(12px);
        opacity: 0;
        visibility: hidden
    }
    .header.dash .header__inner {
        -ms-grid-columns: 237px 1fr auto;
        grid-template-columns: 237px 1fr auto
    }
}

@media (max-width: 1024px) {
    .header {
        background-color: rgba(var(--bg-f), 1)
    }
    .header.sticky {
        -webkit-box-shadow: 0 10px 20px 0 #0b0a17;
        box-shadow: 0 10px 20px 0 #0b0a17
    }
}

.header .main-nav::after {
    background: rgba(var(--bg-j), .8);
    -webkit-box-shadow: 0 12px 32px rgba(5, 5, 30, .4), 0 -8px 32px rgba(226, 232, 255, .1215686275) inset;
    box-shadow: 0 12px 32px rgba(5, 5, 30, .4), 0 -8px 32px rgba(226, 232, 255, .1215686275) inset;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .35s cubic-bezier(.6, .6, 0, 1);
    transition: opacity .35s cubic-bezier(.6, .6, 0, 1)
}

.header__inner {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1241px) {
    .about-section::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='218' height='761' fill='none'%3E%3Cg filter='url(%23filter0_f_396_4375)'%3E%3Ccircle cx='380.5' cy='380.5' r='255.5' fill='url(%23paint0_linear_396_4375)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_396_4375' x1='125' x2='673.732' y1='125' y2='169.371' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_f_396_4375' width='761' height='761' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_396_4375' stdDeviation='62.5'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        width: min(14.667vw, 220px)
    }
    .about-section::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='761' fill='none'%3E%3Cg filter='url(%23filter0_f_396_4376)'%3E%3Ccircle cx='-160.5' cy='380.5' r='255.5' fill='url(%23paint0_linear_396_4376)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_396_4376' x1='-416' x2='132.732' y1='125' y2='169.371' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236B76FE'/%3E%3Cstop offset='1' stop-color='%2353FFEC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_f_396_4376' width='761' height='761' x='-541' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_396_4376' stdDeviation='62.5'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        width: min(14.667vw, 220px)
    }
    .header__inner {
        -ms-grid-columns: 255px 1fr 255px;
        grid-template-columns: 255px 1fr 255px;
        grid-gap: clamp(10px, 2.6vw, 39px)
    }
    .header__inner .main-nav {
        -ms-grid-column-align: center;
        justify-self: center
    }
    .header__btns .main-btn {
        min-width: 131px
    }
}

@media (max-width: 1240px) and (min-width:1024px) {
    .header__inner {
        grid-gap: 20px;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        height: 50px
    }
    .header__inner .main-nav {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (max-width: 1024px) {
    .header__inner {
        grid-gap: clamp(15px, 1.953vw, 20px);
        -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto
    }
    .header__inner .main-nav {
        display: none
    }
}

@media (max-width: 414px) {
    .header__inner .logo {
        width: 139px
    }
}

.header__btns {
    -webkit-transition: opacity .45s cubic-bezier(.6, .6, 0, 1), -webkit-transform .45s cubic-bezier(.6, .6, 0, 1);
    transition: transform .45s cubic-bezier(.6, .6, 0, 1), opacity .45s cubic-bezier(.6, .6, 0, 1), -webkit-transform .45s cubic-bezier(.6, .6, 0, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    grid-gap: 8px
}

.header__btns .main-btn {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 14px
}

@media (max-width: 1240px) and (min-width:768px) {
    .header__btns .main-btn {
        min-width: 95px
    }
}

@media (min-width: 768px) {
    .header__btns .main-btn {
        height: 50px
    }
    .header__btn {
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .header__btns .main-btn {
        min-width: clamp(121px, 11.1966vw, 131px);
        height: clamp(48px, 4.2735vw, 50px);
        font-size: clamp(12px, 1.1966vw, 14px)
    }
    .header__btn {
        font-size: clamp(12px, 1.1966vw, 14px)
    }
}

@media (max-width: 1240px) {
    .header__btns {
        -ms-grid-column-align: end;
        justify-self: end
    }
}

@media (max-width: 576px) {
    .levels-section__list {
        overflow-x: scroll;
        width: calc(100% + clamp(16px, 1.6239vw, 19px) * 2);
        margin-left: calc(clamp(16px, 1.6239vw, 19px) * -1)
    }
    .levels-section__item {
        margin: 0 clamp(16px, 1.6239vw, 19px);
        width: 540px
    }
    .header {
        padding: 16px 0 12px
    }
    .header__btns .main-btn {
        font-size: 0;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        padding: 5px;
        min-width: initial
    }
    .header__btns .main-btn svg {
        width: 24px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .header__btns .header__btn {
        font-size: 0;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        padding: 5px
    }
    .header__btns .header__btn svg {
        width: 20px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.header__btn {
    font-family: var(--third-family);
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--gr-g);
    padding: 18px 39px;
    border-radius: 99px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.header__btn::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-h);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

@media (max-width: 1240px) and (min-width:1024px) {
    .header__btn {
        padding: 18px 25px
    }
}

.header__btn::after {
    position: absolute;
    content: "";
    inset: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--gr-z);
    border-radius: inherit;
    z-index: -2;
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.header__btn span {
    position: absolute;
    content: "";
    inset: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--gradient-d);
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.header__btn:hover::after {
    opacity: 1;
    visibility: visible
}

.header__btn:focus::after {
    opacity: 0;
    visibility: hidden
}

.header__btn:focus span {
    visibility: visible;
    opacity: 1
}

.header__btn:disabled {
    opacity: .4
}

.header__btn.login {
    grid-gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-grid-column-align: end;
    justify-self: end;
    height: 50px
}

@media (max-width: 576px) {
    .header__btn.login {
        height: 45px
    }
}

.header__user {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    padding-left: 37px;
    position: relative;
    z-index: 1
}

.header__user-image {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__user::before {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% + 35px);
    background-color: var(--br-g);
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none
}

.header__name {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 14px
}

.header .logo {
    -webkit-transition: opacity .45s cubic-bezier(.6, .6, 0, 1), -webkit-transform .45s cubic-bezier(.6, .6, 0, 1);
    transition: transform .45s cubic-bezier(.6, .6, 0, 1), opacity .45s cubic-bezier(.6, .6, 0, 1), -webkit-transform .45s cubic-bezier(.6, .6, 0, 1)
}

.header.dash {
    background-color: rgba(var(--bg-f), 1);
    overflow: hidden;
    padding: 0;
    border-bottom: 1px solid var(--br-g)
}

.header.dash .header__inner {
    padding: 19px 0 16px;
    grid-gap: clamp(20px, 3.9316vw, 46px)
}

@media (max-width: 1024px) {
    .header.dash .header__inner {
        -ms-grid-columns: 125px 1fr auto auto;
        grid-template-columns: 125px 1fr auto auto
    }
}

@media (min-width: 768px) {
    .header.dash .header__inner {
        height: 80px
    }
    .modal__left .logo {
        margin-bottom: 4px
    }
}

@media (max-width: 768px) {
    .header__user {
        -ms-grid-column-align: end;
        justify-self: end
    }
    .header__user::before {
        display: none
    }
    .header.dash .header__inner {
        -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto
    }
    .header.dash .header__inner .search {
        display: none
    }
    .header.dash .logo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    .header.dash .logo::before {
        display: none
    }
}

.header.dash .logo {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header.dash .logo::before {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% + 35px);
    background-color: var(--br-g);
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none
}

.header .main-btn.login {
    -ms-grid-column-align: end;
    justify-self: end;
    height: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    font-family: var(--second-family);
    font-weight: 700;
    padding: 15px 25px
}

@media (max-width: 576px) {
    .header .main-btn.login {
        height: 45px;
        border-radius: 999px
    }
}

.burger {
    display: none
}

@media (max-width: 1024px) {
    .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        --burger-width: 24px;
        --burger-height: 16px;
        --burger-line-height: 2px;
        --border-radius: 0;
        position: relative;
        border: none;
        padding: 0;
        width: var(--burger-width);
        height: var(--burger-height);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        cursor: pointer;
        border-radius: 50%
    }
    .burger::after,
    .burger::before {
        content: "";
        position: absolute;
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: var(--burger-line-height);
        background: rgba(var(--cl-a), 1);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transition: top .3s ease-in-out, opacity .5s, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, top .3s ease-in-out, opacity .5s, -webkit-transform .3s ease-in-out;
        border-radius: var(--border-radius)
    }
    .burger::before {
        top: 0
    }
    .burger::after {
        bottom: 0
    }
    .burger__line {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        height: var(--burger-line-height);
        background: rgba(var(--cl-a), 1);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: opacity .5s, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, opacity .5s, -webkit-transform .3s ease-in-out;
        border-radius: var(--border-radius)
    }
    .burger.active::before {
        top: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, -50%);
        -ms-transform: rotate(45deg) translate(-50%, -50%);
        transform: rotate(45deg) translate(-50%, -50%);
        -webkit-transition: top .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, top .3s ease-in-out, -webkit-transform .3s ease-in-out
    }
    .burger.active::after {
        top: 50%;
        -webkit-transform: rotate(-45deg) translate(-50%, -50%);
        -ms-transform: rotate(-45deg) translate(-50%, -50%);
        transform: rotate(-45deg) translate(-50%, -50%);
        -webkit-transition: top .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, top .3s ease-in-out, -webkit-transform .3s ease-in-out
    }
    .burger.active .burger__line {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
    }
}

@media (max-width: 414px) {
    .burger {
        -ms-grid-column-align: end;
        justify-self: end
    }
}

.footer {
    padding: clamp(30px, 2.9915vw, 35px) 0 23px;
    overflow: hidden;
    background: var(--gr-a)
}

.footer .footer-nav {
    margin-top: 5px
}

@media (max-width: 768px) and (min-width:576px) {
    .footer .footer-nav {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

@media (min-width: 1024px) {
    .footer__inner {
        padding-bottom: 37px;
        grid-gap: 15px clamp(20px, 3.4188vw, 40px);
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: .58fr 1fr auto;
        grid-template-columns: .58fr 1fr auto
    }
}

@media (max-width: 1024px) {
    .footer__inner {
        display: -ms-grid;
        display: grid;
        grid-gap: 25px 20px
    }
}

@media (max-width: 1024px) and (min-width:576px) {
    .footer__inner {
        -ms-grid-columns: 1fr .6fr;
        grid-template-columns: 1fr .6fr
    }
}

.footer__col {
    grid-gap: 23px 32px
}

@media (min-width: 1024px) {
    .footer__col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer__col--right {
    grid-gap: 13px
}

@media (max-width: 1024px) {
    .footer__col {
        display: contents
    }
    .footer__col--right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 1024px) and (min-width:768px) {
    .about-section__top p {
        margin-top: clamp(5px, .6838vw, 8px)
    }
    .footer .footer-nav {
        -ms-grid-row: 2;
        grid-row: 2
    }
    .footer__col--right {
        -ms-grid-column-align: end;
        justify-self: end
    }
}

@media (max-width: 768px) {
    .footer .footer-nav {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
    .footer__col--right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
    .footer__col--right .app-btn {
        min-width: 210px
    }
}

@media (max-width: 576px) {
    .footer__inner {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        -ms-grid-columns: 1fr .6fr;
        grid-template-columns: 1fr .6fr
    }
    .footer__col--right .app-btn {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer__title {
    margin-top: 5px;
    font-weight: 600;
    font-size: 16px
}

.footer__copyright {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    color: rgba(var(--cl-c), 1)
}

@media (max-width: 1024px) {
    .footer .logo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .footer__copyright {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 22px;
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
    .footer__copyright::before {
        position: absolute;
        content: "";
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 1px;
        width: 100vw;
        border-top: 1px solid var(--br-b)
    }
}

.footer-social {
    grid-gap: 10px
}

.footer-social .social__link {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(var(--bg-d), 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.footer-social .social__link svg {
    fill: rgba(var(--cl-a), 1)
}

.footer-social .social__link:hover svg {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    fill: rgba(var(--cl-c), 1)
}

@media (max-width: 1024px) {
    .footer-social {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.mobile {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(var(--bg-f), 1);
    z-index: 40;
    overflow: hidden;
    border-bottom-left-radius: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    max-width: 450px
}

.mobile.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 0
}

.mobile.active .mobile__menu-list,
.mobile.active .mobile__menu-top {
    opacity: 1;
    visibility: visible
}

.mobile__menu {
    padding: 25px clamp(20px, 4.167vw, 32px) clamp(32px, 4.883vw, 50px);
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile__menu .mobile__menu-list,
.mobile__menu .mobile__menu-top {
    opacity: 0
}

.mobile__menu-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile__menu-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

.mobile__menu .header__btn {
    min-width: 220px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile__menu .header__btn:hover {
    color: rgba(var(--cl-a), 1)
}

.mobile__menu .main-btn {
    height: 50px
}

.mobile__menu-list {
    margin-top: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
    padding: 30px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
    background: var(--gr-f);
    border-radius: 30px;
    position: relative
}

.mobile__menu-list::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-h);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.mobile__menu-list a {
    min-width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px;
    background-color: transparent;
    border-radius: 99px;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s;
    color: rgba(var(--cl-c), 1)
}

.mobile__menu-list a.active,
.mobile__menu-list a:hover {
    background: var(--gr-f);
    color: rgba(var(--cl-a), 1);
    position: relative
}

.mobile__menu-list a.active::before,
.mobile__menu-list a:hover::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-h);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.mobile__menu-list a.active {
    font-weight: 600
}

.modal {
    width: 90vw;
    /* position:relative; */
    -webkit-box-orient: vertical;
    /* -webkit-box-direction:normal; */
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 25px;
    border-radius: 40px;
    z-index: 1;
    max-width: 512px;
    border: solid 1px var(--br-e);
    padding: clamp(20px, 3.5472vw, 47px) clamp(25px, 4.6038vw, 61px) clamp(26px, 3.6226vw, 48px)
}

.modal:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    -webkit-backdrop-filter: blur(17.6000003815px);
    backdrop-filter: blur(17.6000003815px);
    background: var(--gradient-f);
    background-color: rgba(var(--bg-o), 1);
    z-index: -1;
    pointer-events: none
}

.modal__box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 25px;
    z-index: 2;
    position: relative;
    flex-direction: row;
}

.modal__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.modal__inner p {
    max-width: 90%
}

.modal__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 20px;
    background: rgba(var(--bg-n), 1);
    padding: clamp(18px, 1.5094vw, 20px) clamp(15px, 1.8868vw, 25px) clamp(26px, 2.717vw, 36px);
    border-radius: 20px
}

.modal__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 115px;
    grid-template-columns: 1fr 115px;
    grid-gap: 15px
}

.modal__item .modal__link {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-column-align: end;
    justify-self: end
}

.modal__value {
    text-align: end;
    font-weight: 500;
    font-size: 14px;
    width: 115px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.modal__name {
    font-weight: 500;
    font-size: 14px;
    color: rgba(var(--cl-c), 1)
}

.modal__icon {
    margin-bottom: clamp(20px, 2.2642vw, 30px)
}

.modal .main-btn {
    max-width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 143%
}

.modal .blue-btn {
    font-weight: 600;
    padding: 16px 14px 20px
}

.modal__link {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 13px;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: rgba(var(--bg-h), 1);
    -webkit-transition: .3s;
    transition: .3s
}

.modal__link:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.modal__title {
    font-family: var(--second-family);
    font-weight: 800;
    font-size: clamp(24px, 2.2642vw, 30px);
    text-align: center
}

.modal__funds {
    background: var(--gradient-b);
    position: relative;
    padding: 14px 20px;
    border-radius: 8px;
    max-width: 292px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 15px
}

.modal__funds::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gradient-c);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.modal__deskr {
    font-family: var(--font4);
    font-weight: 400;
    font-size: 14px;
    line-height: 121%;
    text-align: center;
    color: rgba(var(--cl-c), 1);
    -webkit-transition: .3s;
    transition: .3s;
    max-width: 293px;
    display: inline;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.modal__deskr b {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    font-weight: inherit
}

.modal__deskr:hover {
    color: rgba(var(--cl-l), 1)
}

.modal__tab {
    padding: clamp(25px, 2.1887vw, 29px) clamp(20px, 2.2642vw, 30px) clamp(25px, 2.1887vw, 29px) clamp(20px, 1.9623vw, 26px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 16px;
    width: 45%;
}

.modal__left {
    padding: clamp(25px, 2.1887vw, 29px) clamp(20px, 2.8679vw, 38px);
    position: relative;
    background: var(--gradient-h);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(30px, 2.566vw, 34px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 45%;
    border-radius: 20px;
}

.modal__left .logo {
    z-index: 2
}

.modal__left .logo img {
    width: 100%;
    height: clamp(25px, 3.0943vw, 41px)
}

.modal__image {
    margin-left: calc(clamp(20px, 2.8679vw, 38px) * -1);
    margin-right: calc(clamp(20px, 2.8679vw, 38px) * -1);
    margin-bottom: calc(clamp(25px, 2.1887vw, 29px) * -1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal__image img,
.modal__image picture {
    width: 100%;
    height: auto
}

.modal.login {
    border: none;
    border-radius: 31px;
    overflow: hidden;
    max-width: 924px;
    padding: 0
}

.modal.login::after {
    background: 0 0;
    background-color: rgba(var(--bg-p), 1)
}

.modal.login .modal__title {
    font-family: var(--font-family);
    font-style: italic;
    font-weight: 800;
    font-size: clamp(26px, 3.3962vw, 45px);
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 2
}

.modal.login .modal__title .blue-text {
    color: rgba(var(--cl-l), 1)
}

@media (max-width: 768px) {
    .modal__left {
        grid-gap: 10px;
        overflow: hidden;
        width: 100%;
    }
    .modal__tab {
        width: 100%;
    }
    .modal.login .modal__image {
        margin-top: 10px;
        position: relative;
        z-index: 1;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .modal.login .modal__image img,
    .modal.login .modal__image picture {
        width: min(39.063vw, 300px)
    }
    .modal__image::before {
        position: absolute;
        content: "";
        background: var(--gradient-j);
        z-index: 0;
        left: calc(clamp(20px, 2.8679vw, 38px)* -1);
        right: calc(clamp(20px, 2.8679vw, 38px)* -1);
        height: 105%;
        bottom: 0;
    }
}

.modal.login .modal__box {
    grid-gap: 0
}

.modal.sent {
    padding: clamp(15px, 3.5472vw, 47px) clamp(25px, 4.6038vw, 61px) clamp(26px, 3.6226vw, 48px)
}

.modal.blocked {
    padding: clamp(30px, 4.5283vw, 60px) clamp(25px, 3.3962vw, 45px) clamp(31px, 4.6038vw, 61px)
}

.modal.blocked .modal__box {
    grid-gap: clamp(25px, 2.6415vw, 35px)
}

.modal.blocked .modal__box p {
    max-width: 100%
}

.modal.process {
    padding: clamp(31px, 4.6038vw, 61px) clamp(25px, 3.3962vw, 45px) clamp(33px, 4.7547vw, 63px)
}

.modal.process .modal__title {
    font-size: clamp(26px, 2.6415vw, 35px)
}

.modal.process .modal__box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(35px, 4.1509vw, 55px)
}

.modal.process .modal__box p {
    max-width: 100%
}

.modal.funds {
    max-width: 548px;
    padding: clamp(27px, 4.9057vw, 65px) clamp(25px, 6.4151vw, 85px) clamp(26px, 6.2642vw, 83px);
    border: none;
    position: relative
}

.modal.funds::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gradient-g);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.modal.funds .modal__box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: clamp(30px, 3.0189vw, 40px)
}

.modal.deposit {
    max-width: 548px;
    padding: clamp(27px, 4.9057vw, 65px) clamp(25px, 6.4151vw, 85px) clamp(26px, 2.4906vw, 33px);
    border: none;
    position: relative
}

.modal.deposit::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gradient-g);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.modal.deposit .modal__title {
    margin-bottom: clamp(5px, 1.5094vw, 20px)
}

.modal.deposit .modal__box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 20px
}

.dashboard {
    padding: clamp(35px, 3.3962vw, 45px) 0 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 237px calc(100% - 237px - clamp(20px, 3.9316vw, 46px));
    grid-template-columns: 237px calc(100% - 237px - clamp(20px, 3.9316vw, 46px));
    grid-gap: clamp(20px, 3.9316vw, 46px);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 768px) {
    .modal.login .modal__box {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: .955fr 1fr;
        grid-template-columns: .955fr 1fr
    }
    .dashboard {
        min-height: calc(100vh - var(--header-height))
    }
}

@media (max-width: 1024px) {
    .dashboard {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

.dashboard__title {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 600;
    font-size: clamp(22px, 2.647vw, 36px);
    line-height: 100%;
    color: var(--color-d)
}

.dashboard__exit-buttons {
    max-width: 500px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    width: 100%
}

.dashboard__btn {
    cursor: pointer;
    position: fixed;
    z-index: 38;
    top: calc(var(--header-height) + 15px);
    -webkit-transform: translate(-25%, 50%);
    -ms-transform: translate(-25%, 50%);
    transform: translate(-25%, 50%);
    left: clamp(16px, 1.6239vw, 19px);
    -webkit-transition: .3s;
    transition: .3s;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(var(--bg-f), 1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dashboard__btn::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-r);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

@media (min-width: 1024px) {
    .dashboard__btn {
        display: none
    }
}

@media (max-width: 1024px) {
    .dashboard__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.dashboard__btn-wrapp {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--gradient-i);
    -webkit-transition: .3s;
    transition: .3s;
    max-width: 45px;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-grid-columns: 8px 8px;
    grid-template-columns: 8px 8px;
    -ms-grid-rows: 8px 8px;
    grid-template-rows: 8px 8px;
    gap: 3px
}

.dashboard__btn-wrapp span {
    -webkit-transition: .5s;
    transition: .5s;
    width: 8px;
    height: 8px;
    border: 1px solid var(--br-h);
    border-radius: 2px
}

.dashboard-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5px;
    border-radius: 12px;
    padding: 4px 5px;
    background: var(--gr-x);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.dashboard-nav::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-w);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dashboard-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dashboard-nav__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    padding: 13px 21px 12px 17px;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 12px;
    position: relative
}

.dashboard-nav__btn::before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--gr-w);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0
}

.dashboard-nav__btn.active {
    background: rgba(var(--bg-q), 1)
}

.dashboard-nav__btn.active::before {
    opacity: 1
}

@media (max-width: 576px) {
    .dashboard-nav__item {
        width: 50%
    }
    .dashboard-nav,
    .dashboard-nav__btn {
        width: 100%
    }
}

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