/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap);

@-webkit-keyframes up-down {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    to {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes up-down {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    to {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes up-down-decor {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    to {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

@keyframes up-down-decor {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    to {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes popUpFade {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

@keyframes popUpFade {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-padding-top: 100px;
    scroll-behavior: smooth;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-family: var(--ff);
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    min-height: 100vh;
    min-height: -webkit-fill-available
}

body, sub, sup {
    position: relative
}

a, body {
    font-weight: inherit;
    font-family: inherit;
    margin: 0
}

body {
    padding: 0;
    color: var(--clr-light-400);
    background-color: var(--bg-body);
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    min-height: -webkit-fill-available;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    scroll-behavior: smooth;
    overflow-x: hidden;
    scroll-padding-top: 2rem;
    scrollbar-width: none
}

details, main {
    display: block
}

h1 {
    font-size: 2em
}

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

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

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

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

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: bottom
}

button, input, optgroup, select, textarea {
    font-size: 100%;
    font-family: inherit
}

input, optgroup, select, textarea {
    margin: 0;
    line-height: 1.15
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

legend {
    display: table;
    max-width: 100%;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

summary {
    display: list-item
}

[hidden], template {
    display: none
}

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

:root {
    --swiper-theme-color: #007aff
}

.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-slide, .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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 > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-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
}

.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
}

.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;
    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(transparent));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

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

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

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

.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
}

:root {
    --ff: "Inter", sans-serif;
    --bg-body: hsla(237, 64%, 6%, 1);
    --clr-dark-400: hsla(235, 29%, 15%, 1);
    --clr-light-400: #fff;
    --clr-yellow-400: hsla(50, 100%, 62%, 1);
    --bg-footer: hsla(240, 42%, 12%, 1);
    --bg-active-block: linear-gradient(90deg, #4463F4 0%, #415CDE 50.52%, #3A58EA 100%);
    --bg-news-block: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, 0.15) 136.58%)
}

.main-container {
    padding: 0 1.25rem;
    max-width: calc(75rem + 2.5rem);
    margin-inline: auto;
    width: 100%
}

@media only screen and (max-width: 75em) {
    .main-container {
        max-width: 56.25rem
    }
}

@media only screen and (max-width: 48em) {
    .main-container {
        max-width: 34.375rem
    }
}

.btn, .btn_light:hover {
    color: var(--clr-dark-400)
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 1.25rem 2.5rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
    background-color: var(--clr-yellow-400);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    text-transform: capitalize
}

.btn_light {
    padding: .9375rem 1.25rem;
    background-color: transparent;
    border: 1px solid hsl(0deg, 0%, 100%);
    color: #fff
}

.btn_light:hover {
    background-color: #f2f2f2 !important
}

.btn--disabled {
    background-color: hsl(0deg, 0%, 82%);
    cursor: not-allowed
}

.btn--disabled:hover {
    background-color: hsl(0deg, 0%, 82%) !important
}

.btn:hover {
    background-color: hsl(49deg, 100%, 81%)
}

@media only screen and (max-width: 75em) {
    .btn {
        padding: .625rem 1.5625rem;
        font-size: 15px;
        border-radius: 5px
    }
}

.section-spacing {
    margin-bottom: 9.375rem
}

@media only screen and (max-width: 75em) {
    .section-spacing {
        margin-bottom: 5.625rem
    }
}

@media only screen and (max-width: 48em) {
    .section-spacing {
        margin-bottom: 3.75rem
    }
}

body::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(237deg, 64%, 6%, .85);
    z-index: 2000;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    visibility: hidden
}

main {
    position: relative
}

.wrapper {
    padding: 2.5rem 1.25rem 0
}

.body-locked {
    overflow: hidden
}

.body-locked::before {
    opacity: 1;
    visibility: visible
}

.options-wrapper {
    padding: 3.375rem 1.9375rem;
    background-color: hsl(234deg, 40%, 10%);
    border-radius: 0 0 10px 10px;
    margin-bottom: 2.5rem
}

@media only screen and (max-width: 75em) {
    .options-wrapper {
        padding: 1.875rem .9375rem
    }
}

.is-logined .header__line, .is-logined .header__register, .is-logined .header__secure, .is-logined .menu__secure {
    display: none
}

.is-logined .header__options {
    grid-gap: 1.875rem
}

.is-logined .header__currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.is-logined .header__login, label {
    display: block
}

.is-logined .menu__register {
    display: none
}

@media only screen and (max-width: 48em) {
    .is-logined .menu__dropdown {
        display: block
    }
}

[data-aos^=fade-up][data-aos^=fade-up] {
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0)
}

svg {
    fill: transparent
}

p {
    letter-spacing: .02em;
    line-height: 150%;
    color: hsl(0deg, 0%, 77%)
}

@media only screen and (max-width: 48em) {
    p {
        font-size: .9375rem
    }
}

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

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

button, input {
    outline: 0;
    border: 0
}

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

button {
    background-color: transparent;
    cursor: pointer;
    line-height: initial
}

li, ul {
    list-style: none
}

button, h1, h2, h3, h4, h5, h6, li, p, ul {
    margin: 0;
    padding: 0
}

picture {
    vertical-align: bottom
}

input {
    width: 100%
}

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

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

.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%)
}

.dropdown .simplebar-scrollbar:before, .header-dropdown .simplebar-scrollbar:before {
    background: #fff !important;
    width: 1px;
    top: 1rem !important;
    right: 1rem !important;
    bottom: 1rem !important
}

.dropdown .simplebar-scrollbar.simplebar-visible:before, .header-dropdown .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1 !important
}

[data-simplebar] {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.main-title {
    font-size: clamp(35px, 3.375vw, 54px);
    font-weight: 700;
    text-align: center;
    color: var(--clr-light-400);
    text-transform: capitalize;
    line-height: 140%
}

.label, .main-title_large {
    font-size: clamp(36px, 4.375vw, 70px);
    text-align: center
}

.label {
    font-size: clamp(15px, 1vw, 16px);
    color: var(--clr-yellow-400);
    letter-spacing: .5em;
    font-weight: 700;
    margin-bottom: .625rem;
    text-transform: uppercase;
    line-height: 1.5;
}

@media only screen and (max-width: 48em) {
    .label {
        margin-bottom: .3125rem;
        font-size: .9375rem
    }
}

.header {
    padding: 1.875rem 0
}

.header__logo {
    max-width: 7.5rem;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.header__logo:hover {
    -webkit-transform: scale(.975);
    transform: scale(.975);
    -webkit-filter: brightness(105%);
    filter: brightness(105%)
}

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

.header__currency-icon {
    max-width: 1.5rem
}

.header__currency-arrow {
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

.header__currency-name {
    /*text-transform: uppercase;*/
    margin-left: .9375rem;
    color: hsla(0deg, 0%, 100%, .7)
}

.header__currency-amount {
    margin-left: .625rem
}

.header__currency-arrow {
    margin-left: .3125rem;
    height: .8125rem;
    display: grid;
    place-items: center
}

.header__register {
    padding: .9375rem 2.65625rem
}

.header__login {
    max-width: 2.625rem;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.header__login:hover {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.header__actions {
    grid-gap: 3.125rem
}

.header__actions, .header__body, .header__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__body {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__options {
    grid-gap: 1.625rem
}

.header__line {
    display: block;
    height: 1.59375rem;
    width: 1px;
    background-color: hsla(203deg, 4%, 64%, .2)
}

.header__burger {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 6.5px
}

.header__burger span {
    display: block;
    width: 2.296875rem;
    height: 3.75px;
    border-radius: 10px;
    background-color: var(--clr-light-400)
}

.header__secure, .nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .625rem
}

.header__secure:hover span, .nav__link:hover {
    color: var(--clr-yellow-400)
}

.nav__list {
    grid-gap: 1.25rem
}

.header__secure span, .nav__link {
    font-weight: 600;
    font-size: .875rem;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

@media only screen and (max-width: 75em) {
    .nav {
        display: none
    }

    .header__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: .625rem
    }

    .header__login {
        display: none;
    }

    .menu__inner .header__login {
        max-width: 2rem;
        margin-top: 15px;
        display: block;
    }
}

@media only screen and (max-width: 48em) {

    .header {
        padding: 1.25rem 0 0
    }

    .header__logo {
        max-width: 6.125rem
    }

    .header__line, .header__register, .header__secure {
        display: none
    }

    .header__currency {
        display: none !important
    }
}

@media only screen and (max-width: 75em) {
    .main-page .header .header__line, .main-page .header .header__register, .main-page .header__secure {
        display: none
    }

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

.header, .header__currency-wrapper {
    position: relative;
    z-index: 1000
}

.header__currency-wrapper {
    cursor: pointer
}

.header-dropdown {
    background-color: hsl(237deg, 18%, 19%);
    border-radius: 15px;
    width: 36.1875rem;
    position: absolute !important;
    z-index: 1000;
    right: 0;
    margin-top: .9375rem;
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    overflow-y: scroll;
    max-height: 25.625rem;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    scrollbar-width: none !important
}

.header-dropdown__coin, .header-dropdown__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-dropdown__item {
    padding: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer
}

.header-dropdown__item:hover {
    background-color: hsl(237deg, 30%, 16%)
}

.header-dropdown__coin {
    grid-gap: .9375rem;
    min-width: 180px;
}

.header-dropdown__coin span {
    font-size: .8125rem
}

.header-dropdown__coin img {
    width: 1.5rem;
    height: 1.5rem
}

.header-dropdown__deposit {
    background-color: var(--clr-yellow-400);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    color: #000;
}

.header-dropdown__deposit:hover {
    background-color: hsl(49deg, 100%, 81%)
}

.header-dropdown__withdraw {
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    color: #fff;
    border: .6px solid hsl(0deg, 0%, 100%)
}

.header-dropdown__withdraw:hover {
    background-color: #f2f2f2;
    color: var(--clr-dark-400)
}

.header-dropdown__actions a {
    border-radius: 10px;
    padding: .5rem .9375rem;
    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;
    font-size: .9375rem;
    font-weight: 500
}

.header-dropdown-collapse {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    pointer-events: all
}

@media only screen and (max-width: 48em) {
    .header-dropdown {
        display: none;
        width: 25rem
    }

    .header-dropdown__item {
        padding: .625rem
    }

    .header-dropdown__coin {
        grid-gap: .3125rem
    }

    .header-dropdown__actions button, .header-dropdown__amount {
        font-size: .8125rem
    }
}

.header-dropdown-active .header__currency-arrow {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.home {
    padding: 0;
    position: relative
}

.home__offer-image {
    will-change: transform;
    animation: up-down 1.5s ease-in-out infinite alternate-reverse both;
    max-width: 25rem;
    margin-left: auto
}

.home__decor {
    position: absolute
}

.home__decor_play-btn {
    left: 42%;
    top: 5px
}

.home__decor_rhombus {
    bottom: -50px;
    left: 51%;
    animation: up-down-decor 1.5s ease-in-out infinite alternate-reverse both
}

.home__body {
    display: grid;
    grid-template-columns:.475fr .43fr;
    grid-gap: 2.1875rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7.5rem;
    position: relative
}

.home__body::after, .home__body::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat
}

.home__body::before {
    left: -120px;
    top: -70px;
    background-image: url(../img/home/rectangle-image.png);
    width: 25.9375rem;
    height: 25.9375rem;
    -webkit-transform: rotate(125deg);
    transform: rotate(125deg)
}

.home__body::after {
    left: 18.75rem;
    top: 9.375rem;
    width: 11.875rem;
    height: 11.875rem;
    background-image: url(../img/home/small-rectangle.png);
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
}

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

.home__offer {
    margin-right: 4.375rem;
    position: relative
}

.home__offer::after, .home__offer::before {
    position: absolute;
    content: "";
    background-size: 100% 100%
}

.home__offer::before {
    left: -50px;
    width: 9.625rem;
    top: 100px;
    height: 12.75rem;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-image: url(../img/home/home-line-pseudo-1.png)
}

.home__offer::after {
    width: 4.5625rem;
    height: 12.5rem;
    background-image: url(../img/home/home-line-pseudo-2.png);
    right: -76.5px;
    top: 90px;
    z-index: -1
}

.home__offer > * {
    font-style: italic
}

.home__bonus-btn {
    padding: .625rem 3.75rem !important;
    -webkit-transform: skew(-11deg);
    transform: skew(-11deg);
    font-size: 1.5em;
    display: block;
}

.home__block {
    min-height: 27.1875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.home__block, .home__bonus, .home__timer, .home__timer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home__timer {
    position: absolute;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    bottom: -35px;
    right: 40px;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    width: 19.625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .9375rem;
    padding: .875rem 1.25rem .875rem .625rem
}

.home__bonus, .home__timer-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.home__timer-item {
    -webkit-transform: skew(11deg);
    transform: skew(11deg);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: .625rem
}

.home__timer-item span {
    font-size: 1.375rem;
    font-weight: 600
}

.home__bonus {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    left: -65px;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    position: absolute;
    padding: 1.125rem 1rem .96875rem .875rem;
    z-index: 20;
    grid-gap: .625rem;
    bottom: 3.75rem
}

.home__bonus-inner {
    -webkit-transform: skew(12deg);
    transform: skew(12deg)
}

.home__colon {
    font-weight: 900
}

.home__bonus-heading {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: .6875rem
}

.home__bonus-heading span {
    font-weight: 700;
    font-size: 1.7rem
}

.home__endpoint {
    position: absolute;
    bottom: 0;
    right: 110px;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    padding: .3125rem .91875rem;
    max-width: 9.4375rem;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -ms-flex-item-align: center;
    align-self: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 10;
    margin-bottom: 2.5rem
}

.home__endpoint span {
    -webkit-transform: skew(12deg);
    transform: skew(12deg);
    display: block;
    font-weight: 600
}

.home__title {
    font-size: clamp(40px, 4.375vw, 70px);
    text-transform: capitalize;
    margin-bottom: 1.875rem
}

.home__descr {
    max-width: 30.625rem;
    margin-bottom: 3.125rem
}

.home__descr p {
    color: hsl(0deg, 0%, 77%)
}

.home__actions, .home__course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 1.25rem
}

.home__course {
    grid-gap: .625rem
}

.offer-block {
    border: 1px solid rgba(255, 255, 255, .3);
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    border-radius: 7px
}

.progress__row, .progress__row-item {
    grid-gap: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.progress__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.progress__row-item {
    padding: 1.5625rem 1.875rem;
    -webkit-box-shadow: 0 12px 40px 0 hsla(0deg, 0%, 0%, .05);
    box-shadow: 0 12px 40px 0 hsla(0deg, 0%, 0%, .05);
    background-color: hsl(235deg, 29%, 15%);
    width: calc(25% - 15px);
    border-radius: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.progress__icon {
    display: grid;
    place-items: center;
    padding: .9375rem;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-box-shadow: 0 2.7734699249px 33.9750061035px 0 hsla(234deg, 100%, 14%, .12);
    box-shadow: 0 2.7734699249px 33.9750061035px 0 hsla(234deg, 100%, 14%, .12);
    border-radius: 7px
}

.progress__row-amount {
    font-size: 1.6rem;
    margin-bottom: .625rem;
    font-weight: 700
}

.progress__row-name p {
    font-size: 1rem;
    color: hsl(234deg, 5%, 60%)
}

@media only screen and (max-width: 75em) {
    .home__decor, .home__offer::after {
        display: none
    }

    .home__body {
        margin-bottom: 9.375rem
    }

    .home__block {
        min-height: auto
    }

    .home__container {
        position: relative
    }

    .home__title {
        margin-bottom: 1.0625rem
    }

    .home__descr {
        margin-bottom: 2.5rem
    }

    .home__offer {
        max-width: 20.625rem;
        right: 0;
        margin-right: 0;
        position: absolute
    }

    .home__offer::before {
        left: -90px
    }

    .home__bonus {
        bottom: 25px;
        left: -2.5rem
    }

    .home__endpoint {
        right: 3.4375rem;
        bottom: -.9375rem
    }

    .home__timer {
        grid-gap: 0;
        width: 13.3125rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .54375rem 1.0625rem
    }

    .home__colon {
        font-size: .625rem
    }

    .home__timer-item span {
        font-size: 1.0625rem
    }

    .home__bonus-heading {
        text-align: center;
        margin-bottom: .375rem;
        font-size: .4375rem
    }

    .home__bonus-heading span {
        font-size: .75rem
    }

    .home__bonus-btn {
        padding: .414375rem 2.23125rem !important
    }

    .home__bonus {
        padding: .58125rem .9375rem .581875rem 1.0625rem
    }

    .home__timer-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .progress__row-item {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width: 48em) {
    .home {
        padding: 3.3125rem 0 0;
        overflow: hidden
    }

    .home__body {
        grid-template-columns:100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 1.875rem;
        margin-bottom: 5.5rem
    }

    .home__body::after, .home__body::before {
        display: none
    }

    .home__bonus {
        max-width: 9.375rem
    }

    .home__timer {
        right: 20px
    }

    .home__offer {
        max-width: 18.125rem;
        position: relative;
        margin: 0 auto
    }

    .home__offer::before {
        top: 80px;
        left: -55px;
        width: 6.25rem;
        height: 8.1875rem
    }

    .home__endpoint {
        right: 2.625rem
    }

    .home__bonus {
        padding: .85625rem .71875rem .581875rem 1rem
    }

    .home__descr {
        margin-bottom: .5625rem
    }

    .home__course {
        grid-gap: .5rem
    }

    .home__course-text {
        font-size: .9375rem
    }

    .home__bonus-btn {
        font-size: .6875rem;
        padding: .4125rem 1.875rem !important
    }

    .progress__row-item {
        width: 100%
    }

    .progress__row-amount {
        font-size: 1.5625rem
    }

    .progress__icon {
        padding: .6875rem
    }

    .progress__row-name {
        font-size: .9375rem
    }
}

@media only screen and (max-width: 25em) {
    .home__offer {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        margin: 0 0 0 auto
    }
}

.about__heading {
    margin-bottom: 3.125rem
}

.about__container {
    position: relative
}

.about__decor {
    position: absolute;
    bottom: -100px;
    right: -100px
}

.about__row, .about__row-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 3.125rem 1.25rem
}

.about__row-item {
    width: calc(50% - 10px);
    grid-gap: 1.25rem
}

.about__row-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.about__row-info {
    display: grid;
    grid-gap: .625rem
}

.about__row-heading {
    font-weight: 700;
    font-size: 1.25rem
}

@media only screen and (max-width: 75em) {
    .about__heading {
        margin-bottom: 2.1875rem
    }

    .about__row-heading {
        font-size: 1.125rem
    }

    .about__row-descr {
        font-size: .9375rem
    }

    .about__decor {
        display: none
    }
}

@media only screen and (max-width: 48em) {
    .about__row {
        grid-gap: 1.25rem
    }

    .about__row-item {
        width: 100%
    }
}

.plans {
    position: relative
}

.plans__heading {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    margin-bottom: 3.125rem
}

.plans__body {
    position: relative;
    overflow: hidden
}

.plans__decor {
    position: absolute
}

.plans__decor_star {
    bottom: 0;
    right: -48.5px
}

.plans__decor_circle {
    right: 30px;
    bottom: 8.125rem
}

.plans__decor_play-btn {
    left: 0;
    top: 8%
}

.plans__table {
    padding: 2.5rem 0 0;
    max-width: 62.25rem;
    margin-inline: auto;
    background-color: hsl(234deg, 40%, 10%);
    border-radius: 16px;
    margin-bottom: 3.125rem
}

.plans__column {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1.5625rem
}

.plans__column-heading, .plans__column-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plans__column-heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.875rem
}

.plans__column-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    grid-gap: .3125rem;
    flex-direction: column;
    width: 150px;
}

.plans .plans__column-bottom, .plans__column-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;
    max-width: 90%;
}

.plans__column-top {
    /*max-width: 13.6875rem*/
    /*max-width: 90%;*/
}

.plans__column-bottom {
    max-width: 15.8125rem
}

.plans__column-inner {
    display: grid;
    grid-gap: 1.5625rem
}

.plans__column-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 1.875rem 2.21875rem .9375rem;
    border-radius: 10px;
    background: hsl(234deg, 40%, 10%)
}

.plans__column-block_active {
    background: var(--bg-active-block)
}

.plans__coin, .plans__column-block_active .plans__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plans__coin {
    grid-gap: .5rem
}

.plans__price {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.plans__price::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
    -webkit-transform: translate(-58%, -50%);
    transform: translate(-58%, -50%);
    background-image: url(../img/plans/hashrate-overlay.png);
    width: 7.8125rem;
    height: 2.9375rem
}

.plans__price-inner {
    text-align: center;
    position: relative;
    z-index: 5
}

.plans__price-inner > * {
    text-transform: uppercase
}

.plans__column-icon img {
    width: 2.625rem
}

.plans__column-item-descr {
    color: hsl(0deg, 0%, 77%);
    font-size: .75rem
}

.plans__column-item-output {
    font-size: .9375rem;
    font-weight: 500
}

.plans__column-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: 2px
}

.plans__column-name {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 700
}

.plans__column-coin {
    font-size: .9375rem;
    font-weight: 400;
    letter-spacing: .01em
}

.plans__table-heading {
    max-width: 47.5rem;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 3.75rem;
    padding: 0 4.6875rem 0 0;
    margin-bottom: 1.125rem
}

.plans__table-heading-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    color: hsl(0deg, 0%, 77%)
}

.plans__table-row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5rem;
    margin-left: 6.75rem
}

.plans__table-row-flex .plans__table-row-item {
    margin: 0 !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important
}

.plans__table-icon img {
    width: 2.5rem
}

.plans__table-row, .plans__table-row_selected::before {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.plans__table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 6.375rem 1.875rem 4.625rem
}

.plans__table-row_selected {
    color: hsl(0deg, 0%, 95%);
    padding: 0 2.125rem 0 0
}

.plans__table-row_selected::before {
    position: absolute;
    content: "";
    background: var(--bg-active-block);
    width: 65rem;
    height: 5rem;
    border-radius: 16px;
    right: 2rem
}

.plans__table-row_selected .plans__table-row-item {
    color: #fff
}

.plans__table-row_selected .plans__table-row-item:not(:first-child) {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 4.375rem !important;
    flex: 0 0 4.375rem !important
}

.plans__table-row:not(:last-child) {
    padding-bottom: 1.25rem;
    border-bottom: 1px dashed hsla(234deg, 15%, 25%, .37)
}

.plans__table-row:first-child {
    border-bottom: none
}

.plans__table-row-item {
    color: hsl(0deg, 0%, 77%);
    position: relative
}

.plans__table-row-item:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.125rem;
    flex: 0 0 8.125rem
}

