@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;
    }
}