.plans__table-row-item:nth-child(2) {
    margin-left: 72.5px
}

.plans__table-row-item:nth-child(3) {
    margin-left: 141.5px
}

.plans__table-row-item:nth-child(4) {
    margin-left: 150px
}

.plans__table-row-item:nth-child(5) {
    margin-left: 135.5px
}

.plans__table-row-item_free {
    text-align: center;
    position: relative;
    z-index: 5;
    white-space: nowrap
}

.plans__table-row-item_free::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-55%, -50%);
    transform: translate(-55%, -50%);
    width: 11.9375rem;
    height: 4.375rem;
    background-image: url(../img/plans/hashrate-overlay.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.plans__table-row-item_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 1rem
}

.bonus__block:hover > .bonus__block-info p, .footer-links__item a:hover, .plans__table-row-item_flex > * {
    color: #fff
}

.plans__table-free-text {
    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;
    z-index: 10;
    text-transform: uppercase;
    font-size: 1.4375rem;
    font-weight: 600
}

.plans__table-free-text span {
    font-size: .9375rem
}

.plans__table-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.plans__table-column {
    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: 1.25rem;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    padding: 0 0 1.875rem
}

.plans__table-row-name {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .25rem
}

.plans__table-row-coin {
    color: hsl(0deg, 0%, 77%);
    letter-spacing: .02em
}

.plans__marquee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.plans__marquee, .plans__marquee-item, .plans__marquee-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plans__marquee-list {
    grid-gap: 2.71875rem
}

.plans__marquee-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plans__marquee-item img {
    display: block;
    max-width: 1.5625rem
}

.plans__marquee-item span {
    display: block
}

.plans__marquee-name {
    margin-left: .9375rem;
    color: hsla(0deg, 0%, 100%, .7);
    text-transform: uppercase
}

.plans__marquee-amount {
    margin-left: .625rem
}

.js-marquee-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 75em) {
    .plans__decor {
        display: none
    }

    .plans__heading {
        margin-bottom: 2.1875rem
    }

    .plans__marquee-amount, .plans__marquee-name {
        font-size: .9375rem
    }

    .plans__table-column {
        grid-gap: .9375rem;
        padding: 0
    }

    .plans__table {
        max-width: 38.9375rem;
        padding: 1.5625rem 0 0
    }

    .plans__table-heading {
        padding: 0 1.875rem 0 0;
        max-width: 29.375rem;
        grid-gap: 0
    }

    .plans__table-heading-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .75rem
    }

    .plans__table-heading-item:nth-child(2) {
        margin-left: 2.375rem
    }

    .plans__table-heading-item:nth-child(3) {
        margin-left: 2.3125rem
    }

    .plans__table-heading-item:nth-child(4) {
        margin-left: 1.5625rem
    }

    .plans__table-heading-item:not(:last-child) {
        max-width: 4.875rem
    }

    .plans__table-heading-item:last-child {
        max-width: 6.75rem
    }

    .plans__table-row {
        padding: 0 3.5625rem 1.875rem 2.625rem
    }

    .plans__table-icon {
        max-width: 1.5625rem
    }

    .plans__table-row-item_flex {
        grid-gap: .4375rem;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 5.5rem !important;
        flex: 0 0 5.5rem !important
    }

    .plans__table-row_selected {
        padding: 0 1.3125rem 1.875rem 0
    }

    .plans__table-row_selected::before {
        width: 40.625rem;
        height: 3.125rem;
        right: 1.125rem;
        border-radius: 10px
    }

    .plans__table-free-text {
        font-size: .875rem
    }

    .plans__table-free-text span {
        font-size: .75rem
    }

    .plans__table-row-flex {
        grid-gap: 3.125rem;
        margin-left: 2.1875rem
    }

    .plans__table-row-flex .plans__table-row-item {
        text-align: center
    }

    .plans__table-row-flex .plans__table-row-item:nth-child(1) {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 2.875rem !important;
        flex: 0 0 2.875rem !important
    }

    .plans__table-row-flex .plans__table-row-item:nth-child(2) {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 2.6875rem !important;
        flex: 0 0 2.6875rem !important
    }

    .plans__table-row-flex .plans__table-row-item:nth-child(3), .plans__table-row-flex .plans__table-row-item:nth-child(4) {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 3.3125rem !important;
        flex: 0 0 3.3125rem !important
    }

    .plans__table-row-item_free::before {
        width: 7.5rem;
        height: 2.6875rem;
        -webkit-transform: translate(-60%, -50%);
        transform: translate(-60%, -50%)
    }

    .plans__table-row-name {
        font-size: .9375rem;
        margin-bottom: 0
    }

    .plans__table-row-coin, .plans__table-row-item {
        font-size: .75rem
    }

    .plans__table-row-item:nth-child(2) {
        margin-left: 2.375rem
    }

    .plans__table-row-item:nth-child(3) {
        margin-left: 5.25rem
    }

    .plans__table-row-item:nth-child(4) {
        margin-left: 5.625rem
    }

    .plans__table-row-item:nth-child(5) {
        margin-left: 5rem
    }
}

@media only screen and (max-width: 48em) {
    .plans__heading {
        margin-bottom: 1.875rem
    }

    .plans__table_desktop {
        display: none
    }

    .plans__column {
        margin-bottom: 1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.str_move_clone {
    margin-left: 0
}

.str_wrap {
    overflow: hidden;
    width: 100%;
    line-height: 16px;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move
}

.str_move_clone {
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 2.71875rem
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%
}

.str_down .str_move, .str_vertical .str_move {
    white-space: normal;
    width: 100%
}

.noStop .str_move, .no_drag .str_move, .str_static .str_move {
    cursor: inherit
}

.marquee3k__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 3.125rem
}

.plans__marquee-list {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.bonus p {
    letter-spacing: .005em
}

.bonus__body {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-template-columns:.6fr .7fr;
    grid-gap: 6.25rem;
    margin-bottom: 1.5625rem
}

.bonus .bonus__title, .bonus__label {
    text-align: left
}

.bonus__content {
    overflow: hidden
}

.bonus__heading {
    margin-bottom: 1.25rem;
    line-height: 100%
}

.bonus__info {
    margin-bottom: 1.875rem;
    max-width: 31.25rem
}

.bonus__info p {
    color: hsl(0deg, 0%, 77%)
}

.bonus__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .9375rem;
    border: 1px solid transparent;
    background-clip: padding-box;
    padding: .875rem 1.0625rem;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    border-radius: 7px;
    max-width: 25.8125rem;
    position: relative;
    z-index: 10;
    overflow: hidden;
    cursor: pointer
}

.bonus__block_gift .bonus__block-heading {
    font-weight: 400;
    font-size: .75rem;
    margin-bottom: .3125rem
}

.bonus__block_gift .bonus__block-info p {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 100%
}

.bonus__block_extra {
    display: none
}

.bonus__block_medium {
    max-width: 20.4375rem;
    min-width: 20.4375rem
}

.bonus__block:hover, .referral__block-wrapper:hover .referral__graph-block {
    background: var(--bg-active-block)
}

.bonus__block:hover::after {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0)
}

.bonus__block::after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(1.25rem);
    transform: translateY(-50%) translateX(1.25rem);
    right: 12px;
    background-image: url(../img/bonus/block-overlay.png);
    width: 6.625rem;
    height: 8.75rem;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    z-index: -1
}

.bonus__block_translated {
    position: relative;
    left: 5rem
}

.bonus__block_large-translated {
    margin-left: 10.625rem
}

.bonus__row, .bonus__wrapper_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bonus__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 1.0625rem 1.5625rem
}

.bonus__wrapper_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1.5625rem
}

.bonus__block-icon {
    padding: .8125rem .90625rem;
    background-color: hsla(0deg, 0%, 100%, .1);
    border-radius: 7px;
    display: grid;
    place-items: center
}

.bonus__block-icon img, .bonus__block-icon svg {
    max-width: 2rem
}

.bonus__block-heading {
    font-weight: 700;
    margin-bottom: .5rem
}

.bonus__block-info p {
    color: hsl(234deg, 5%, 60%);
    font-size: .75rem
}

@media only screen and (max-width: 75em) {
    .bonus {
        overflow: hidden;
        position: relative
    }

    .bonus__body {
        grid-gap: 2.5rem
    }

    .bonus__content {
        padding-top: 1.25rem
    }

    .bonus__row-bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .bonus__block {
        grid-gap: .5rem;
        padding: .5rem .875rem
    }

    .bonus__block_gift .bonus__block-heading {
        font-size: .4375rem;
        margin-bottom: 2.5px
    }

    .bonus__block_gift .bonus__block-info p {
        font-size: 1.125rem
    }

    .bonus__block_row-bottom-item {
        max-width: 15rem;
        min-width: 15rem
    }

    .bonus__block_extra {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 14.875rem;
        max-width: 14.875rem
    }

    .bonus__block--extra-first {
        position: relative;
        left: 12px
    }

    .bonus__block--extra-second {
        position: relative;
        left: 3.75rem
    }

    .bonus__block_hidden {
        display: none
    }

    .bonus__block::after {
        width: 3.6875rem;
        height: 4.875rem;
        background-size: 100% 100%
    }

    .bonus__wrapper_column {
        grid-gap: .9375rem
    }

    .bonus__wrapper_column > :nth-child(1) {
        max-width: 15.1875rem;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    .bonus__wrapper_column > :nth-child(2) {
        max-width: 20.3125rem
    }

    .bonus__wrapper_column > :nth-child(3) {
        max-width: 14.375rem;
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }

    .bonus__block-heading {
        font-size: .9375rem;
        margin-bottom: 0
    }

    .bonus__block-info p {
        font-size: .625rem
    }

    .bonus__block-icon {
        border-radius: 4px;
        padding: .375rem
    }

    .bonus__block-icon img, .bonus__block-icon svg {
        max-width: .9375rem
    }
}

@media only screen and (max-width: 48em) {
    .bonus__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        grid-gap: 1.0625rem;
        margin-bottom: 1.0625rem
    }

    .bonus__heading {
        margin-bottom: .6875rem
    }

    .bonus__block {
        width: 100%;
        max-width: 100% !important;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .bonus__block_medium {
        margin-left: 0
    }

    .bonus__info {
        margin-bottom: 1rem
    }

    .bonus__info p {
        font-size: .9375rem
    }

    .bonus__content {
        padding-top: 0;
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important
    }
}

.referral__title {
    margin-bottom: 1.25rem
}

.referral__body {
    position: relative
}

.referral__subheading {
    color: hsl(0deg, 0%, 77%);
    font-size: 1rem;
    text-align: center;
    max-width: 45rem;
    -ms-flex-item-align: center;
    align-self: center
}

.referral__heading, .referral__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.referral__heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3.75rem
}

.referral__inner {
    grid-gap: 1.3125rem;
    min-height: 15.1875rem;
    position: relative
}

.referral__decor {
    position: absolute;
    z-index: 10
}

.referral__decor_first {
    right: 25%;
    top: 10%
}

.referral__decor_second {
    bottom: -6.875rem;
    left: -3.75rem
}

.referral__decor_star {
    left: 13.75rem;
    top: -5px
}

.referral__block-wrapper, .referral__graph-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.referral__block-wrapper {
    width: calc(33.3333333333% - 10px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    grid-gap: .9375rem
}

.referral__graph-block {
    cursor: pointer;
    background: hsl(235deg, 29%, 15%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    border-radius: 5px;
    padding: 0 10px;
}

.referral__graph-block_first {
    min-height: 13rem
}

.referral__graph-block_second {
    min-height: 8rem
}

.referral__graph-block_second p, .referral__graph-block_third p {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.referral__graph-block_third {
    min-height: 5.1875rem;
    position: relative
}

.referral__graph-block_third::after {
    position: absolute;
    content: "";
    top: -20px;
    height: 9.125rem;
    width: 5.875rem;
    /*background-image: url(../img/home/line)*/
}

.referral__graph-level {
    font-weight: 500
}

.referral__graph-amount {
    border: .7px solid hsla(0deg, 0%, 100%, .2);
    min-width: 6.625rem;
    font-size: 1.75rem;
    top: -52.5px;
    font-weight: 500;
    position: absolute;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    padding: .625rem 1.5625rem;
    -webkit-box-shadow: 0 2.7734699249px 33.9750061035px 0 hsla(234deg, 100%, 14%, .12);
    box-shadow: 0 2.7734699249px 33.9750061035px 0 hsla(234deg, 100%, 14%, .12);
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 7px
}

.referral__graph-level {
    text-align: center
}

@media only screen and (max-width: 75em) {
    .referral__decor {
        display: none
    }

    .referral__graph-amount {
        font-size: 1.25rem;
        top: -22px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        min-width: 4.25rem
    }
}

@media only screen and (max-width: 48em) {
    .referral [data-aos^=scalingAnimation][data-aos^=scalingAnimation] {
        min-height: 13rem;
        opacity: 0
    }

    .referral [data-aos^=scalingAnimation][data-aos^=scalingAnimation].aos-animate, .referral [data-aos^=secondScalingAnimation][data-aos^=secondScalingAnimation].aos-animate, .referral [data-aos^=thirdScalingAnimation][data-aos^=thirdScalingAnimation].aos-animate {
        opacity: 1
    }

    .referral [data-aos^=secondScalingAnimation][data-aos^=secondScalingAnimation] {
        min-height: 8rem;
        opacity: 0
    }

    .referral [data-aos^=thirdScalingAnimation][data-aos^=thirdScalingAnimation] {
        min-height: 5.1875rem;
        opacity: 0
    }

    .referral__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 3.75rem;
        min-height: auto
    }

    .referral__block-wrapper {
        width: 100%
    }
}

[data-aos^=scalingAnimation][data-aos^=scalingAnimation] {
    min-height: 0;
    opacity: 0
}

[data-aos^=scalingAnimation][data-aos^=scalingAnimation].aos-animate {
    min-height: 13rem;
    opacity: 1
}

[data-aos^=secondScalingAnimation][data-aos^=secondScalingAnimation].aos-animate {
    min-height: 8rem;
    opacity: 1
}

[data-aos^=secondScalingAnimation][data-aos^=secondScalingAnimation], [data-aos^=thirdScalingAnimation][data-aos^=thirdScalingAnimation] {
    min-height: 0;
    opacity: 0
}

[data-aos^=thirdScalingAnimation][data-aos^=thirdScalingAnimation].aos-animate {
    min-height: 5.1875rem;
    opacity: 1
}

.profit {
    position: relative
}

.profit__body {
    background: var(--bg-news-block);
    -webkit-filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, .2)
}

.profit__decor {
    position: absolute
}

.profit__decor_circle {
    bottom: 25%;
    right: 0
}

.profit__decor_play-btn {
    top: 3.75rem;
    left: 30px;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg)
}

.profit__inner {
    padding: 4.0625rem 3.75rem;
    display: grid;
    grid-template-columns:.86fr .8fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 3.75rem
}

.profit__column {
    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: 2.8125rem
}

.profit__join {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.profit__info-heading {
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 130%
}

.profit__info-block {
    display: grid;
    grid-gap: 1.25rem
}

.profit__info-descr p {
    color: hsl(0deg, 0%, 77%);
    line-height: 150%
}

.profit__info-descr p:not(:last-child) {
    margin-bottom: .9375rem;
    letter-spacing: .015em
}

@media only screen and (max-width: 75em) {
    .profit {
        overflow: hidden
    }

    .profit__decor {
        display: none
    }

    .profit__inner {
        padding: 2.0625rem
    }

    .profit__body {
        position: relative
    }

    .profit__inner {
        grid-template-columns:100%
    }

    .profit__column {
        max-width: 25.3125rem
    }

    .profit__info-heading {
        font-size: 1.5625rem
    }

    .profit__info-block {
        grid-gap: .6875rem
    }

    .profit__column {
        grid-gap: 1.5625rem
    }

    .profit__image {
        max-width: 28.125rem;
        right: -225px;
        top: 1.5rem;
        position: absolute
    }

    .profit__info-descr p {
        font-size: .9375rem
    }

    .profit__info-descr p:not(:last-child) {
        margin-bottom: 8.35px
    }
}

@media only screen and (max-width: 48em) {
    .profit__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: 2.5rem;
        padding: 1.25rem
    }

    .profit__column {
        max-width: 100%
    }

    .profit__image {
        position: initial
    }
}

.news__heading {
    margin-bottom: 3.125rem
}

.news__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.25rem
}

.news__row-block {
    width: calc(33.3333333333% - 20px);
    -webkit-box-shadow: 0 4px 49px 0 hsla(234deg, 100%, 14%, .12);
    box-shadow: 0 4px 49px 0 hsla(234deg, 100%, 14%, .12)
}

.news__row-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.news__row-image {
    border-radius: 15px 15px 0 0;
    overflow: hidden
}

.news__row-image img, .news__row-image picture {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 100%;
    max-height: 245px;
    object-fit: cover;
}

.news__row-image:hover img, .news__row-image:hover picture {
    -webkit-transform: scale(1.025);
    transform: scale(1.025)
}

.news__row-info {
    border-bottom: 1.5px solid rgba(255, 255, 255, .3);
    border-left: 1.5px solid rgba(255, 255, 255, .3);
    border-right: 1.5px solid rgba(255, 255, 255, .3);
    border-radius: 0 0 15px 15px;
    padding: 1.25rem 2rem;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.news__row-heading {
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 120%;
    margin-bottom: 1.5625rem
}

.news__row-date {
    color: hsla(0deg, 0%, 100%, .7);
    font-size: .75rem;
    font-weight: 500
}

@media only screen and (max-width: 75em) {
    .news__heading {
        margin-bottom: 1.6875rem
    }

    .news__row-info {
        padding: .6875rem 1.0625rem
    }

    .news__row-heading {
        font-size: 1rem;
        margin-bottom: .6875rem
    }
}

@media only screen and (max-width: 48em) {
    .news__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .news__row-block {
        width: calc(50% - 10px)
    }

    .news__row-date {
        font-size: .625rem
    }
}

@media only screen and (max-width: 34.375em) {
    .news__row {
        max-width: 20.9375rem;
        margin-inline: auto
    }

    .news__row-image {
        max-height: 8.9375rem
    }

    .news__row-image img, .news__row-image picture {
        -o-object-position: 0 -65px;
        object-position: 0 -65px
    }

    .news__row-block {
        width: 100%
    }
}

.footer {
    background-color: var(--bg-footer);
    padding: clamp(20px, 3.125vw, 50px) 0
}

.footer__body {
    display: grid;
    grid-gap: 1.25rem
}

.footer__logo {
    margin-bottom: 1.25rem
}

.footer__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__flex_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__top {
    padding-bottom: 3.125rem;
    border-bottom: 1px solid hsla(203deg, 4%, 64%, .3);
    grid-gap: 1.25rem
}

.footer__inner-descr p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.9375
}

.footer__col, .footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__row {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-gap: 1.8125rem;
    max-width: 36.875rem
}

.footer__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1.25rem;
    width: 100%
}

.footer__col-heading {
    font-weight: 500;
    font-size: 1.25rem
}

.footer__info {
    max-width: 24.1875rem
}

.footer-links__item a, .footer__copy p, .footer__inner-descr p {
    color: hsl(203deg, 4%, 64%)
}

.footer-links {
    display: grid;
    grid-gap: .9375rem
}

.footer-links__item a {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 1rem;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 1.25rem
}

.socials__item {
    -webkit-transition: all 400ms cubic-bezier(.175, .885, .32, 1.275);
    transition: all 400ms cubic-bezier(.175, .885, .32, 1.275)
}

.socials__item:hover {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

@media only screen and (max-width: 75em) {
    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__col-heading {
        font-size: 1.125rem
    }

    .footer-links__item a {
        font-size: .9375rem
    }
}

@media only screen and (max-width: 48em) {
    .footer__inner-descr p {
        font-size: .9375rem;
        line-height: 156%
    }

    .footer__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 2.5rem
    }

    .footer__copy p {
        font-size: .9375rem
    }

    .footer__col {
        width: calc(50% - 40px)
    }

    .socials {
        grid-gap: 1rem
    }

    .socials__item a {
        max-width: 2.5rem
    }
}

@media only screen and (max-width: 21.875em) {
    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 1.25rem
    }
}

.menu {
    position: fixed;
    width: 100%;
    max-width: 15.5rem;
    min-width: 15.625rem;
    height: 100%;
    right: 0;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    filter: drop-shadow(0 2.77347px 33.975px rgba(0, 7, 72, .12));
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 20px 0 0 20px;
    border-left: .69px solid rgba(255, 255, 255, .2);
    z-index: 2000;
    -webkit-transition: all 400ms ease 400ms;
    transition: all 400ms ease 400ms;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.menu__close {
    margin-left: auto;
    margin-left: 5.625rem;
    position: relative;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    -webkit-transform: translateX(5rem);
    transform: translateX(5rem);
    margin-bottom: 1.875rem
}

.menu__dropdown {
    display: block;
}

.menu__inner {
    position: relative;
    padding: 1.875rem 1.25rem 1.25rem 1.5625rem
}

.menu__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: .9375rem
}

.menu__nav {
    margin-bottom: 1.375rem
}

.menu__nav-link {
    font-size: .9375rem;
    font-weight: 400
}

.menu__nav-link_selected, .menu__secure .header__secure span {
    color: var(--clr-yellow-400)
}

.menu__secure {
    margin-bottom: 1.0625rem
}

.menu__secure .header__secure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menu__register {
    padding: .9375rem 2.78125rem
}

.menu__dropdown .header__currency {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: .3125rem
}

.menu__dropdown .header__currency img, .menu__dropdown .header__currency svg {
    width: 1.125rem;
    height: 1.125rem
}

.menu__dropdown .header__currency > * {
    font-size: 13px;
    margin: 0
}

.menu__dropdown .header__currency-arrow img {
    width: .875rem;
    height: .875rem
}

.menu__dropdown button {
    padding: .3125rem
}

.menu__dropdown ul {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    display: none;
    max-height: 11.875rem;
    width: 31.25rem
}

.menu__dropdown ul li {
    width: 100%;
    padding: .3125rem .625rem
}

.show-menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    pointer-events: all
}

.show-menu .header-dropdown {
    display: grid
}

@media only screen and (max-width: 48em) {
    .header-dropdown {
        border-radius: 5px
    }
}

@media only screen and (max-width: 37.5em) {
    .menu__dropdown ul {
        width: 12.5rem;
        grid-gap: .375rem
    }

    .menu__dropdown li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: .9375rem;
        padding: .9375rem 10px .625rem !important
    }

    .menu__dropdown button {
        padding: .625rem
    }
}

@media only screen and (min-width: 48em) {
    .menu__register, .menu__secure {
        display: none
    }
}

.invite {
    padding-top: 5rem;
    margin-bottom: 12.5rem
}

.invite__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 1.875rem;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset
}

.invite__body::before {
    top: -110px;
    left: -70px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 32.5rem;
    height: 32.5rem;
    background-size: 100% 100%;
    z-index: -1
}

.invite__body::after {
    display: none
}

.invite__content {
    padding-top: 4.0625rem;
    max-width: 34.375rem
}

.invite__block-image {
    max-width: 26.25rem
}

.invite__block {
    padding-right: 4.0625rem;
    margin-right: 0;
    position: relative
}

.invite__block::after {
    right: 0;
    top: 4.375rem
}

.invite__block::before {
    top: 90px;
    left: -80px;
    z-index: -1;
    background-repeat: no-repeat
}

.invite__bonus {
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(34.6847px 31.433px 53.1109px rgba(0, 7, 72, .08));
    filter: drop-shadow(34.6847px 31.433px 53.1109px rgba(0, 7, 72, .08));
    min-width: 21.25rem;
    overflow: hidden;
    border-radius: 11px;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    padding: 1.375rem 1.6875rem .9375rem .9375rem;
    border: 1px solid hsla(0deg, 0%, 100%, .3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    left: 100px;
    bottom: -55px
}

.invite__bonus-btn span, .invite__bonus-inner {
    -webkit-transform: skew(12deg);
    transform: skew(12deg)
}

.invite__bonus-inner {
    text-align: center
}

.invite__bonus-btn {
    padding: 1rem;
    width: 100%;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg)
}

.invite__bonus-btn span {
    font-weight: 600;
    font-size: 1.5625rem;
    font-style: italic
}

.invite__bonus-heading {
    text-align: right;
    font-size: 1.6875rem;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 1.0625rem
}

.invite__title {
    font-size: clamp(36px, 4.375vw, 70px);
    margin-bottom: 1.875rem
}

.invite__descr {
    max-width: 30.4375rem;
    margin-bottom: 3.125rem
}

.guide__descr p, .invite__descr p {
    color: hsl(0deg, 0%, 77%)
}

@media only screen and (max-width: 75em) {
    .invite__block {
        padding-right: 0
    }

    .invite__content {
        max-width: 25rem
    }

    .invite__body {
        grid-gap: 2.5rem
    }

    .invite__bonus {
        padding: .75rem;
        min-width: 11.25rem;
        bottom: -20px;
        right: 2rem
    }

    .invite__bonus-inner {
        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
    }

    .invite__bonus-heading {
        margin-bottom: .4375rem;
        font-size: .75rem
    }

    .invite__bonus-btn {
        padding: .5rem
    }

    .invite__bonus-btn span {
        font-size: .875rem
    }
}

@media only screen and (max-width: 48em) {
    .invite {
        margin-bottom: 3.75rem;
        padding-top: 3.4375rem
    }

    .invite__content {
        padding-top: 0
    }

    .invite__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .invite__bonus {
        -webkit-transform: translateX(-25%) skew(-12deg);
        transform: translateX(-25%) skew(-12deg)
    }

    .invite__block {
        max-width: 18.75rem;
        margin-inline: auto
    }

    .invite__block::before {
        top: 70px;
        left: -50px
    }

    .invite__title {
        margin-bottom: .625rem
    }

    .invite__descr {
        margin-bottom: .875rem
    }
}

.guide__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10rem
}

.guide__title {
    margin-bottom: 1.25rem
}

.guide .guide__label, .guide__title {
    text-align: left
}

.guide__content {
    padding-top: 1.875rem;
    max-width: 31.25rem
}

.guide__descr {
    margin-bottom: 1.875rem
}

.guide__column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 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: 1.25rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.guide__column-block {
    width: 100%;
    padding: 1.25rem;
    max-width: 33.75rem
}

.guide__column-block:nth-child(1) {
    min-width: 36.875rem;
    -webkit-transform: translateX(-35px);
    transform: translateX(-35px)
}

.guide__column-block:nth-child(2) {
    margin-left: auto
}

.guide__column-block:nth-child(3) {
    min-width: 36.875rem;
    -webkit-transform: translateX(-115px);
    transform: translateX(-115px)
}

.guide__block-heading {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: .5rem
}

.guide__block-info p {
    font-size: 1rem
}

@media only screen and (max-width: 75em) {
    .guide__body {
        grid-gap: 4.375rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .guide__column-block {
        padding: .625rem;
        min-width: 26.25rem !important
    }

    .guide__column-block:nth-child(3) {
        -webkit-transform: translateX(-25px);
        transform: translateX(-25px)
    }

    .guide__block-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 1.6875rem;
        height: 1.6875rem
    }

    .guide__block-heading {
        font-size: .8125rem;
        margin-bottom: .125rem
    }

    .guide__block-info p {
        font-size: .75rem
    }
}

@media only screen and (max-width: 48em) {
    .guide__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 1rem
    }

    .guide__column {
        width: 100%;
        grid-gap: .6875rem
    }

    .guide__title {
        margin-bottom: .6875rem
    }

    .guide__descr {
        margin-bottom: 1rem
    }

    .guide__column-block {
        max-width: 100%;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        padding: .5625rem;
        min-width: 100% !important
    }

    .guide__block-info p {
        font-size: .625rem
    }
}

.pricing-page .plans {
    padding-top: clamp(50px, 4.375vw, 70px)
}

.pricing-page .plans__title {
    font-size: clamp(36px, 4.375vw, 70px)
}

.pricing-page .plans__decor {
    display: none
}

.faq_section .faq__body {
    position: relative
}

.faq_section .faq__body::before {
    position: absolute;
    content: "";
    width: 1.25rem;
    left: -30px;
    top: 5px;
    height: 1.25rem;
    background-image: url(../img/home/play-btn-icon.png);
    background-size: 100% 100%
}

@media only screen and (max-width: 48em) {
    .faq_section .faq__body::before {
        display: none
    }
}

.faq_single {
    padding-top: 3.125rem
}

.faq__wrapper {
    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: 3.75rem
}

.faq__title {
    margin-bottom: 3.125rem
}

.faq__main-title {
    margin-bottom: 2.1875rem;
    text-align: left
}

.faq__heading {
    margin-bottom: clamp(30px, 3.125vw, 50px)
}

.faq__inner {
    background-color: hsl(234deg, 40%, 10%);
    padding: 2.5rem;
    border-radius: 10px
}

.faq-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: 1.875rem
}

.faq-list__item {
    padding-bottom: 1.875rem;
    border-bottom: 1px solid hsla(0deg, 0%, 100%, .1);
    cursor: pointer;
    position: relative
}

.faq-list__item::after {
    content: url(../img/faq/faq-arrow.svg);
    position: absolute;
    right: 0;
    top: 14px;
    -webkit-transition: 400ms;
    transition: 400ms
}

.faq-list__visible {
    font-weight: 500;
    font-size: 1.5rem
}

.faq-list__hidden {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: 500ms ease;
    transition: 500ms ease;
    max-width: 57rem;
    display: grid;
    grid-gap: 2.1875rem
}

.faq-list__hidden p {
    line-height: 150%;
    color: hsla(0deg, 0%, 77%, .7)
}

.collapse::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.collapse .faq-list__hidden {
    padding-top: 1.25rem;
    max-height: 15rem
}

@media only screen and (max-width: 48em) {
    .faq__title {
        margin-bottom: 1.25rem
    }

    .faq__main-title {
        text-align: center
    }

    .faq__inner {
        padding: 1.25rem
    }

    .faq-list {
        grid-gap: 1.25rem
    }

    .faq-list__item {
        padding-right: 1.875rem;
        padding-bottom: .9375rem
    }

    .faq-list__item::after {
        top: 0
    }

    .faq-list__visible {
        font-size: 1.25rem
    }

    .collapse .faq-list__hidden {
        max-height: 37.5rem
    }
}

.steps {
    padding-top: 3.125rem;
    position: relative
}

.steps::after, .steps::before {
    position: absolute;
    content: "";
    background-size: 100% 100%
}

.steps::before {
    width: 18.5rem;
    height: 18.5rem;
    background-image: url(../img/steps/large-circle.svg);
    right: -100px;
    top: 93.75rem
}

.steps::after {
    width: 1.9375rem;
    height: 1.9375rem;
    background-image: url(../img/referral/star-icon.png);
    bottom: 18.8125rem;
    left: 4.375rem
}

.steps__heading {
    margin-bottom: 5.625rem
}

.steps__title {
    margin-bottom: .9375rem
}

.steps__body {
    max-width: 52.5rem;
    margin-inline: auto
}

.steps__subheading {
    margin-inline: auto;
    max-width: 32.4375rem;
    text-align: center
}

.steps__block, .steps__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.steps__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 6.25rem
}

.steps__block {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 5.9375rem
}

.steps__block-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 1.4375rem;
    border-radius: 15px;
    background-color: hsl(237deg, 23%, 16%)
}

.steps__block-icon img {
    display: block;
    width: 3.8125rem;
    height: 3.8125rem
}

.steps__block-order {
    color: var(--clr-yellow-400);
    letter-spacing: .5em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .625rem
}

.steps__block-prompt {
    font-weight: 700;
    font-size: 2.1875rem;
    margin-bottom: 1.25rem
}

.steps__descr {
    margin-bottom: 1.875rem
}

@media only screen and (max-width: 75em) {
    .steps::after, .steps::before {
        display: none
    }

    .steps__block {
        grid-gap: 2.5rem
    }

    .steps__block-icon {
        padding: 1rem
    }

    .steps__block-icon img {
        width: 2.5rem;
        height: 2.5rem
    }
}

@media only screen and (max-width: 48em) {
    .steps__subheading {
        max-width: 21.875rem
    }

    .steps__heading {
        margin-bottom: 3.75rem
    }

    .steps__inner {
        grid-gap: 3.75rem
    }

    .steps__block {
        grid-gap: .625rem
    }

    .steps__block-icon {
        border-radius: 8px;
        padding: .625rem
    }

    .steps__block-icon img {
        width: 1.5625rem;
        height: 1.5625rem
    }

    .steps__block-prompt {
        font-size: 1.25rem;
        margin-bottom: .75rem
    }

    .steps__descr {
        margin-bottom: 1.25rem
    }

    .steps__block-order {
        font-size: .75rem;
        margin-bottom: .3125rem
    }
}

.auth {
    padding-top: 3.125rem
}

.auth__wrapper {
    display: grid;
    grid-template-columns:.82fr .4fr;
    grid-gap: 1.3125rem
}

.auth__wrapper > * {
    background-color: hsl(234deg, 40%, 10%);
    border-radius: 16px
}

.auth__inner {
    padding: 6.25rem
}

.auth__subheading {
    max-width: 25.25rem;
    margin: 0 auto
}

.auth__error {
    max-width: 35.625rem;
    display: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: .625rem;
    margin-bottom: 1.875rem
}

.auth__error p {
    color: hsl(358deg, 87%, 59%);
    text-align: center
}

.auth__error p span {
    font-weight: 600
}

.auth__error-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.auth__heading {
    margin-bottom: 2.325rem;
    text-align: center
}

.auth__title {
    margin-bottom: 1.25rem
}

.auth__column {
    margin-bottom: 2.1875rem;
    display: grid;
    grid-gap: 1.25rem
}

.auth__options {
    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;
    text-align: center;
    grid-gap: 1.25rem
}

.auth__submit {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.auth__column-heading {
    color: hsl(0deg, 0%, 85%)
}

.auth__column-block {
    display: grid;
    grid-gap: .9375rem
}

.auth__column-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .625rem;
    padding: .9375rem 1.25rem;
    border-radius: 5px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border: 1px solid hsl(237deg, 16%, 21%)
}

.auth__column-field:hover, .contact__message-field textarea:hover {
    border: 1px solid #6a5c27
}

.auth__column-field input {
    background-color: transparent;
    font-size: 1rem;
    font-weight: 300;
    color: #fff
}

.auth__column-field input::-webkit-input-placeholder {
    font-weight: inherit
}

.auth__column-field input::-moz-placeholder {
    font-weight: inherit
}

.auth__column-field input:-ms-input-placeholder {
    font-weight: inherit
}

.auth__column-field input::-ms-input-placeholder {
    font-weight: inherit
}

.auth__column-field input::placeholder {
    font-weight: inherit
}

.auth__column-field input::-webkit-input-placeholder [type^=password] {
    -webkit-text-security: square
}

.auth__column-field input::-moz-placeholder [type^=password] {
    -webkit-text-security: square
}

.auth__column-field input:-ms-input-placeholder [type^=password] {
    -webkit-text-security: square
}

.auth__column-field input::-ms-input-placeholder [type^=password] {
    -webkit-text-security: square
}

.auth__column-field input::placeholder [type^=password] {
    -webkit-text-security: square
}

.auth__alter-link a {
    font-weight: 600;
    color: var(--clr-yellow-400)
}

.auth__alter-link a:hover, .auth__forgot:hover {
    text-decoration: underline
}

.auth__bonus {
    padding-top: 11.3125rem;
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative
}

.auth__bonus::before {
    position: absolute;
    content: "";
    left: 30%;
    bottom: -100px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../img/register/authorization-overlay.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 40.625rem;
    height: 41.25rem;
    background-position: center;
    z-index: 1
}

.auth__bonus-text {
    font-size: 5.4375rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-style: italic;
    margin-bottom: .625rem;
    position: relative;
    z-index: 5
}

.auth__bonus-text span {
    font-style: normal;
    font-size: 1.5625rem;
    font-weight: 400
}

.auth__bonus-text p {
    position: relative;
    color: #fff;
    z-index: 50
}

.auth__bonus-text p::before {
    position: absolute;
    content: "";
    background-color: hsl(226deg, 68%, 68%);
    width: 13.25rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 3.125rem;
    -webkit-filter: blur(26.5px);
    filter: blur(26.5px);
    z-index: -1
}

.auth__bottom-text {
    font-size: 1.25rem;
    position: relative;
    z-index: 10
}

@media only screen and (max-width: 75em) {
    .auth__wrapper {
        grid-template-columns:100%
    }

    .auth__inner {
        padding: 4.375rem 1.875rem
    }

    .auth__submit {
        max-width: 36.875rem;
        padding: 1.25rem;
        border-radius: 10px;
        -ms-flex-item-align: center;
        align-self: center
    }

    .auth__bonus {
        padding-top: 6.25rem;
        min-height: 28.125rem
    }

    .auth__bonus::before {
        width: 100%;
        height: 100%;
        background-image: url(../img/register/tablet-authorization-overlay.png);
        background-size: 100% 100%;
        -webkit-transform: translate(0);
        transform: translate(0);
        left: 0
    }

    .auth__bonus-text p {
        font-size: 6rem;
        line-height: 120%
    }
}

@media only screen and (max-width: 48em) {
    .auth__inner {
        padding: 3.125rem 1.25rem
    }

    .auth__title {
        font-size: 1.65rem !important
    }

    .auth__bonus {
        padding-top: 4.375rem;
        min-height: 22.5rem
    }

    .auth__bonus::before {
        background-size: contain
    }

    .auth__bonus-text {
        margin-bottom: 1.25rem
    }

    .auth__bonus-text p {
        font-size: 4.75rem
    }
}

.register__title {
    font-size: 3.375rem
}

.contact {
    padding-top: 3.125rem
}

.contact__row {
    display: grid;
    grid-template-columns:1fr .49fr;
    grid-gap: 1.25rem
}

.contact__row > * {
    background-color: hsl(234deg, 40%, 10%);
    border-radius: 16px
}

.contact__heading {
    margin-bottom: 3.125rem
}

.contact__title {
    margin-bottom: .9375rem
}

.contact__subheading {
    max-width: 30.3125rem;
    margin: 0 auto;
    text-align: center
}

.contact__input-block {
    padding: 6.25rem;
    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: 1.25rem
}

.contact__flex-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.contact__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.25rem
}

.contact__flex-heading {
    font-size: 1rem;
    color: hsl(0deg, 0%, 85%);
    margin-bottom: .9375rem
}

.contact__flex-input input {
    padding: .9375rem;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid hsl(237deg, 16%, 21%);
    color: #fff;
    font-weight: 300;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.contact__flex-input input:focus {
    border: 1px solid #6a5c27
}

.contact__flex-input input::-webkit-input-placeholder {
    font-weight: inherit
}

.contact__flex-input input::-moz-placeholder {
    font-weight: inherit
}

.contact__flex-input input:-ms-input-placeholder {
    font-weight: inherit
}

.contact__flex-input input::-ms-input-placeholder {
    font-weight: inherit
}

.contact__flex-input input::placeholder {
    font-weight: inherit
}

.contact__message-field textarea {
    padding: 1.25rem;
    width: 100%;
    min-height: 8.125rem;
    background-color: transparent;
    border: 1px solid hsl(237deg, 16%, 21%);
    border-radius: 5px;
    outline: 0;
    color: #fff;
    resize: none;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.contact__input-block {
    min-height: 36.25rem
}

.contact__block {
    padding: 6.25rem 2.5rem 0;
    position: relative
}

.contact__block::after, .contact__block::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat
}

.contact__block::before {
    background-image: url(../img/contact/yellow-rhombus.svg);
    width: 3.625rem;
    height: 5.8125rem;
    left: 0;
    bottom: 20px;
    background-size: 100% 100%
}

.contact__block::after {
    top: 0;
    width: 8.125rem;
    height: 8.125rem;
    background-image: url(../img/contact/small-triangle.png);
    right: 30px;
    background-size: contain
}

.contact__send {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1.25rem 1.75rem
}

.contact__block-column {
    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: .625rem
}

.contact__links {
    display: grid;
    grid-gap: 2rem
}

.contact__block-top {
    color: hsl(0deg, 0%, 85%)
}

.contact__block-link {
    color: var(--clr-yellow-400)
}

.contact__help-image {
    position: relative;
    z-index: 10
}

.contact__help-block {
    position: absolute;
    max-width: 17.5rem;
    min-width: 17.5rem;
    right: -45px;
    bottom: 0
}

.contact__help-block::before {
    position: absolute;
    content: "";
    width: 8.75rem;
    height: 10.4375rem;
    background-image: url(../img/home/home-line-pseudo-1.png);
    background-size: 100% 100%;
    bottom: 80px;
    z-index: 5;
    left: -75px
}

.contact__help {
    bottom: -35px;
    position: absolute;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08));
    filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08));
    -webkit-backdrop-filter: blur(15.1501px);
    backdrop-filter: blur(15.1501px);
    max-width: 13.1875rem;
    padding: .8125rem;
    border-radius: 7px;
    left: 5rem;
    min-width: 13.1875rem;
    border: 1px solid hsla(0deg, 0%, 100%, .2);
    z-index: 20
}

.contact__help-heading {
    text-align: center;
    margin-bottom: .6875rem
}

.contact__help-btn {
    padding: .5625rem 1.25rem;
    border-radius: 6px;
    width: 100%
}

.contact__help-btn span {
    font-size: .9375rem;
    -webkit-transform: skew(12deg);
    transform: skew(12deg);
    font-style: italic
}

@media only screen and (max-width: 75em) {
    .contact__input-block {
        padding: 1.875rem 3.125rem
    }

    .contact__block {
        padding: 1.875rem
    }

    .contact__flex {
        grid-gap: .625rem
    }

    .contact__help-image {
        max-width: 14.0625rem
    }

    .contact__help {
        left: 1.875rem;
        padding: 10px
    }

    .contact__help-block {
        bottom: 20px;
        right: -100px
    }

    .contact__help-heading {
        font-size: .875rem
    }

    .contact__help-btn span {
        font-size: .75rem
    }
}

@media only screen and (max-width: 48em) {
    .contact__row {
        grid-template-columns:100%
    }

    .contact__input-block {
        padding: 1.25rem;
        min-height: auto
    }

    .contact__send {
        padding: .625rem 1.25rem
    }

    .contact__flex-heading {
        font-size: .875rem
    }

    .contact__flex-input input, .contact__message-field textarea {
        padding: .625rem
    }

    .contact__block {
        padding: 1.25rem
    }

    .contact__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 1.25rem
    }

    .contact__block::after, .contact__block::before, .contact__help-block {
        display: none
    }

    .contact__subheading {
        max-width: 21.875rem
    }
}

.decor > *, .wallet__row-item::before {
    position: absolute;
    z-index: -1
}

.decor__triangle {
    top: 6.875rem;
    left: -6.875rem;
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg)
}

.decor__circle {
    top: 12.5rem;
    right: 10.75rem
}

.decor__rhombus {
    right: 0;
    top: 32.1875rem
}

.decor__play-btn {
    top: 62.5rem;
    left: 2rem;
    -webkit-transform: rotate(184deg);
    transform: rotate(184deg)
}

@media only screen and (max-width: 48em) {
    .decor {
        display: none
    }
}

.large-decor .decor__triangle img {
    width: 33.75rem;
    height: 33.75rem
}

.wallet__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.25rem 1.125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wallet__row-item {
    border-radius: 10px;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08));
    filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08));
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: relative;
    width: calc(25% - 14px)
}

.wallet__row-item a {
    padding: 1.96875rem 1.0625rem;
}

.wallet__row-item::before {
    content: "";
    outline: 1px solid hsl(230deg, 89%, 61%);
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    border-radius: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.wallet__row-item:hover::before {
    opacity: 1
}

.wallet__row-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .9375rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: start;
}

.wallet__dep {
    padding: .625rem 1.25rem;
    font-size: .75rem;
    grid-gap: .625rem
}

.wallet__actions, .wallet__withdraw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wallet__withdraw {
    padding: .625rem 1.1875rem;
    border: 1px solid hsl(0deg, 0%, 95%);
    border-radius: 10px;
    font-size: .75rem;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    min-height: 2.3125rem;
    -webkit-transition: 300ms ease;
    transition: 300ms ease
}

.wallet__withdraw:hover {
    background: #f2f2f2;
    color: var(--clr-dark-400)
}

.wallet__actions {
    grid-gap: .5625rem
}

.wallet__bonus-heading {
    font-size: 1.6875rem;
    font-weight: 600;
    margin-bottom: 1.25rem
}

.wallet__bonus-wrapper {
    position: relative;
    max-width: 11.375rem;
    padding: .625rem .75rem;
    border-radius: 5px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(16.1523px 14.638px 24.7332px rgba(0, 7, 72, .08));
    filter: drop-shadow(16.1523px 14.638px 24.7332px rgba(0, 7, 72, .08));
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    outline: 1px solid hsla(0deg, 0%, 100%, .15);
    z-index: 10
}

.wallet__bonus-wrapper::before {
    position: absolute;
    content: "";
    width: 5.4375rem;
    height: 7.1875rem;
    background-image: url(../img/home/home-line-pseudo-1.png);
    background-size: 100% 100%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: -1;
    top: -70px
}

.wallet__bonus-wrapper::after {
    position: absolute;
    content: "";
    width: .9375rem;
    height: .9375rem;
    background-image: url(../img/home/play-btn-icon.png);
    right: -25px;
    bottom: 5px;
    -webkit-transform: skew(12deg) rotate(70deg);
    transform: skew(12deg) rotate(70deg);
    background-size: 100% 100%
}

.wallet__bonus-gift {
    position: absolute;
    -webkit-transform: skew(0deg) translateY(-50%);
    transform: skew(0deg) translateY(-50%);
    max-width: 3.875rem;
    left: -40px;
    top: 50%;
    z-index: -1
}

.wallet__bonus-gift_small {
    top: -10px;
    right: 0;
    left: unset;
    max-width: 2.0625rem;
    z-index: -1
}

.wallet__bonus-deposit {
    font-size: .8rem;
    padding: .5rem;
    width: 100%;
    border-radius: 5px
}

.wallet__bonus-deposit span {
    -webkit-transform: skew(12deg);
    transform: skew(12deg);
    font-style: italic
}

.wallet__bonus-block {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: auto
}

.wallet__state {
    display: grid;
    grid-gap: .3125rem
}

.wallet__state_decrease {
    color: hsl(358deg, 87%, 59%)
}

.wallet__state_increase {
    color: hsl(148deg, 81%, 41%)
}

.wallet__state-icon {
    display: grid;
    place-items: center
}

.wallet__currency {
    grid-gap: .625rem
}

.wallet__currency > * {
    font-size: .9375rem
}

.wallet__currency-info {
    margin-left: .5rem
}

.wallet__currency-amount {
    font-size: .9375rem;
    margin-left: .34375rem
}

.wallet__currency-icon {
    display: grid;
    place-items: center
}

.wallet__currency-name {
    font-size: .9375rem;
    color: hsla(0deg, 0%, 100%, .7)
}

.wallet__bonus-block-heading {
    margin-bottom: 7.72px;
    font-size: .6875rem;
    -webkit-transform: skew(12deg);
    transform: skew(12deg);
    font-style: italic
}

.wallet__bonus-block-heading span {
    font-size: .90625rem;
    font-weight: 700;
    text-transform: uppercase
}

.wallet__bonus-content {
    max-width: 15.625rem
}

.wallet__row-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.wallet__row-icon img {
    width: 3.125rem;
    height: 3.125rem
}

.wallet__row-info {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .25rem
}

.wallet__row-amount {
    letter-spacing: .02em;
    font-size: 1rem;
    font-weight: 400
}

.wallet__column-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.0625rem;
    margin-bottom: 1.5625rem
}

.wallet__column-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 10px;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    border: 1px solid hsla(0deg, 0%, 100%, .1)
}

.wallet__column-item_flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.96875rem 1.5625rem
}

.wallet__column-item_flex--align-start {
    max-width: 35.125rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 2.75rem 2.1875rem 2.0625rem 1.875rem
}

.wallet__col_amount, .wallet__col_currency-column {
    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: 1.25rem
}

.wallet__col_currency-column {
    grid-gap: .5rem
}

.wallet__currency-icon {
    max-width: .83125rem
}

.wallet__info-heading {
    color: hsl(249deg, 6%, 57%);
    font-size: .6875rem;
    margin-bottom: .1875rem
}

.wallet__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: .625rem
}

.wallet__output {
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: uppercase
}

.wallet__currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wallet .wallet__state, .wallet__currency, .wallet__currency-output {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wallet .wallet__state, .wallet__currency-info, .wallet__currency-output {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 75em) {
    .wallet__row-item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .wallet__row-item a {
        padding: 1rem .59375rem;
    }

    .wallet__column-item_flex--align-start {
        max-width: 100%
    }

    .wallet__row-icon {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .wallet__row-icon img, .wallet__row-icon svg {
        width: 1.75rem;
        height: 1.75rem;
        vertical-align: bottom
    }

    .wallet__bonus-content {
        max-width: 21.875rem;
        width: 100%
    }

    .wallet__row-name {
        font-size: .9375rem
    }

    .wallet__row-amount {
        font-size: .6875rem
    }

    .wallet__column-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 48em) {
    .wallet__row-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(50% - 5px)
    }

    .wallet__row {
        grid-gap: .6875rem .5rem
    }

    .wallet__column-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wallet__column-item_flex {
        grid-gap: 2.8125rem;
        padding: 1.25rem .6875rem
    }

    .wallet__column-item_flex--align-start {
        padding: 2.0625rem 1.625rem 1.5rem .6875rem;
        grid-gap: 2.8125rem
    }

    .wallet__bonus-heading {
        font-size: 1.875rem
    }

    .wallet__bonus-wrapper {
        padding: .6875rem .625rem .6875rem .4375rem
    }

    .wallet__bonus-block {
        margin-left: auto;
        margin-right: 1.25rem
    }

    .wallet__col {
        width: 100%
    }
}

@media only screen and (max-width: 23.75em) {
    .wallet__row-item {
        width: 100%
    }
}

.selected-block::before {
    opacity: 1
}

.hashrate__grid, .hashrate__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hashrate__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1.5625rem
}

.hashrate__grid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 1.5625rem .875rem;
    position: relative;
    z-index: 50
}

.hashrate__grid-item-block::before, .hashrate__popup {
    width: 100%;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.hashrate__popup {
    padding: .75rem;
    position: fixed;
    bottom: -40px;
    z-index: 99999;
    pointer-events: auto;
    visibility: visible
}

.hashrate__icon {
    max-width: 1.5rem
}

.hashrate .hashrate__error-icon, .hashrate__success-icon {
    margin-left: auto
}

.hashrate__warning-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hashrate__popup-container {
    padding: 0
}

.hashrate__close {
    cursor: pointer;
    margin-left: auto
}

.hashrate__error, .hashrate__success {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    background-color: hsl(358deg, 87%, 59%)
}

.hashrate__success {
    background-color: hsl(148deg, 81%, 41%)
}

.hashrate .hashrate__success-text, .hashrate__error-text, .hashrate__grid-balance span {
    color: #fff
}

.hashrate__error-icon {
    margin-left: auto
}

.hashrate__grid-item {
    background-color: hsl(235deg, 29%, 15%);
    width: calc(50% - 14px);
    border-radius: 10px
}

.hashrate__grid-item_outputs {
    padding: 2.5rem 1.25rem 1.25rem;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08));
    filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08))
}

.hashrate__grid-item_dropdown {
    position: relative;
    z-index: 100
}

.hashrate__grid-item_no-spacing {
    background-color: transparent
}

.hashrate__grid-item .wallet__column-item {
    height: 100%;
    width: 100%;
    max-width: 100%
}

.hashrate__grid-item_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.25rem .6875rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.6875rem 1.375rem
}

.hashrate__subcontent {
    margin-top: .625rem;
    margin-bottom: 1.125rem
}

.hashrate__grid-balance {
    font-size: .8125rem;
    color: hsl(220deg, 12%, 60%)
}

.hashrate__profit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .625rem
}

.hashrate__profit-text {
    color: hsl(0deg, 0%, 77%)
}

.hashrate__profit-text span {
    color: hsl(0deg, 0%, 100%);
    font-weight: 600
}

.hashrate__grid-col-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .9375rem
}

.hashrate__grid-col-icon img {
    width: 1.5rem;
    height: 1.5rem
}

.hashrate__grid-col-currency-name {
    font-size: .8125rem
}

.hashrate__grid-col-currency-name span {
    font-size: .5625rem
}

.hashrate__grid-col-arrow {
    display: grid;
    place-items: center
}

.hashrate__grid-col-item, .hashrate__grid-item-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: .625rem
}

.hashrate__grid-item-block {
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    border: 1px solid rgba(255, 255, 255, .15);
    padding: 1.25rem;
    border-radius: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(33.3333333333% - 10px);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
    cursor: pointer
}

.hashrate__grid-item-block::before {
    position: absolute;
    content: "";
    height: 100%;
    background: var(--clr-yellow-400);
    top: 0;
    left: 0;
    border-radius: inherit;
    z-index: -1;
    opacity: 0
}

.hashrate__grid-col-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hashrate__grid-col-heading {
    color: hsl(220deg, 12%, 60%);
    font-size: .8125rem
}

.hashrate__grid-col-amount {
    font-size: .9375rem
}

.hashrate__grid-col-per {
    color: hsl(148deg, 81%, 41%);
    font-size: .9375rem
}

.hashrate__grid-col, .hashrate__grid-col-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hashrate__grid-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1.25rem
}

.hashrate__grid-col-flex {
    grid-gap: .9375rem
}

.hashrate__grid-col-flex .hashrate__grid-col-output {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.hashrate__grid-col-output {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    outline: 1px solid transparent
}

.hashrate__grid-col-output:hover {
    outline: 1px solid hsl(230deg, 89%, 61%)
}

.hashrate__grid-col-output > * {
    font-size: .9375rem
}

.hashrate__grid-col-btn {
    background-color: var(--clr-yellow-400);
    padding: .9375rem 1.4375rem;
    border-radius: 10px;
    font-size: .9375rem;
    font-weight: 600;
    -webkit-transition: 300ms ease;
    transition: 300ms ease
}

.hashrate__grid-col-btn:hover {
    background-color: hsl(49deg, 100%, 81%)
}

.hashrate__grid-col-output {
    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;
    padding: 1rem;
    border-radius: 10px;
    background-color: hsl(234deg, 40%, 10%)
}

.hashrate__grid-col-output input {
    background-color: transparent;
    font-size: .9375rem;
    color: #fff
}

.hashrate__grid-col-output input::-webkit-input-placeholder {
    font-size: inherit;
    color: inherit
}

.hashrate__grid-col-output input::-moz-placeholder {
    font-size: inherit;
    color: inherit
}

.hashrate__grid-col-output input:-ms-input-placeholder {
    font-size: inherit;
    color: inherit
}

.hashrate__grid-col-output input::-ms-input-placeholder {
    font-size: inherit;
    color: inherit
}

.hashrate__grid-col-output input::placeholder {
    font-size: inherit;
    color: inherit
}

.hashrate__info-bottom-text, .hashrate__info-name {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.hashrate__info-name {
    font-size: 1rem;
    font-weight: 600
}

.hashrate__info-bottom-text {
    font-size: .625rem;
    color: hsl(0deg, 0%, 77%)
}

.hashrate__balance {
    padding: 1.875rem;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .1)
}

.hashrate__balance-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .625rem;
    margin-bottom: .625rem
}

.hashrate__balance-icon {
    max-width: 1.25rem
}

.hashrate__balance-title {
    font-size: 1rem;
    letter-spacing: .02em
}

.hashrate__row {
    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
}

.hashrate__balance-current {
    font-size: 1.875rem;
    text-transform: uppercase;
    font-weight: 600
}

.hashrate__balance-current span, .hashrate__balance-short span {
    color: hsl(148deg, 81%, 41%)
}

.hashrate__balance-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    grid-gap: .625rem
}

.calc .wallet__bonus-block-heading span, .hashrate__balance-short {
    font-size: 1.25rem
}

.payments-method {
    cursor: pointer;
    position: relative;
    z-index: 1000
}

@media only screen and (max-width: 75em) {
    .hashrate__succes-text {
        font-size: .875rem;
        text-align: center;
        margin: 0 auto
    }

    .hashrate__close {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .hashrate__error-icon, .hashrate__success-icon {
        display: none
    }

    .hashrate__error-text {
        font-size: .875rem;
        text-align: center;
        margin: 0 auto
    }

    .hashrate__balance-current {
        font-size: 1.5625rem
    }

    .hashrate__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hashrate__grid-balance, .hashrate__grid-col-btn {
        /*display: none*/
    }

    .hashrate__profit-text {
        font-size: .9375rem
    }

    .hashrate__grid-item {
        width: 100%;
        padding: 1.25rem .9375rem
    }

    .hashrate__grid-item_outputs {
        padding: 2.5rem 1.5rem
    }

    .hashrate__grid-item_no-spacing {
        padding: 0
    }
}

@media only screen and (max-width: 48em) {
    .hashrate__grid-item_outputs {
        padding: 2.5rem .6875rem
    }

    .hashrate__grid-item_no-spacing {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .hashrate__grid-item_flex {
        grid-gap: .625rem
    }

    .hashrate__grid-item-block {
        width: calc(50% - 7px)
    }

    .hashrate__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 1.25rem
    }

    .hashrate__balance {
        padding: 1.875rem .9375rem
    }

    .hashrate__balance-heading {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

@media only screen and (max-width: 24.375em) {
    .hashrate__grid-item-block {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 23.4375em) {
    .hashrate__balance-amount {
        -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
    }
}

.active-block::before {
    opacity: 1
}

.active-block .hashrate__info-bottom-text, .active-block .hashrate__info-name {
    color: hsl(235deg, 29%, 15%)
}

.close-popup {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    visibility: hidden;
    pointer-events: none
}

.settings__col, .settings__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.settings__row {
    grid-gap: 1.25rem
}

.settings__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.0027px 16.315px 27.5667px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.0027px 16.315px 27.5667px rgba(0, 7, 72, .08));
    padding: 1.875rem 2.1875rem;
    border-radius: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.settings__col-heading {
    font-size: 2.1875rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5625rem
}

.settings__outputs {
    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: 1.25rem;
    margin-bottom: 3.4375rem
}

.settings__outputs-heading {
    font-size: .8125rem;
    color: hsl(220deg, 12%, 60%);
    margin-bottom: .625rem
}

.settings__save {
    -ms-flex-item-align: center;
    align-self: center
}

.settings__outputs-block input {
    background-color: hsl(234deg, 40%, 10%);
    padding: 1.25rem 1rem;
    border-radius: 10px;
    font-size: .9375rem;
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    outline: 1px solid transparent;
    color: #fff
}

.settings__outputs-block input:focus {
    outline: 1px solid hsl(230deg, 76%, 57%)
}

.settings__outputs-block input:hover {
    outline: 1px solid hsl(230deg, 76%, 57%)
}

.settings__outputs-block input::-webkit-input-placeholder {
    font-size: inherit;
    color: inherit
}

.settings__outputs-block input::-moz-placeholder {
    font-size: inherit;
    color: inherit
}

.settings__outputs-block input:-ms-input-placeholder {
    font-size: inherit;
    color: inherit
}

.settings__outputs-block input::-ms-input-placeholder {
    font-size: inherit;
    color: inherit
}

.settings__outputs-block input::placeholder {
    font-size: inherit;
    color: inherit
}

@media only screen and (max-width: 75em) {
    .settings__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 48em) {
    .settings__col-heading {
        font-size: 1.875rem
    }

    .settings__col {
        padding: 1.875rem 1.0625rem
    }

    .settings__save {
        width: 100%
    }
}

.promo__column {
    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: 1.0625rem
}

.promo__col-block-logo {
    max-width: 6.5625rem;
    margin-bottom: 1.875rem
}

.promo__col-block {
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    -webkit-backdrop-filter: blur(13.0328px);
    backdrop-filter: blur(13.0328px);
    border-radius: 10px;
    padding: 1.25rem 1.875rem
}

.promo__col-block-top-text {
    font-size: 1.5625rem
}

.promo__col-block-title {
    font-size: 5.375rem;
    font-weight: 700;
    font-style: italic;
    margin-bottom: .625rem
}

.promo__col-block-bottom-text {
    font-size: 1.25rem;
    position: relative;
    z-index: 10
}

.promo__box {
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    -webkit-backdrop-filter: blur(13.0328px);
    backdrop-filter: blur(13.0328px);
    border-radius: 10px;
    padding: 1.25rem 1.875rem;
    border: 1px solid rgba(255, 255, 255, .1)
}

.promo__box_no-spacing {
    padding: 0;
    border: 0;
    background: 0 0;
    -webkit-filter: none;
    filter: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: none
}

.promo__col-block-title {
    position: relative;
    z-index: 10
}

.promo__col-heading {
    margin-bottom: 1.3125rem;
    padding: 2.6875rem 0 2.375rem 4.375rem;
    background: -webkit-gradient(linear, left top, right top, from(#1c1e33), color-stop(50.52%, #1b1d2e), to(#242636));
    background: linear-gradient(90deg, #1c1e33 0, #1b1d2e 50.52%, #242636 100%);
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.promo__col-heading::after {
    position: absolute;
    content: "";
    right: 0;
    background-position: center;
    width: 36.875rem;
    background-size: contain;
    height: 34.375rem;
    background-image: url(../img/promo/promo-pseudo-overlay.png);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5
}

.promo__box-heading {
    margin-bottom: .625rem;
    font-size: .8125rem;
    font-weight: 400;
    color: hsl(220deg, 12%, 60%)
}

.promo__box-inner {
    background-color: hsl(234deg, 40%, 10%);
    padding: 1.4375rem .625rem;
    border-radius: 10px;
    line-height: 120%
}

.promo__box-inner input::-webkit-input-placeholder {
    font-size: .9375rem;
    color: hsl(0deg, 0%, 95%)
}

.promo__box-inner input::-moz-placeholder {
    font-size: .9375rem;
    color: hsl(0deg, 0%, 95%)
}

.promo__box-inner input:-ms-input-placeholder {
    font-size: .9375rem;
    color: hsl(0deg, 0%, 95%)
}

.promo__box-inner input::-ms-input-placeholder {
    font-size: .9375rem;
    color: hsl(0deg, 0%, 95%)
}

.promo__box-inner input::placeholder {
    font-size: .9375rem;
    color: hsl(0deg, 0%, 95%)
}

.promo__box-inner span {
    display: block;
    margin-left: 1.5625rem
}

@media only screen and (max-width: 75em) {
    .promo__col-heading {
        padding: 1.3125rem 0 1.125rem 2.1875rem
    }

    .promo__col-heading::after {
        width: 19.375rem;
        height: 17.3125rem;
        background-size: cover
    }

    .promo__box-inner {
        font-size: .75rem;
        padding: .9375rem .625rem
    }
}

@media only screen and (max-width: 48em) {
    .promo__col-heading {
        padding: .625rem 0 .5625rem 1.09375rem
    }

    .promo__col-heading::after {
        width: 10rem;
        height: 8.5rem
    }

    .promo__col-block-logo {
        position: relative;
        z-index: 10;
        max-width: 2.25rem
    }

    .promo__col-block-top-text {
        font-size: .625rem;
        position: relative;
        z-index: 10
    }

    .promo__col-block-title {
        margin-bottom: 1px;
        font-size: 1.875rem
    }

    .promo__col-block-bottom-text {
        font-size: .625rem
    }

    .promo__box-inner {
        padding: .78125rem .625rem;
        overflow: hidden
    }

    .promo__box-inner span {
        margin-left: 0;
        display: inline;
        max-width: 100%
    }

    .promo__box, .promo__col-block {
        padding: 1.25rem .9375rem
    }

    .promo__box_no-spacing {
        padding: 0
    }
}

.dashboard__flex, .dashboard__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dashboard__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1.5625rem
}

.dashboard__flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dashboard__bonus-block {
    position: relative
}

.dashboard__bonus-box-heading {
    text-align: center;
    font-size: .8125rem;
    font-weight: 600;
    -webkit-transform: skew(12deg);
    transform: skew(12deg);
    font-style: italic;
    margin-bottom: .54375rem
}

.dashboard__bonus-box-heading span {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700
}

.dashboard__bonus-box-btn {
    padding: .525rem;
    border-radius: 5.7px;
    width: 100%
}

.dashboard__bonus-box-btn span {
    -webkit-transform: skew(12deg);
    transform: skew(12deg);
    font-style: italic
}

.dashboard__bonus-box {
    border: 1px solid rgba(255, 255, 255, .1);
    position: absolute;
    left: -150px;
    top: 2.5rem;
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    padding: 1.125rem 1.1875rem .75rem .84375rem;
    border-radius: 5px;
    width: 16.4375rem
}

.dashboard__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 3.125rem 1.25rem
}

.dashboard__bonus, .dashboard__row-item {
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    border-radius: 10px
}

.dashboard__row-item {
    width: calc(33.3333333333% - 15px);
    padding: .9375rem 1.25rem 1.875rem;
    -webkit-filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08));
    filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08))
}

.dashboard__bonus {
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 1.75rem .875rem 2.25rem 3.125rem
}

.dashboard__row-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.0625rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1.125rem
}

.dashboard__row-col-heading {
    font-size: .6875rem;
    color: hsl(233deg, 21%, 63%);
    letter-spacing: .02em;
    position: relative
}

.dashboard__row-col-max {
    color: var(--clr-yellow-400);
    font-size: .8125rem
}

.dashboard__row-amount {
    font-size: 1.4375rem
}

.dashboard__row-col-min {
    color: hsl(148deg, 81%, 41%)
}

.dashboard__row-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 2.5rem;
    margin-bottom: 1.25rem
}

.dashboard__transfer {
    padding: .625rem 1.7125rem;
    font-size: .8125rem;
    grid-gap: .625rem;
    border-radius: 10px
}

.dashboard__transfer img {
    width: 1.0625rem;
    height: 1.0625rem
}

.dashboard__buy {
    font-size: .75rem;
    outline: 1px solid hsl(0deg, 0%, 95%);
    border-radius: 10px;
    color: #fff;
    padding: .78125rem .984375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.dashboard__buy:hover {
    background-color: #f2f2f2;
    color: var(--clr-dark-400)
}

.dashboard__row-heading-text {
    font-size: 1.25rem;
    font-weight: 500;
    margin-left: 5rem
}

.dashboard__row-icon {
    position: absolute
}

.dashboard__row-icon img, .dashboard__row-icon svg {
    width: 3.9375rem;
    height: 3.9375rem
}

.dashboard__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: .625rem
}

.dashboard__row-amount {
    margin-bottom: 1.25rem
}

.dashboard__flex-content {
    max-width: 21.5625rem
}

.dashboard__flex-title {
    margin-bottom: 1.25rem
}

.dashboard__flex-subheading {
    line-height: 150%;
    color: hsl(0deg, 0%, 77%)
}

@media only screen and (max-width: 75em) {
    .dashboard__row-inner {
        margin-bottom: 1rem
    }

    .dashboard__bonus-image {
        height: 6.25rem
    }

    .dashboard__bonus-image img {
        height: inherit
    }

    .dashboard__row-item {
        width: calc(50% - 10px)
    }

    .dashboard__row-amount {
        font-size: 1.25rem
    }

    .dashboard__row-heading-text {
        font-size: 1.0625rem;
        margin-left: 4.25rem
    }

    .dashboard__row-icon img {
        width: 3.375rem;
        height: 3.375rem
    }

    .dashboard .dashboard__row-col-min, .dashboard__row-col-max {
        font-size: .625rem
    }

    .dashboard .dashboard__row-col-min img, .dashboard__row-col-max img {
        width: .90625rem;
        height: .90625rem
    }

    .dashboard__bonus {
        padding: .9375rem .5rem 1.25rem .9375rem
    }

    .dashboard__bonus-box {
        top: 20px;
        left: -75px;
        width: 10.8125rem;
        padding: .625rem .625rem .6875rem .5rem
    }

    .dashboard__bonus-box-btn {
        padding: .25rem
    }

    .dashboard__flex-title {
        font-size: 1.875rem;
        margin-bottom: .3125rem
    }

    .dashboard__bonus-box-heading {
        font-size: .625rem
    }

    .dashboard__bonus-box-heading span {
        font-size: .75rem
    }

    .dashboard__flex-subheading {
        font-size: .9375rem
    }

    .dashboard__row-col-heading {
        font-size: .625rem
    }
}

@media only screen and (max-width: 48em) {
    .dashboard {
        margin-top: 1.875rem
    }

    .dashboard__row-item {
        width: 100%;
        padding: .8rem .625rem 1.4375rem 1.0625rem
    }

    .dashboard__flex {
        grid-gap: 1.3125rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .dashboard__bonus {
        padding: 1.5625rem .9375rem
    }

    .dashboard__row {
        grid-gap: 2.1875rem
    }

    .dashboard__bonus-box {
        width: 9.875rem;
        top: 20px;
        left: -50px
    }

    .dashboard__bonus-block {
        margin-left: auto
    }

    .dashboard .dashboard__transfer, .dashboard__buy {
        border-radius: 8px;
    }
    .dashboard__buy {
        outline: 0;
        border: 1px solid hsl(0deg, 0%, 95%);
    }
}

@media only screen and (max-width: 25em) {
    .dashboard__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .dashboard__bonus-box {
        left: 1.5rem
    }

    .dashboard__flex-title {
        font-size: 1.5625rem
    }
}

.transactions__links {
    margin-bottom: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 2.9375rem;
    padding-bottom: 1.125rem;
    border-bottom: 1px solid hsl(0deg, 0%, 16%);
    position: relative;
    z-index: 5
}

.transactions__links::after {
    position: absolute;
    content: "";
    width: 18.125rem;
    height: .25rem;
    bottom: -2.5px;
    z-index: 5;
    background-color: hsl(0deg, 0%, 24%);
    left: 8px
}

.transactions__link {
    position: relative;
    z-index: 10;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.transactions__link:nth-child(2)::after {
    left: calc(50% + 5px)
}

.transactions__link:hover {
    color: var(--clr-yellow-400)
}

.transactions__link::after {
    position: absolute;
    content: "";
    bottom: -20.4px;
    width: calc(100% + 18px);
    left: calc(50% + 18px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--clr-yellow-400);
    height: .1875rem;
    opacity: 0;
    z-index: 10
}

.transactions__link_selected {
    font-size: 1.75rem;
    font-weight: 700
}

.deposit__tabs-item:hover::before, .transactions__link_selected::after {
    opacity: 1
}

.transactions__link:nth-child(1) {
    padding-left: 2.8125rem
}

.transactions__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .6875rem;
    margin-bottom: 1.25rem
}

.transactions__heading-text {
    font-weight: 500;
    font-size: 1.25rem
}

.transactions__order {
    padding: .53125rem;
    border-radius: 8px;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    text-align: center;
    color: var(--clr-yellow-400);
    border: 1px solid rgba(255, 255, 255, .1)
}

.transactions__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.25rem
}

.transactions__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.0027px 16.315px 27.5667px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.0027px 16.315px 27.5667px rgba(0, 7, 72, .08));
    border-radius: 10px;
    padding: 1.25rem;
    position: relative;
}

.before_preloader {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(26, 28, 46, 0.8);
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 10px;
    display: none;
}

.transactions__col-heading {
    font-size: .8125rem
}

.transactions__col-heading span {
    color: hsl(0deg, 0%, 77%)
}

.transactions__list, .transactions__list li p {
    display: block;
    display: block;
    display: block;
    grid-gap: .625rem
}

.transactions__list li p span {
    font-weight: 700;
}

.tag_crypto {
    display: none;
}

.transactions__list {
    margin-top: 2.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    padding-left: 15px;
}

.transactions__list li p {
    color: hsl(234deg, 5%, 60%);
    font-size: 1rem;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.transactions__list li p::before {
    top: 9px;
    content: "";
    position: relative;
    width: .3125rem;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .3125rem;
    border-radius: 50%;
    background-color: hsl(234deg, 5%, 60%);
    left: -15px;
    top: 12px;
}

@media only screen and (max-width: 48em) {
    .transactions__links {
        grid-gap: 4.6875rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 2.1875rem
    }

    .transactions__link, .transactions__list li p {
        font-size: .9375rem
    }

    .transactions__link_selected {
        font-size: 1.25rem
    }

    .transactions__col {
        padding: 1.25rem .9375rem
    }
}

@media only screen and (max-width: 23.4375em) {
    .transactions__links {
        grid-gap: 2.5rem
    }

    .transactions__links::after {
        width: 14rem
    }

    .transactions__link:nth-child(1) {
        padding-left: 1.25rem
    }
}

.deposit__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: .9375rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: start;
    margin-bottom: .9375rem;
    display: none;
}

.deposit__tabs[data-crypto="btc"] {
    display: flex;
}

.tag_block {
    display: none;
}

.deposit__tabs-item {
    cursor: pointer;
    padding: .75rem 1.0625rem;
    border-radius: 10px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    position: relative;
    font-size: .875rem
}

.deposit__tabs-item::before {
    z-index: -1;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: hsl(230deg, 73%, 65%);
    opacity: 0;
    -webkit-transition: inherit;
    transition: inherit
}

.deposit__qr {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1.75rem
}

.deposit__qr-heading {
    font-size: 1.25rem;
    letter-spacing: .02em;
    margin-bottom: .9375rem
}

.deposit__inputs {
    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
}

.deposit__col-heading {
    font-size: .8125rem;
    color: hsl(220deg, 12%, 60%);
    margin-bottom: .625rem
}

.deposit__col-subheading {
    font-size: .8125rem;
    color: hsl(0deg, 0%, 77%)
}

.deposit__col-subheading span {
    color: #fff
}

.deposit__col-item {
    margin-bottom: 1.75rem
}

.deposit__inputs-heading {
    font-size: .8125rem;
    color: hsl(220deg, 12%, 60%);
    margin-bottom: .625rem
}

.deposit__copy {
    padding: .9375rem 1.25rem
}

.deposit__inputs-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: .8125rem
}

.deposit__inputs-item input {
    background-color: hsl(234deg, 40%, 10%);
    padding: .9375rem .625rem;
    border-radius: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    outline: 1px solid transparent;
    font-size: .9375rem;
    color: #fff
}

.deposit__inputs-item input::-webkit-input-placeholder {
    font-size: inherit;
    color: inherit
}

.deposit__inputs-item input::-moz-placeholder {
    font-size: inherit;
    color: inherit
}

.deposit__inputs-item input:-ms-input-placeholder {
    font-size: inherit;
    color: inherit
}

.deposit__inputs-item input::-ms-input-placeholder {
    font-size: inherit;
    color: inherit
}

.deposit__inputs-item input::placeholder {
    font-size: inherit;
    color: inherit
}

.deposit__inputs-item input:focus {
    outline: 1px solid hsl(230deg, 89%, 61%)
}

@media only screen and (max-width: 75em) {
    .deposit__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 48em) {
    .deposit__copy {
        border-radius: 10px
    }

    .deposit__tabs {
        grid-gap: .8125rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.active-tab::before {
    opacity: 1
}

.withdraw-dropdown {
    width: 100% !important;
    left: 0 !important;
    top: 4rem !important
}

.withdraw__output {
    margin-top: 6.25rem;
    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: .9375rem;
    margin-bottom: 1.5625rem
}

.withdraw__grid-col-output {
    padding: 1rem .8125rem;
    cursor: pointer;
    margin-bottom: .9375rem
}

.withdraw__output-item {
    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
}

.withdraw__output-col_value {
    font-size: 1rem;
    letter-spacing: .02em;
    color: hsl(0deg, 0%, 77%)
}

.withdraw__output-col_total {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .02em;
    color: #fff
}

.withdraw__output-col_total--large {
    font-size: 1.25rem;
    text-transform: uppercase
}

.withdraw__withdraw {
    width: 100%;
    padding: .9375rem 1.25rem
}

.withdraw__btn_all:hover {
    background-color: var(--clr-yellow-400)
}

.withdraw__btn_trans {
    outline: 1px solid var(--clr-yellow-400);
    color: var(--clr-yellow-400)
}

.withdraw__btn_trans, .withdraw__btn_trans:hover {
    background-color: transparent
}

.withdraw__inputs input::-webkit-input-placeholder {
    color: hsla(0deg, 0%, 95%, .33)
}

.withdraw__inputs input::-moz-placeholder {
    color: hsla(0deg, 0%, 95%, .33)
}

.withdraw__inputs input:-ms-input-placeholder {
    color: hsla(0deg, 0%, 95%, .33)
}

.withdraw__inputs input::-ms-input-placeholder {
    color: hsla(0deg, 0%, 95%, .33)
}

.withdraw__inputs input::placeholder {
    color: hsla(0deg, 0%, 95%, .33)
}

@media only screen and (max-width: 48em) {
    .withdraw__output {
        margin-top: 3.75rem
    }

    .withdraw__btn {
        padding: .9375rem .625rem
    }
}

.dropdown, .dropdown__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dropdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute !important;
    z-index: 5000;
    background-color: hsl(235deg, 29%, 15%);
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    padding: 5px 0;
    left: 0;
    border: 1px solid hsla(0deg, 0%, 100%, .2);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    opacity: 0;
    pointer-events: none;
    max-height: 14.6875rem;
    scrollbar-width: none;
    overflow-y: scroll;
    top: 5.625rem
}

.dropdown__item {
    padding: .6875rem 0 .6875rem 1rem;
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    grid-gap: .9375rem
}

.dropdown__item:hover {
    background-color: hsl(234deg, 40%, 10%)
}

.dropdown__icon {
    width: 1.5rem;
    height: 1.5rem
}

.dropdown__coin-name {
    font-size: .8125rem
}

.dropdown__coin-name span {
    font-size: .5625rem
}

.dropdown-collapse {
    opacity: 1;
    pointer-events: all
}

.withdraw-dropdown {
    left: 1.25rem;
    width: calc(100% - 2.5rem)
}

@media only screen and (max-width: 48em) {
    .withdraw-dropdown {
        width: calc(100% - 1.85rem);
        left: 1rem
    }
}

.dropdown-wrapper {
    position: relative
}

.dropdown, .header-dropdown, .ref-system__table-wrapper {
    scrollbar-color: #edf3f6
}

.dropdown::-webkit-scrollbar, .header-dropdown::-webkit-scrollbar, .ref-system__table-wrapper::-webkit-scrollbar {
    width: 9px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%;
    display: none
}

.dropdown::-webkit-scrollbar-thumb, .header-dropdown::-webkit-scrollbar-thumb, .ref-system__table-wrapper::-webkit-scrollbar-thumb {
    background-color: #3c93f0;
    border-radius: 4px;
    background-clip: padding-box;
    border: 2px solid #edf3f6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dropdown::-webkit-scrollbar-thumb:hover, .header-dropdown::-webkit-scrollbar-thumb:hover, .ref-system__table-wrapper::-webkit-scrollbar-thumb:hover {
    cursor: pointer
}

.dropdown::-webkit-scrollbar-track, .header-dropdown::-webkit-scrollbar-track, .ref-system__table-wrapper::-webkit-scrollbar-track {
    background-color: #edf3f6;
    cursor: pointer;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%
}

.dropdown ::-webkit-scrollbar-button, .header-dropdown ::-webkit-scrollbar-button, .ref-system__table-wrapper ::-webkit-scrollbar-button {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none
}

.calc {
    border-radius: 8.5px
}

.calc .withdraw__grid-col-output {
    margin-bottom: 0
}

.calc__block, .calc__col-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.calc__block {
    border-radius: 8.5px;
    grid-gap: 3.5rem;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.0027px 16.315px 27.5667px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.0027px 16.315px 27.5667px rgba(0, 7, 72, .08));
    padding: 2.625rem 2.25rem;
    margin-bottom: 1.875rem
}

.calc__col-inputs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1.25rem
}

.calc__col-input-amount {
    margin-bottom: .625rem
}

.calc__col-input-range input {
    margin: auto;
    outline: 0;
    padding: 0;
    height: 2px;
    background-color: hsl(0deg, 0%, 95%);
    background-image: -webkit-gradient(linear, left top, right top, from(#4463f4), color-stop(50.52%, #415cde), to(#3a58ea));
    background-image: linear-gradient(90deg, #4463f4 0, #415cde 50.52%, #3a58ea 100%);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    cursor: pointer;
    -webkit-appearance: none
}

.calc__col-input-range input::-webkit-slider-thumb {
    background-color: red;
    -webkit-appearance: none;
    appearance: none;
    width: 1.6875rem;
    height: 1.6875rem;
    background: -webkit-gradient(linear, left top, right top, from(#4463f4), color-stop(50.52%, #415cde), to(#3a58ea));
    background: linear-gradient(90deg, #4463f4 0, #415cde 50.52%, #3a58ea 100%);
    border: 0;
    border-radius: 50%
}

.calc__col-input-range input::-moz-range-thumb {
    height: 27px;
    width: 27px;
    border: 0;
    background: linear-gradient(90deg, #4463f4 0, #415cde 50.52%, #3a58ea 100%);
    border-radius: 50%;
    -webkit-appearance: none
}

.calc__col-input-range input::-webkit-slider-runnable-track {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background: 0 0;
    -webkit-appearance: none
}

.calc__col-input-heading {
    font-size: .8125rem;
    color: hsl(220deg, 12%, 60%);
    margin-bottom: .625rem
}

.calc__col-input-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    background-color: hsl(234deg, 40%, 10%);
    padding: 1rem 1.125rem
}

.calc__col-input-block input {
    color: #fff;
    background-color: transparent
}

.calc__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.calc__col-top-total {
    padding-bottom: 1.4375rem;
    text-align: center;
    border-bottom: 1px solid hsla(0deg, 0%, 100%, .12)
}

.calc__col-top {
    background-color: hsl(234deg, 40%, 10%);
    padding: 2.9375rem 2.525rem;
    border-radius: 20px;
    margin-bottom: 2.0625rem
}

.calc__col-top-heading {
    font-size: .9375rem;
    margin-bottom: .9375rem;
    text-align: center
}

.calc__col-amount {
    font-size: 2.475rem;
    font-weight: 600;
    color: var(--clr-yellow-400);
    margin-bottom: .625rem
}

.calc__col-currency {
    font-size: 2.1875rem;
    font-weight: 600
}

.calc__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.875rem;
    margin-top: .9375rem
}

.calc__row-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.calc__row-item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: .625rem
}

.calc__row-item-flex-text {
    font-size: .8125rem;
    font-weight: 400
}

.calc__row-heading {
    color: var(--clr-yellow-400);
    font-size: .9375rem;
    margin-bottom: .3125rem
}

.calc__submit {
    width: 100%;
    padding: 1.25rem;
    border-radius: 10px
}

.calc .wallet__column-item {
    max-width: 100%;
    padding: 3rem 1.25rem .9375rem 2rem;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08))
}

.calc .wallet__bonus-wrapper {
    width: 17.1875rem;
    padding: .9375rem 1rem;
    max-width: 100%
}

.calc .wallet__bonus-wrapper::before {
    width: 8.125rem;
    height: 10.625rem;
    top: -5.625rem
}

.calc .wallet__bonus-block {
    margin-right: 7.5rem
}

.calc .wallet__bonus-block-heading {
    font-size: 1.0625rem
}

.calc .wallet__bonus-deposit span {
    font-size: 1.1875rem
}

.calc .wallet__bonus-heading {
    font-size: 1.8375rem;
    margin-bottom: .625rem
}

.calc .wallet__bonus-content {
    max-width: 21.5625rem;
    margin-bottom: 1.875rem
}

.calc .wallet__bonus-gift {
    max-width: 5.625rem;
    left: -3.75rem
}

.calc .wallet__bonus-gift_small {
    max-width: 3.125rem;
    left: unset;
    right: 0;
    top: -12px
}

@media only screen and (max-width: 75em) {
    .calc__col-top {
        padding: 2.8125rem
    }

    .calc__col-amount {
        font-size: 2.875rem
    }

    .calc__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2.625rem 1.875rem 2.5rem
    }

    .calc .wallet__bonus-heading {
        font-size: 2.1875rem
    }

    .calc .wallet__bonus-wrapper {
        max-width: 10.9375rem;
        padding: .9375rem .625rem .625rem
    }

    .calc .wallet__bonus-wrapper::before {
        width: 5.1875rem;
        height: 6.875rem;
        top: -60px
    }

    .calc .wallet__bonus-gift {
        width: 5rem;
        height: 5rem
    }

    .calc .wallet__bonus-gift_small {
        width: 1.9375rem;
        height: 1.9375rem;
        top: -8px
    }

    .calc .wallet__bonus-deposit span {
        font-size: .75rem
    }

    .calc .wallet__column-item {
        grid-gap: 3.125rem;
        padding: 2.8125rem 1.5rem 2.8125rem 2.1875rem
    }

    .calc .wallet__bonus-block {
        margin-right: 0
    }

    .calc .wallet__bonus-block-heading {
        font-size: .6875rem
    }

    .calc .wallet__bonus-block-heading span {
        font-size: .875rem
    }

    .calc .wallet__bonus-content {
        max-width: 20.625rem;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 48em) {
    .calc__col-amount {
        font-size: 1.625rem;
        margin-bottom: .625rem
    }

    .calc__col-top {
        padding: 2.5rem 1.65625rem
    }

    .calc__col-currency {
        font-size: .9375rem
    }

    .calc__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 1.25rem
    }

    .calc__block {
        margin-bottom: 1.25rem;
        padding: 1.25rem .9375rem 3.125rem
    }

    .calc .wallet__column-item {
        padding: .9375rem .9375rem 1.5rem
    }

    .calc .wallet__bonus-heading {
        font-size: 1.875rem
    }

    .calc .wallet__bonus-block {
        margin-right: 2.1875rem
    }
}

.ref-system .btn {
    border-radius: 10px !important
}

.ref-system .dataTables_info, .ref-system .dataTables_paginate span, .ref-system .paginate_button .current {
    display: none
}

.ref-system .dataTables_paginate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: .9375rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ref-system .next, .ref-system .paginate_button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ref-system .paginate_button {
    font-size: .9375rem;
    padding: .9375rem 2.34375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    font-weight: 600;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.ref-system .next {
    color: var(--clr-dark-400);
    background-color: var(--clr-yellow-400);
    position: relative;
    grid-gap: .625rem
}

.ref-system .next::after {
    height: 1.1875rem;
    content: url(../img/ref-system/arrow-right.svg)
}

.ref-system .next:hover {
    background-color: hsl(49deg, 100%, 81%)
}

.ref-system .previous {
    padding: .9375rem 2.6875rem;
    color: #fff;
    border: 1px solid hsl(0deg, 0%, 100%)
}

.ref-system .previous:hover {
    color: var(--clr-dark-400);
    background-color: rgba(242, 242, 242, .9490196078)
}

.ref-system .simplebar-scrollbar:before {
    background: #fff !important;
    height: 1px !important;
    bottom: 1.25rem !important;
    left: .9375rem;
    right: .9375rem
}

.ref-system .simplebar-track.simplebar-horizontal {
    height: 1rem
}

.ref-system .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1 !important
}

.ref-system .wallet__bonus-block, .ref-system__bottom-input input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ref-system .wallet__bonus-block-heading {
    font-size: .9375rem
}

.ref-system .wallet__bonus-wrapper {
    padding: .875rem .5rem .5625rem
}

.ref-system .wallet__bonus-block-heading, .ref-system th {
    text-align: center
}

.ref-system .wallet__bonus-deposit {
    border-radius: 5px !important
}

.ref-system .referral__block-wrapper {
    width: 100%
}

.ref-system .referral__graph-amount {
    padding: .375rem 1rem;
    font-size: 1rem;
    min-width: auto;
    top: -35px;
    -webkit-backdrop-filter: blur(0) !important;
    backdrop-filter: blur(0) !important
}

.ref-system .referral__graph-level {
    font-size: .75rem
}

.ref-system .referral__graph-block {
    max-width: 9.875rem;
    min-width: 9.875rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ref-system .referral__graph-block::after, .ref-system .referral__graph-block::before {
    display: none
}

.ref-system .referral__graph-block p {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    padding: .625rem;
    color: #fff;
    font-size: .75rem
}

.ref-system .referral__graph-block_first {
    min-height: 8.375rem !important
}

.ref-system .referral__graph-block_second {
    min-height: 5.3125rem
}

.ref-system .referral__graph-block_third {
    min-height: 3.3125rem
}

.ref-system__table-wrapper {
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.875rem 3.125rem;
    outline: 1px solid rgba(255, 255, 255, .1)
}

.ref-system__table {
    margin-bottom: 1.5625rem
}

.ref-system__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1rem;
    margin-bottom: 1.875rem
}

.ref-system__bottom-block-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 1.875rem
}

.ref-system__copy {
    padding: .9375rem 1.25rem
}

.ref-system__bottom-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: .8125rem
}

.ref-system__bottom-input input {
    padding: .9375rem .625rem;
    background-color: hsl(234deg, 40%, 10%);
    border-radius: 10px;
    color: hsl(0deg, 0%, 95%);
    font-size: .9375rem
}

.ref-system__block-heading {
    font-size: 2.1875rem;
    font-weight: 700;
    margin-bottom: 1.25rem
}

.ref-system__block-content {
    color: hsl(0deg, 0%, 77%);
    font-size: 1rem
}

.ref-system__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 3.4375rem;
    margin-bottom: 3.4375rem
}

.ref-system__block-content {
    max-width: 15rem;
    line-height: 160%
}

.ref-system__grid-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.875rem
}

.ref-system__grid-item--statistics {
    padding: .9375rem 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 5.3125rem;
    margin-bottom: 2.8125rem
}

.ref-system__grid-item--invite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 4.0625rem;
    outline: 1px solid rgba(255, 255, 255, .1)
}

.ref-system__bottom-block-title {
    font-size: 2.1875rem;
    font-weight: 700;
    margin-bottom: 1.5625rem
}

.ref-system__bottom-info-heading {
    color: hsl(220deg, 12%, 60%);
    font-size: .8125rem;
    margin-bottom: .625rem
}

.ref-system__btns, .ref-system__flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ref-system__flex-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .625rem
}

.ref-system__btns {
    grid-gap: .9375rem
}

.ref-system__flex-info-heading {
    font-size: .875rem;
    color: hsl(249deg, 6%, 57%);
    margin-bottom: .1875rem
}

.ref-system__link {
    padding: .9375rem 1.25rem;
    grid-gap: .625rem
}

.ref-system__flex-icon img, .ref-system__flex-icon svg {
    width: 2.8125rem;
    height: 2.8125rem
}

.ref-system__flex-info-output {
    font-size: 1.75rem;
    font-weight: 600
}

.ref-system__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: .9375rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ref-system th {
    font-weight: 580;
    color: #fff;
    padding: 0 3.625rem 1.6875rem;
    border-bottom: 1px solid hsla(218deg, 59%, 58%, .29)
}

.ref-system th:first-child {
    padding: 0 3.625rem 1.6875rem 0
}

.ref-system th:last-child {
    padding: 0 0 1.6875rem 3.625rem
}

.ref-system th div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: .3125rem
}

.ref-system td {
    padding: 1.5625rem 0 0;
    color: hsl(0deg, 0%, 77%);
    letter-spacing: .01em;
    text-align: center;
    white-space: nowrap;
}

.ref-system td:first-child {
    text-align: left;
    padding-left: 20px
}

.ref-system td:last-child {
    padding-right: 10px;
    text-align: right
}

.ref-system td:not(:last-child) {
    padding-bottom: .3125rem
}

.ref-system .ref-block {
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    filter: drop-shadow(18.1325px 16.4326px 27.7654px rgba(0, 7, 72, .08));
    border-radius: 10px
}

@media only screen and (max-width: 75em) {
    .ref-system .wallet__bonus-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ref-system .wallet__bonus-wrapper {
        min-width: 11.5625rem
    }

    .ref-system .referral__block-wrapper {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .ref-system .referral__graph-amount {
        top: -17px !important;
        min-width: 4.25rem
    }

    .ref-system .referral__graph-block {
        min-width: 100%
    }

    .ref-system__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ref-system__table-wrapper {
        padding: .9375rem 1.875rem
    }

    .ref-system__actions button {
        font-size: .9375rem;
        padding: .9375rem 1.25rem !important
    }

    .ref-system__bottom-block-inner {
        margin-bottom: 0
    }

    .ref-system__flex-info-output {
        font-size: 1.75rem
    }

    .ref-system__grid-item--invite {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .ref-system__grid-item--statistics {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 4.1875rem
    }

    .ref-system__grid-item--statistics > * {
        width: 100%
    }

    .ref-system td {
        font-size: .8125rem;
        padding: 1rem 0 0
    }

    .ref-system th {
        padding: 0 2.5rem .625rem
    }

    .ref-system th:first-child {
        padding: 0 1.25rem .625rem 0
    }

    .ref-system th:last-child {
        padding: 0 0 .625rem 1.25rem
    }

    .ref-system th div {
        grid-gap: 3px;
        font-size: .75rem
    }

    .ref-system th div img {
        width: .8125rem
    }
}

@media only screen and (max-width: 48em) {
    .ref-system .referral__inner {
        grid-gap: 2.8125rem
    }

    .ref-system .next, .ref-system .previous {
        padding: .9375rem 1.25rem
    }

    .ref-system__flex {
        margin-bottom: 2.1875rem
    }

    .ref-system__grid-item-block {
        width: 100%
    }

    .ref-system__flex-icon img {
        width: 2.1875rem;
        height: 2.1875rem
    }

    .ref-system__table {
        padding: 0;
        margin-bottom: 1.875rem
    }

    .ref-system__flex-info-output {
        font-size: 1.75rem
    }

    .ref-system__flex-info-heading {
        font-size: .625rem
    }

    .ref-system__grid-item--statistics {
        grid-gap: 3.125rem
    }

    .ref-system__grid-item--invite {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ref-system td {
        padding-bottom: 0 !important
    }

    .ref-system td:first-child {
        padding-left: 10px
    }

    .ref-system td:last-child {
        padding-right: 0
    }

    .ref-system th {
        padding: 0 1.0625rem .625rem
    }

    .ref-system th:first-child {
        padding: 0 1.0625rem .625rem 0
    }

    .ref-system th:last-child {
        padding: 0 0 .625rem 1.0625rem
    }

    .ref-system th div {
        font-size: .75rem
    }

    .ref-system th div img {
        width: .8125rem
    }

    .ref-system__actions, .ref-system__table-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .ref-system__actions {
        padding-left: 2.1875rem
    }

    .ref-system__table-wrapper {
        overflow-x: scroll;
        scrollbar-width: none;
        padding: 1.25rem .9375rem 2.1875rem
    }
}

@media only screen and (max-width: 33.25em) {
    .ref-system__flex-item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .ref-system__btns, .ref-system__flex-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ref-system__grid-item {
        padding: 1.875rem .9375rem
    }
}

.dataTables_filter, .dataTables_length {
    display: none
}

.navigation-wrapper {
    background: var(--bg-active-block);
    border-radius: 10px 10px 0 0
}

.navigation {
    max-width: 70.4375rem;
    padding: 1rem 0;
    margin: 0 auto
}

.navigation__link, .navigation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1.4375rem
}

.navigation__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: .5rem;
    padding: .75rem 1.125rem;
    border-radius: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.navigation__link:hover, .navigation__link_selected {
    background: hsl(230deg, 73%, 65%)
}

.navigation__link span {
    font-size: .875rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (max-width: 75em) {
    .navigation__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .navigation__link {
        padding: .625rem
    }

    .navigation__link span {
        font-size: .75rem
    }
}

@media only screen and (max-width: 48em) {
    .navigation-wrapper {
        padding: 0 .625rem
    }

    .navigation {
        padding: .625rem 0
    }

    .navigation__container {
        padding: 0 .625rem
    }

    .navigation__link {
        grid-gap: .375rem
    }

    .navigation__link span {
        font-size: .6875rem
    }

    .navigation__list {
        grid-gap: .3125rem .625rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.popup-wrapper {
    position: relative
}

.copied-popup {
    position: absolute;
    background-color: var(--clr-yellow-400);
    padding: .625rem .875rem;
    color: var(--clr-dark-400);
    border-radius: 8px;
    font-weight: 600;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    top: -46px;
    right: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 0;
    visibility: hidden
}

.copied-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    -webkit-animation: popUpFade 400ms ease forwards 2.25s;
    animation: popUpFade 400ms ease forwards 2.25s
}

.profit-calc {
    padding-top: 50px
}

.profit-calc__title {
    margin-bottom: 15px
}

.profit-calc__subheading {
    max-width: 465px;
    margin: 0 auto;
    text-align: center
}

.profit-calc__heading {
    margin-bottom: 3.125rem
}

.profit-calc .calc__block {
    background: 0 0;
    padding: 0
}

.modal {
    position: fixed;
    background-color: hsla(0deg, 0%, 0%, .7);
    top: 0;
    left: 0;
    z-index: 3000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 400ms ease;
    transition: 400ms ease
}

.modal, .modal__overlay {
    height: 100%;
    width: 100%
}

.modal__close-btn {
    min-width: 13.0625rem
}

.modal__actions, .modal__balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.modal__actions {
    grid-gap: 1.25rem
}

.modal__actions button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modal__balance {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.125rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__confirm {
    border-radius: 10px !important
}

.modal__balance-text {
    font-size: .6875rem;
    letter-spacing: .02em;
    color: hsl(0deg, 0%, 77%)
}

.modal__balance-amount {
    letter-spacing: .02em;
    font-size: .9375rem
}

.modal__confirm {
    padding: 1.25rem
}

.modal__inputs {
    margin-bottom: 1.875rem;
    width: 100%
}

.modal__inputs input {
    background: #0f1123;
    border: 1px solid rgba(61, 90, 229, .09)
}

.modal__inputs .btn {
    padding: .9375rem !important
}

.modal_width .modal__inner {
    text-align: left
}

.modal_width .modal__close-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;
    text-align: center;
    font-size: .9375rem;
    padding: 1.25rem;
    min-width: auto;
    color: var(--clr-yellow-400);
    font-weight: 600;
    outline: 1px solid var(--clr-yellow-400);
    border-radius: 10px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.modal_width .modal__close-btn:hover {
    background-color: var(--clr-yellow-400);
    color: var(--clr-dark-400)
}

.modal_width .modal__body {
    padding: 3.4375rem 2.5rem;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08));
    filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08))
}

.modal_width .modal__heading {
    text-align: center;
    font-size: 2.75rem;
    margin-bottom: 3.125rem
}

.modal__close {
    cursor: pointer;
    position: absolute;
    right: 1.875rem;
    top: 1.875rem
}

.modal__heading {
    font-size: 3.375rem;
    font-weight: 700;
    margin-bottom: 1.25rem
}

.modal__container {
    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;
    height: 100%;
    max-height: calc(100% - 1rem);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 62.5rem;
    margin-inline: auto;
    padding: .625rem
}

.modal__body {
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    -webkit-filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08));
    filter: drop-shadow(21.0784px 19.1023px 32.2764px rgba(0, 7, 72, .08));
    padding: 4.6875rem 2.5rem;
    border-radius: 10px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    max-width: 36.875rem;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.modal__subheading {
    max-width: 24.375rem;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 1.875rem
}

.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;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.show-modal {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    pointer-events: all;
    opacity: 1
}

.show-modal .modal__body {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media only screen and (max-width: 75em) {
    .modal_width .modal__body {
        padding: 1.875rem
    }

    .modal_width .modal__close {
        top: 10px;
        right: 10px
    }

    .modal_width .modal__heading {
        font-size: 2rem;
        margin-bottom: 1.25rem
    }

    .modal_width .modal__balance {
        margin-bottom: 1.875rem
    }

    .modal__body {
        padding: 2.625rem 1.375rem 3.4375rem
    }

    .modal__logo {
        max-width: 5.9375rem
    }

    .modal__heading {
        font-size: 1.5625rem;
        margin-bottom: .625rem
    }

    .modal__subheading {
        margin-bottom: 1.25rem
    }

    .modal__actions button {
        padding: .9375rem !important
    }

    .modal .deposit__inputs-item {
        grid-gap: .4375rem
    }

    .modal .deposit__inputs-item .btn {
        font-size: .875rem;
        padding: .6875rem !important
    }
}


.error_text a {
    text-decoration: underline;
    color: #fff;
}

.dashboard__buy i {
    margin-right: 7px;
    display: none;
}

.now_hash, .total_hash {
    cursor: no-drop;
}

.hashrate__balance-current div, .hashrate__balance-short div {
    display: inline-block;
}

.history_table th, .history_table td{
    padding: 20px 0 !important;
    text-align: center !important;
    text-transform: capitalize;
}

.new_bonus {
    padding: 15px;
    background: linear-gradient(155.14deg, rgba(255, 255, 255, 0) -2.13%, rgba(255, 255, 255, .15) 136.58%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.dashboard {
    margin-top: 40px;
}

.new_bonus .dashboard__bonus-box-btn {
    width: auto;
    padding: 15px 30px;
}

.new_bonus p {
    color: #fff;
}

@media (max-width: 768px) {
    .new_bonus {
        flex-direction: column;
    }
    .new_bonus p {
        font-size: 13px;
        margin-bottom: 15px;
    }
}