/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
/* font-family: 'Open Sans', sans-serif; */

/*******/

/*Обнуление значений у элементов*/

* {
    padding: 0;
    margin: 0;
    border: 0;
}

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

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    height: 100vh;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: #303353;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* ul li{list-style: none;} */

ul {
    padding-left: 30px;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

/*********/

.wrapper {
    /* height: 100%; */
    overflow: scroll;
}

.page {
    background: #303353;
    height: 100vh;
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(81, 84, 111, 0.41);
    padding: 15px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.header_mobile {
    background: rgba(48, 51, 83, 0.3);
}

.content {
    position: relative;
}

.content .tabcontent {
    display: none;
}

.cont_active {
    display: block;
}

.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #414361;
    height: 89px;
    z-index: 3;
}

.flex__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

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

/* menu-block */

.home__page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
}

.menu__item {
    width: 55px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.6);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 8px;
    background-image: url('../images/icon1.svg');
    background-repeat: no-repeat;
    background-position: 14.5px 8px;
}

.menu__item--notif {
    position: relative;
}

.notification__balloon {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    position: absolute;
    top: -10px;
    right: -25px;
    padding: 2px 5px;
    border-radius: 50%;
    background: #EB5757;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .notification__balloon {
        line-height: 11px;
        top: -6px;
        right: -16px;
    }
}

.menu__item:visited {
    color: rgba(255, 255, 255, 0.87);
}

@media (min-width: 768px) {
    .menu__item {
        color: rgba(255, 255, 255, 0.87);
    }
}

.menu__item:hover {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    background-image: url('../images/icon1.svg');
    background-repeat: no-repeat;
    background-position: 14.5px 8px;
}

.menu__item span {
    padding-top: 5px;
}

.menu__item.active {
    color: #303353;
    background: #FFE790;
    border-radius: 8px;
    background-image: url('../images/home-active.svg');
    background-repeat: no-repeat;
    background-position: 14.5px 8px;
}

.menu__item:nth-child(2) {
    background-image: url('../images/ferma.svg');
    background-position: 10.5px 4px;
}

.menu__item:nth-child(3) {
    background-image: url('../images/magaz.svg');
    background-position: 10.5px 4px;
}

.menu__item:nth-child(4) {
    background-image: url('../images/korzina.svg');
    background-position: 10.5px 4px;
}

.menu__item:nth-child(6) {
    background-image: url('../images/Subtract.svg');
}

.menu__item:nth-child(7) {
    background-image: url('../images/help.svg');
}

.menu__item:nth-child(9) {
    background-image: url('../images/user_plus.svg');
}

.menu__item:nth-child(10) {
    background-image: url('../images/set.svg');
}

.menu__item.active:nth-child(1) {
    background-image: url('../images/home_active.svg');
}

.menu__item.active:nth-child(2) {
    background-image: url('../images/farm_active.svg');
}

.menu__item.active:nth-child(3) {
    background-image: url('../images/shop_active.svg');
}

.menu__item.active:nth-child(4) {
    background-image: url('../images/cart_active.svg');
}

.menu__item.active:nth-child(6) {
    background-image: url('../images/support_active.svg');
}

.menu__item.active:nth-child(7) {
    background-image: url('../images/faq_active.svg');
}

@media (max-width: 767px) {
    .menu__item:nth-child(2) {
        background-image: url('../images/Subtract.svg');
        background-position: 14.5px 8px;
    }
    .menu__item:nth-child(3) {
        background-image: url('../images/ferma.svg');
        background-position: 10.5px 4px;
    }
    .menu__item:nth-child(4) {
        background-image: url('../images/magaz.svg');
        background-position: 10.5px 4px;
    }
    .menu__item:nth-child(5) {
        background-image: url('../images/korzina.svg');
        background-position: 10.5px 4px;
    }
    .menu__item.active {
        color: rgba(255, 255, 255, 0.6);
        background: rgba(255, 255, 255, 0.05);
        background-image: url('../images/home-active.svg');
        background-repeat: no-repeat;
        background-position: 10.5px 4px;
    }
    .menu__item.active:nth-child(1) {
        background-image: url('../images/home-active.svg');
        background-position: 14.5px 8px;
    }
    .menu__item.active:nth-child(2) {
        background-image: url('../images/chat-active.svg');
    }
    .menu__item.active:nth-child(3) {
        background-image: url('../images/ferm-active.svg');
    }
    .menu__item.active:nth-child(4) {
        background-image: url('../images/mag-active.svg');
    }
    .menu__item.active:nth-child(5) {
        background-image: url('../images/kor-active.svg');
    }
}

/* +++++ */

/* header block */

.balance__block {
    border-radius: 0px 0px 32px 32px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(73, 75, 104, 0.6);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 54px;
    padding-bottom: 25px;
}

.header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.button__menu {
    width: 24px;
    height: 24px;
    background-image: url('../images/menu_left.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.button__natif {
    width: 30px;
    height: 24px;
    background-image: url('../images/notification_outline.svg');
    background-repeat: no-repeat;
    background-position: 14px center;
    cursor: pointer;
}

.button__natif:hover {
    background-image: url("../images/notification_hover.svg");
}

.header__balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.text__balance {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.38);
}

.button__update {
    width: 20px;
    height: 20px;
    background-image: url('../images/update.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.header__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.87);
    margin-top: 10px;
}

.header__text-pawa {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.87);
    margin-top: 2px;
}

.header__text-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.span_left {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.38);
    padding-top: 14px;
}

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

.span_right a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.87);
}

.span_right span {
    font-family: Open Sans;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-weight: 600;
    color: #8EFFAD;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    text-align: end;
}

.Modal {
    display: none;
}

@media (max-width: 767px) {
    .header {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        overflow: hidden;
        z-index: 3;
    }
    .content {
        height: 100vh;
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow: auto;
    }
    .header__desktop {
        display: none;
    }
    .footer__desktop {
        display: none;
    }
    .header__mid {
        display: none;
    }
    .text__element {
        display: none;
    }
    .Modal {
        display: none;
        position: fixed;
        z-index: 4;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        overflow: auto;
        background: #303353;
    }
    .modal__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: rgba(48, 51, 83, 0.3);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        position: fixed;
        width: 100%;
        left: 0;
        padding: 14px;
    }
    .back {
        width: 24px;
        height: 24px;
        background-image: url(../images/but_left.svg);
        background-repeat: no-repeat;
        background-position: center;
        margin: auto 0;
    }
    .header__title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        margin: auto;
    }
    .header__lang {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px;
    }
    .button__lang {
        width: 24px;
        height: 24px;
        background-image: url(../images/lang.svg);
        background-repeat: no-repeat;
        background-position: center;
    }
    .text__lang {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.6);
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
    }
    .user__info {
        display: -ms-grid;
        display: grid;
        grid: "a b" "a c";
        margin-top: 96px;
        width: 75%;
    }
    .user__img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        grid-area: a;
    }
    .user__email {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        grid-area: b;
    }
    .user__balance {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.6);
        grid-area: c;
    }
    .menu__modal {
        margin-top: 30px;
    }
    .modal-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0px 20px 20px 20px;
    }
    .menu__list_modal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: -14px;
    }
    .menu__items {
        font-size: 14px;
        height: 56px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-position: 15px 19px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding-left: 52px;
        margin-top: 0;
        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;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        line-height: 16px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.6);
        background-image: url(../images/icon1.svg);
        background-repeat: no-repeat;
    }
    .menu__items:nth-child(1) {
        background-image: url('../images/help.svg');
    }
    .menu__items.active:nth-child(1) {
        background-image: url('../images/help.svg');
    }
    .menu__items:nth-child(3) {
        background-image: url('../images/user_plus.svg');
    }
    .menu__items.active:nth-child(3) {
        background-image: url('../images/user_plus.svg');
    }
    .menu__items:nth-child(5) {
        background-image: url('../images/set.svg');
    }
    .menu__items.active:nth-child(5) {
        background-image: url('../images/set.svg');
    }
    .lin {
        height: 1px;
        background: rgba(255, 255, 255, 0.12);
    }
    .modal__ex_btn {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.87);
        background: rgba(255, 255, 255, 0.05);
        border-radius: 4px;
        height: 48px;
        margin-top: 20px;
    }
    .modal__footer {
        margin-top: 30px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.4px;
        color: rgba(255, 255, 255, 0.38);
        padding-bottom: 20px;
    }
    .link_color {
        color: #FFE790;
    }
    .mobile-margin-top {
        margin-top: 54px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .home__page .home__element {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .page .header__all {
        display: none;
    }
    .content {
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow: auto;
    }
    .header__ipod .header__buttons {
        padding: 20px 40px 20px 40px;
    }
}

@media (min-width: 768px) {
    .menu__list .menu__item {
        background-position-x: 22px;
        background-position-y: 18px;
    }
    .menu__item:nth-child(1) {
        background-image: url('../images/icon_sm1.svg');
    }
    .menu__item:nth-child(2) {
        background-image: url('../images/Vector.svg');
    }
    .menu__item:nth-child(3) {
        background-image: url('../images/icon_sm3.svg');
    }
    .menu__item:nth-child(4) {
        background-image: url('../images/icon_sm4.svg');
    }
    .menu__item:nth-child(6) {
        background-image: url('../images/icon_sm2.svg');
    }
    .menu__item span {
        padding-top: 0;
    }
    .page {
        height: 100%;
    }
    .header {
        display: none;
    }
    .header__title-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .header__title-img img {
        padding-left: 58px;
    }
    .header__desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    .page .header__all {
        /*position: fixed;*/
        z-index: 1;
    }
    .header__mid {
        background: #3A3D5C;
        border-radius: 16px;
        margin: 40px;
        padding: 20px;
        position: relative;
    }
    .line__element {
        position: absolute;
        height: 1px;
        background: rgba(255, 255, 255, 0.12);
        top: 86px;
        left: 0;
        width: 100%;
    }
    .top {
        top: 177px;
    }
    .top-pawa {
        top: 205px;
    }
    .header__balance {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .title__balance {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        margin-bottom: 16px;
        ;
    }
    .button_block_desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
        margin-top: 45px;
    }
    .button_block_desktop-pawa {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
        margin-top: 20px;
    }
    .button_block_desktop .butt__replenish,
    .button_block_desktop-pawa .butt__replenish {
        background: #3A3D5C;
    }
    .button_block_desktop .butt__withdraw,
    .button_block_desktop-pawa .butt__withdraw {
        background: #3A3D5C;
    }
    .header__buttons {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 0fr 1fr 0.1fr 0fr;
        grid-template-columns: 0fr 1fr 0.1fr 0fr;
        margin-bottom: 0;
        padding: 20px 40px 20px 40px;
    }
    .header__title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        padding-left: 100px;
    }
    .header__lang {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px;
    }
    .button__lang {
        width: 24px;
        height: 24px;
        background-image: url(../images/lang.svg);
        background-repeat: no-repeat;
        background-position: center;
    }
    .text__lang {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.6);
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
    }
    .home__page .home__element {
        margin: 24px 40px 24px 40px;
    }
    .footer {
        display: none;
    }
    .footer__desktop {
        position: relative;
        padding-top: 32px;
        background: #303353;
    }
    .footer__desktop p {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.4px;
        color: rgba(255, 255, 255, 0.38);
        padding-top: 0px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
    }
    .link_color {
        color: #FFE790;
    }
    .home__page .coin__box {
        overflow: inherit;
        padding-left: 40px;
        padding-right: 40px;
    }
    .home__element .element__one {
        width: 327px;
        height: 294px;
        gap: 0;
        padding: 20px;
    }
    .el_one_title {
        margin-top: 34px;
        font-size: 18px;
    }
    .text__element {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.4px;
        color: rgba(255, 255, 255, 0.6);
        margin-top: 16px;
    }
    .home__element .element__two {
        width: 327px;
        height: 294px;
    }
    .home__element .element__two .text__element {
        color: rgba(255, 255, 255, 0.6);
    }
    .home__element .element__three {
        width: 327px;
        height: 294px;
    }
    .modal__test {
        display: block;
    }
    .menu-modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        overflow: auto;
        background: #494B68;
    }
    .menu__left .modal__menu {
        display: block;
    }
    .close {
        width: 24px;
        height: 24px;
        background-image: url(../images/but_left.svg);
        background-repeat: no-repeat;
        background-position: center;
    }
    .user__info {
        display: -ms-grid;
        display: grid;
        grid: "a b" "a c";
        margin-top: 30px;
        width: 85%;
    }
    .user__img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        grid-area: a;
        -ms-grid-column-align: end;
        justify-self: end;
        margin-right: 14px;
    }
    .user__email {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        grid-area: b;
    }
    .user__balance {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.6);
        grid-area: c;
    }
    .menu__modal {
        margin-top: 30px;
    }
    .menu-modal-content {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 20px 20px 20px;
    }
    .menu__list_modal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: -14px;
    }
    .menu__item {
        font-size: 14px;
        width: 320px;
        height: 56px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-position: 15px 19px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding-left: 52px;
        margin-top: 0;
    }
    .line {
        height: 1px;
        background: rgba(255, 255, 255, 0.12);
        width: 320px;
    }
    .modal__ex {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.87);
        background: rgba(255, 255, 255, 0.05);
        border-radius: 4px;
        height: 48px;
    }
}

@media (max-width: 1199px) {
    .element__four {
        display: none;
    }
    .element__five {
        display: none;
    }
    .menu__left {
        display: none;
    }
    .button__user {
        display: none;
    }
    .userModal {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .home__page .home__element {
        grid: "d b" "a c";
        margin: 0;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .home__element .element__five {
        display: none;
    }
}

@media (min-width: 1440px) {
    .home__page .home__element {
        grid: "d e e" "b a c";
        margin: 0;
        margin-top: 16px;
    }
}

@media (min-width: 1200px) {
    .wrapper {
        height: 100%;
    }
    .header__box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /*background: rgba(81, 84, 111, 0.41);*/
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        position: sticky;
        top: 0;
        z-index: 9;
    }
    .header__desktop {
        max-width: 1480px;
        position: sticky;
        top: 0;
    }
    .header__ipod {
        display: none;
    }
    .header__buttons {
        -ms-grid-columns: 0fr 1.5fr 0.1fr 0fr;
        grid-template-columns: 0fr 1.5fr 0.1fr 0fr;
    }
    .button__menu {
        display: none;
    }
    .button__user {
        width: 30px;
        height: 24px;
        background-image: url("../images/user_circle.svg");
        background-repeat: no-repeat;
        background-position: center;
        -ms-grid-column-align: end;
        justify-self: end;
        margin: auto 20px auto 0;
        cursor: pointer;
    }
    .button__user:hover {
        background-image: url("../images/user_hover.svg");
    }
    .userModal {
        display: none;
        position: fixed;
        z-index: 1;
        top: 53px;
        right: 57px;
        overflow: auto;
        background: #434562;
        -webkit-box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.09), 0px 9px 46px rgba(0, 0, 0, 0.05), 0px 11px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.09), 0px 9px 46px rgba(0, 0, 0, 0.05), 0px 11px 15px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        width: 289px;
    }
    .user__info {
        display: -ms-grid;
        display: grid;
        grid: "a b" "a c";
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .user__img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        grid-area: a;
    }
    .user__email {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        grid-area: b;
    }
    .user__balance {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.6);
        grid-area: c;
    }
    .menu__modal {
        margin-top: 0px;
    }
    .modal-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .menu__list_modal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .menu__items {
        font-size: 14px;
        height: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-position: 15px 19px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding-left: 20px;
        margin-top: 0;
        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;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        line-height: 16px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.87);
        background-image: url(../images/icon1.svg);
        background-repeat: no-repeat;
    }
    .menu__items:hover {
        background: rgba(255, 255, 255, 0.05);
    }
    .modal__link_box .menu__items {
        background-image: none;
    }
    .modal__link_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .lin {
        height: 1px;
        background: rgba(255, 255, 255, 0.12);
    }
    .modal__ex_btn {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.87);
        background: #434562;
        border-radius: 4px;
        height: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
        padding-left: 20px;
    }
    .modal__ex_btn:hover {
        background: rgba(255, 255, 255, 0.05);
    }
    .modal__footer {
        margin-top: 30px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.4px;
        color: rgba(255, 255, 255, 0.38);
        padding-bottom: 20px;
    }
    .link_color {
        color: #FFE790;
    }
    .footer__desktop .link_color:visited {
        color: #FFE790;
    }
    .header__title {
        padding-left: 0;
    }
    .content {
        /* top: 112px; */
        margin-top: 64px;
        /*overflow: hidden;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .menu__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 320px;
        height: 352px;
        margin-top: 30px;
        position: sticky;
        top: 70px;
    }
    .menu__balance {
        -ms-grid-column-align: end;
        justify-self: end;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.4px;
        color: rgba(255, 255, 255, 0.87);
    }
    .menu__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0px;
    }
    .menu__item {
        font-size: 14px;
        width: 320px;
        height: 56px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-position: 15px 19px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding-left: 58px;
    }
    .home__page {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .home__page .coin__box {
        padding-right: 0;
        padding-left: 0;
    }
    .header__mid {
        display: none;
    }
    .element__four {
        grid-area: d;
        display: block;
        background: #3A3D5C;
        border-radius: 16px;
        margin: 0px;
        padding: 20px;
        width: 320px;
        height: 302px;
        position: relative;
    }
    .element__five {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-area: e;
        overflow: hidden;
        background: #3A3D5C;
        width: 672px;
        height: 302px;
        border-radius: 16px;
        padding: 20px;
        position: relative;
    }
    .home__element .element__one {
        width: 320px;
        height: 302px;
        gap: 0;
    }
    .home__element .element__two {
        width: 320px;
        height: 302px;
    }
    .home__element .element__three {
        width: 320px;
        height: 302px;
    }
    .header__element__five {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }
    .footer__desktop p {
        padding-bottom: 100px;
    }
    .table {}
    .tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 35px;
    }
    .tablink {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.4px;
        color: rgba(255, 255, 255, 0.38);
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
        padding-bottom: 13px;
        width: 70px;
    }
    .activeTab {
        color: rgba(255, 255, 255, 0.87);
        position: relative;
    }
    .activeTab::after {
        content: "";
        position: absolute;
        width: 70px;
        height: 3px;
        background: #FFE790;
        border-radius: 12px;
        left: 0;
        top: 25px;
    }
    .tabcont {
        display: none;
        margin-top: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .table__content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 2fr 1.5fr 1fr 0fr;
        grid-template-columns: 2fr 1.5fr 1fr 0fr;
    }
    .tabcont .history__element {
        padding: 12px;
        -ms-grid-columns: 0.5fr 1.5fr 1.5fr 1fr 1fr;
        grid-template-columns: 0.5fr 1.5fr 1.5fr 1fr 1fr;
    }
    .status__currency_history {
        margin-left: 8px;
    }
    .status__box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .status_circle {
        background: #8EFFAD;
        width: 6px;
        height: 6px;
        border-radius: 50%;
    }
    .table__content span {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.6);
    }
    .table__content .color__green {
        color: #8EFFAD;
    }
    .table__content .color__red {
        color: #FF8789;
    }
}

@media (min-width: 1920px) {
    .header__buttons {
        /* padding: 20px 279px 20px 292px; */
    }
    .menu__left {}
    .home__page {}
    .footer__desktop {
        padding-left: 272px;
        padding-right: 272px;
        padding-bottom: 40px;
    }
    .footer__desktop p {
        padding: 0;
    }
    .userModal {
        right: 292px;
    }
}

@media (min-width: 1200px) {
    .content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 32px;
    }
}

.header__to_front {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    padding: 4px 16px 4px 10px;
    align-items: center;
}

.header__to_front span {
    color: rgba(255, 255, 255, 0.87);
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* +++++ */

/* home_page_style */

.button_block {
    margin: 24px 16px 24px 16px;
    background: #434562;
    border-radius: 16px;
    height: 99px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

@media (min-width: 768px) {
    .button_block {
        display: none;
    }
    .balance__block {
        display: none;
    }
}

.butt__replenish {
    background: #434562;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.butt__replenish:visited {
    color: rgba(255, 255, 255, 0.87);
}

.butt__withdraw {
    background: #434562;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.butt__withdraw:visited {
    color: rgba(255, 255, 255, 0.87);
}

.butt__withdraw span,
.butt__replenish span {
    margin-top: 5px;
}

.button__box {
    background: #51546F;
    border-radius: 50%;
    width: 47px;
    height: 47px;
    background-repeat: no-repeat;
    background-position: center;
}

.button__box:hover {
    background: rgba(255, 255, 255, 0.05);
    background-repeat: no-repeat;
    background-position: center;
}

.button__box.pl {
    background-image: url('../images/pl.svg');
}

.button__box.down {
    background-image: url('../images/long_down.svg');
}

.button__box.right {
    background-image: url('../images/right 1.svg');
}

.button_block span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
    padding-top: 4px;
}

.coin__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    overflow: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.coin__btc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 9px;
}

@media (min-width: 767px) {
    .coin__btc {
        display: block;
    }
    .coin__btc:nth-child(1) {
        margin-right: 23px;
    }
}

.coin__btc:nth-child(2) {
    margin-right: 23px;
}

.coin__btc span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
    width: 122px;
}

.coin__btc .color_grey,
.menu__balance .color_grey {
    color: rgba(255, 255, 255, 0.384);
}

.coin__btc .color_gr {
    color: #8EFFAD;
}

.home__element {
    display: -ms-grid;
    display: grid;
    grid: "a   c" "b   c";
    margin: 20px 16px 116px 16px;
    gap: 32px;
}

@media (max-width: 767px) {
    .home__element {
        gap: 16px;
    }
}

.element__one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    background: #3A3D5C;
    border-radius: 16px;
    width: 100%;
    height: 147px;
    grid-area: a;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
    padding: 15px;
}

.element__one .img__mobile {
    width: 48px;
    height: 48px;
}

@media(max-width: 767px) {
    .img__dek {
        display: none;
    }
}

@media(min-width: 768px) {
    .element__one .img__mobile {
        display: none;
    }
    .img__dek {
        width: 121px;
        height: 117.54px;
    }
    .home__element .element__two {
        font-size: 18px;
    }
}

.element__two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #3A3D5C;
    border-radius: 16px 16px 16px 0px;
    width: 100%;
    height: 147px;
    grid-area: b;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.6);
}

.element__two img {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-top: 13px;
}

@media(min-width: 768px) {
    .element__two img {
        width: 160px;
        height: 173px;
        padding-top: 14px;
        margin-top: 2px;
    }
}

.element__two span {
    padding-left: 16px;
}

.element__three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFE790;
    border-radius: 16px 0 16px 16px;
    ;
    width: 100%;
    height: 310px;
    grid-area: c;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.25px;
    color: #303353;
}

.element_title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
    margin-bottom: 16px;
}

.element__three .element_title {
    color: #303353;
}

.element__three span {
    padding-left: 20px;
    padding-right: 20px;
}

@media(max-width: 523px) {
    .element__three .element__three_imgBig {
        display: none;
    }
}

@media(min-width: 524px) {
    .element__three .element__three_img {
        display: none;
    }
}

@media(max-width: 767px) {
    .element__three {
        height: 360px;
    }
    .element__one,
    .element__two {
        height: 172px;
    }
    .element__three span {
        padding-left: 15px;
        padding-right: 0;
    }
    .element_title {
        font-size: 14px;
    }
}

@media(min-width: 768px) {
    .element__three .element__three_imgBig {
        width: 100%;
        padding: 0;
        height: 174px;
    }
    .element__three .span_padding {
        margin-top: 0;
        margin-bottom: 0;
    }
    .br__none {
        display: none;
    }
}

.span_padding {
    margin-top: 15px;
    margin-bottom: 16px;
}

/* +++++ */

/* 404 */

.page__404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-display: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 150px;
}

.page__404 .block--404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
}

.page__404 .text--404 {
    color: #ffdd61;
    font-size: 100px;
    line-height: 1.55;
    font-weight: 700;
}

.page__404 .description--404 {
    color: #ffdd61;
    font-size: 35px;
    line-height: 1.1;
    font-weight: 700;
}

.page__404 .button--404 {
    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;
    letter-spacing: 1px;
    color: #303353;
    background: #ffdd61;
    width: 100%;
    height: 42px;
    border-radius: 8px;
    padding: 5px 15px;
    margin-top: 20px;
}

.page__404 .button--404 a {
    color: #303353 !important;
}

.page__404 .image--404 img {
    width: 100%;
}

@media (max-width: 767px) {
    .page__404 {
        text-align: center;
    }
}

/* +++++ */

/* conf page */

.privacy__page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #303353;
}

@media (min-width: 1200px) {
    .privacy__page {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.privacy__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 30px;
}

@media (min-width: 1200px) {
    .privacy__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 30px;
        width: 669px;
    }
}

.header__back {
    width: 24px;
    height: 24px;
    background-image: url(../images/but_left.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.privacy__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #FFFFFF;
}

.header__close {
    width: 24px;
    height: 24px;
    background-image: url(../images/close_big.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.privacy__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
}

@media (min-width: 1200px) {
    .privacy__content {
        width: 669px;
    }
}

.privacy__h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.18px;
    color: rgba(255, 255, 255, 0.87);
}

.span__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
    margin-top: 30px;
    margin-bottom: 30px;
}

.text__color {
    color: #FFFFFF;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.text__content {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.35);
}

/* +++++ */

/* chat page */

.chat__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.support__post {
    width: 100%;
}

.banner__button {
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.2px;
    color: rgba(255, 255, 255, 0.87);
    width: 46%;
    min-width: 220px;
    height: 48px;
    border-radius: 18px;
    background-image: url("../images/Group.svg");
    background-repeat: no-repeat;
    background-position: 16px;
    padding-left: 55px;
}

.chat__buttons--contact .banner__button:nth-child(4) {
    background-image: url("../images/WA.svg");
    background-size: 25px;
}

.chat__buttons--contact .banner__button:nth-child(3) {
    background-image: url("../images/Mail_S.svg");
    background-size: 25px;
}

.chat__buttons--hotels .banner__button:nth-child(1) {
    background-image: url("../images/Mail_S.svg");
    background-size: 25px;
}

.banner__link {
    color: rgba(255, 255, 255, 0.87);
}

@media (max-width: 1199px) {
    .chat__content {
        height: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .chat__banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .chat__banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 320px;
        min-height: 132px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-bottom: 30px;
        background: #3A3D5C;
        border-radius: 16px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 140px;
    }
    .banner__title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        padding: 20px;
    }
    .wallet__button_page-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
        -ms-grid-column-align: center;
        justify-self: center;
    }
    .wallet__table_footer-mobile {
        display: -ms-grid;
        display: grid;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .wallet__container {
        margin-bottom: 100px;
    }
    .number__page__block-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
    }
    .button__next-mobile {
        width: 32px;
        height: 32px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 4px;
        background-image: url(../images/nextbutton.svg);
        background-repeat: no-repeat;
        background-position: center;
    }
    .number_page-mobile {
        width: 32px;
        height: 32px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 4px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.6);
    }
    .active_page-mobile {
        color: #303353;
        background: #FFE790;
    }
}

@media (max-width: 767px) {
    .chat__page {
        margin-top: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .chat__box {
        position: relative;
        z-index: 0;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .chat__content {
        height: auto;
        width: 50%;
    }
    .chat__box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 17px;
        margin-top: 24px;
        width: 100%;
    }
    .chat__page {
        min-height: 700px;
        width: 60%;
    }
    .wallet__table_footer-mobile {
        display: none;
    }
}

.header__chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 64px;
    background: #3A3D5C;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    z-index: 1;
}

.chat__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    gap: 10px;
    margin-left: 20px;
}

@media (min-width: 1440px) {
    .chat__banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1200px) {
    .header__chat {
        display: none;
    }
    .header__chat_desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #3A3D5C;
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
    }
    .chat__banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
        min-height: 132px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-bottom: 22px;
        background: #3A3D5C;
        border-radius: 16px;
    }
    .banner__title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        padding: 20px;
    }
}

.bottom_container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.bottom_button {
    text-align: center;
}

@media (max-width: 1199px) {
    .chat__buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0px;
    }
    .banner__button {
        width: 80%;
    }
    .bottom_container {
        padding: 0 20px 0 20px;
        margin: 30px 0 0 0;
    }
    .bottom_container .bottom_button {
        padding: 8px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
}

.back__butt {
    width: 24px;
    height: 24px;
    background-image: url(../images/but_left.svg);
    background-repeat: no-repeat;
    background-position: center;
}

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

@media (min-width: 1200px) {
    .user__element {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        padding: 20px;
    }
    .chat__title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        padding: 20px;
        padding-bottom: 32px;
    }
    .line__header {
        height: 1px;
        width: 100%;
        background: rgba(255, 255, 255, 0.12);
    }
}

.user__titile {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
}

.text__below {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
}

.avatar {}

.list_chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 89vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-bottom: 15px;
}

@media (min-width: 1200px) {
    .list_chat {
        padding-top: 15px;
        height: auto;
        background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.02)), #303353;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.02)), to(rgba(255, 255, 255, 0.02))), #303353;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.02)), #303353;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .list_chat {
        padding-bottom: 70px;
    }
}

.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    gap: 10px;
}

.two_person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.two_person_text {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
    padding: 20px;
}

.msg_time_two {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
    padding-left: 20px;
}

.data__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

@media (min-width: 1200px) {
    .data__text {
        text-align: start;
        margin-left: 124px;
    }
}

.person__name {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
    padding-left: 42px;
}

.one_person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFE790;
    border-radius: 16px;
    width: 328px;
}

.one_person_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #303353;
    padding: 16px;
}

.msg__element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-right: 16px;
    padding-bottom: 16px;
    gap: 10px;
}

.msg_time_one {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.4px;
    color: #303353;
}

.round-done_all {}

.footer__chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #3A3D5C;
    height: 98px;
    z-index: 1;
}

@media (min-width: 1200px) {
    .footer__chat {
        position: inherit;
        border-radius: 0px 0px 16px 16px;
        height: 60px;
    }
}

.attachments {
    background: #3A3D5C;
    width: 24px;
    height: 24px;
    margin: 20px 0px 20px 20px;
}

.input_text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    -webkit-font-feature-settings: 'ss07' on;
    font-feature-settings: 'ss07' on;
    color: rgba(255, 255, 255, 0.38);
    background: #3A3D5C;
    font-family: Open Sans;
    padding: 20px;
}

@media (min-width: 1200px) {
    .input_text {
        width: 100%;
    }
    .person__name {
        display: none;
    }
    .name__desktop {
        display: block;
    }
}

@media (max-width: 1199px) {
    #chatbox .name__desktop {
        display: none;
    }
    .person__name {
        display: block;
    }
    .coin__chat {
        display: none;
    }
    .header__chat_desktop {
        display: none;
    }
    .ferm__tab__desktop {
        display: none;
    }
}

@media (min-width: 1200px) {
    .footer__home {
        display: none;
    }
}

/* +++++ */

/* ferm__page */

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

@media (min-width: 768px) {
    .ferm__page {}
    .ferm__top__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 15px;
        padding-left: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .padding__block {
        padding: 0;
        padding-bottom: 15px;
    }
    .top__span {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
    }
}

@media (min-width: 1200px) {
    .ferm__page {
        gap: 16px;
    }
    .ferm__page .button__statistic {
        padding: 0;
        width: 24px;
    }
    .block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 32px;
    }
    .ferm__tab__desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        padding-left: 20px;
        padding-bottom: 15px;
    }
    .ferm__tabLink {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.6);
        background: none;
    }
    .fermActive {
        color: rgba(255, 255, 255, 0.87);
    }
}

.ferm__page .button__statistic {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-right: 15px;
    height: 24px;
    width: 39px;
    background-image: none;
    background-position: center;
    margin-top: 0;
    padding-left: 0;
}

.ferm__page .button__statistic:hover {
    background: inherit;
}

.ferm__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(73, 75, 104, 0.6);
    margin-top: 54px;
}

@media (min-width: 768px) {
    .ferm__table {
        display: none;
    }
}

.ferm__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 28px;
}

.link__statistic {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-right: 15px;
}

.ferm__tablink {
    width: 112px;
    height: 32px;
    border-radius: 16px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.6);
    font-family: Open Sans;
    background: rgba(255, 255, 255, 0.05);
}

.position__button {
    position: relative;
    right: 28px;
    z-index: 0;
}

.ferm__activeTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFE790;
    color: #303353;
}

.ferm__balance {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

.ferm__balance__padding {
    height: auto;
    margin-top: 0;
}

.padding__ferm {
    padding: 15px;
}

.ferm__xesh_text {
    padding-left: 15px;
    padding-right: 15px;
}

.ferm__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
}

.ferm__graf {}

.ferm__line {
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
    margin-top: 15px;
}

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

.ferm__block_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.info__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding-right: 29px;
}

.title__info {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.text__info {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.18px;
    color: rgba(255, 255, 255, 0.87);
}

.ferm__list {
    width: 100%;
    margin-bottom: 120px;
}

.farm__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

.farm__detail-notice {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    opacity: 0.8;
}

.farm__detail-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.farm__detail--text {
    width: 75%;
}

.farm__detail-button {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: #FFE790;
    border: 1px solid #FFE790;
    border-radius: 8px;
    width: 145px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 20px;
    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;
}

.farm__detail-column .farm__detail-label {
    color: rgba(255, 255, 255, 0.38);
}

.farm__detail-column .farm__detail-value {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.farm__detail-column .farm__detail-usd {
    color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 767px) {
    .farm__detail-notice {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 110%;
    }
    .farm__detail--text {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .ferm__list {
        margin-top: 0;
        padding: 20px 40px 20px 40px;
    }
}

@media (min-width: 1200px) {
    .ferm__list {
        padding: 20px 0px 20px 0px;
    }
    .item__title {
        margin-top: 20px;
    }
}

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

.list__item .panel {
    padding: 10px 50px 20px 20px;
    background: none;
}

.item__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
    padding-left: 15px;
    padding-right: 15px;
}

.item__element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 20px 15px 20px 20px;
    width: 100%;
    gap: 20px;
}

.item__element .item__icon {
    max-width: 32px;
}

@media (min-width: 768px) {
    /*.item__element {*/
    /*    display: -ms-grid;*/
    /*    display: grid;*/
    /*    -ms-grid-columns: 1fr 3.5fr 9fr;*/
    /*    grid-template-columns: 1fr 3.5fr 9fr;*/
    /*}*/
    .ferm__coin {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .ferm__balance__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 248px;
        width: 328px;
        border-radius: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #3A3D5C;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .ferm__balance__padding {
        padding: 15px;
    }
    .ferm__top__block .img__padding {
        padding: 0;
        width: 24px;
    }
    .balance__box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 40px;
        gap: 32px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 1200px) {
    .balance__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: space-between;
    }
    .ferm__coin {}
    .ferm__tabcont {
        width: 672px;
        height: 543px;
        background: #3A3D5C;
        border-radius: 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: scroll;
    }
}

@media (max-width: 767px) {
    .ferm__coin {
        display: none;
    }
    .ferm__balance__block {
        display: none;
    }
    .balance__box {
        display: none;
    }
}

.ferm__progress {
    padding-top: 10px;
    color: rgba(255, 255, 255, 0.38);
}

.ferm__progress .progress {
    margin-top: 10px;
    border-radius: 10px;
    height: 12px;
    background-color: #303353;
}

.ferm__progress .progress .progress-bar {
    background-color: #FFE790;
    border-radius: 10px;
}

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

.item__text__info {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.info__down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.text__down {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
}

.text__gray {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 9.6px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.05);
    border: 1.5px solid #434563;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 48px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 1px;
}

.text__gr {
    color: rgba(255, 255, 255, 0.38);
}

.text__bold {
    font-weight: 600;
    padding-right: 10px;
}

.info__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -ms-grid-column-align: end;
    margin-right: 50px;
    margin-left: auto;
}

.right__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.info__text__right {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.4px;
    color: #8EFFAD;
}

.notice__red {
    color: #FF8789;
}

.notice__yellow {
    color: #FFDD61;
}

::-webkit-scrollbar {
    width: 0;
}

/* +++++ */

/* kor__page */

.kor__page {
    position: relative;
}

.kor__box {
    /* height: 100vh; */
}

.kor__res {
    width: 343px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.kor__res--text {
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.kor__res--button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
    width: 100%;
    height: 48px;
    border-radius: 8px;
    background-color: #414361;
    color: #fff;
    margin: 24px 0 36px 0;
}

@media (max-width: 1199px) {
    .content .kor__page {
        /* top: 85px; */
        margin-top: 82px;
    }
    .kor__res {
        margin: 0 auto 60px auto;
    }
}

@media (min-width: 1200px) {
    .kor__page {
        height: auto;
    }
    .kor__box {
        height: auto;
        width: 672px;
    }
    .kor__res {
        margin-left: 60px;
    }
    .kor__page_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 16px;
        gap: 32px;
    }
}

.kor__box {
    background: #3A3D5C;
    border-radius: 16px;
    margin-bottom: 50px;
    height: 100%;
}

@media (max-width: 767px) {
    .kor__page_box {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .kor__box {
        margin-bottom: 0;
    }
    .name__container .name__text_down {
        text-align: left;
    }
}

.kor__box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
}

@media (min-width: 768px) {
    .kor__box__header img {
        display: none;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .kor__box__header {
        padding-left: 40px;
    }
}

@media (min-width: 1200px) {
    .kor__box__header {
        padding: 20px;
    }
}

.kor__box__header span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.kor__error {
    font-family: Open Sans;
    font-style: normal;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    color: #FF8789;
    padding-left: 20px;
}

.kor__error .btn-primary {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 16px;
    border-radius: 6px;
    font-weight: 600;
    color: #303353;
    background: #FFE790;
}

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

.kor__element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.kor__element .break-column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 0;
}

.element__container--bonus {
    background: #FFE790;
    border-radius: 16px;
    padding: 10px;
    margin-top: 20px;
    color: #303353;
}

.element__container--bonus .value__container {
    padding-right: 10px;
}

.element__container--bonus .name__container {
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.element__container--bonus .name__container-img {
    width: 32px;
    height: 32px;
}

.element__container--bonus .input__value,
.element__container--bonus .name__element {
    color: #303353;
}

.element__container--bonus .number__ {
    color: #303353;
    text-decoration: line-through;
    -webkit-text-decoration-color: #303353;
    text-decoration-color: #303353;
}

@media (min-width: 1200px) {
    .kor__element {
        padding: 16px 20px 16px 20px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .kor__element {
        padding: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.element__container {
    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;
    gap: 20px;
}

@media (max-width: 768px) {
    .element__container--bonus {
        gap: 0px;
    }
    .element__container--bonus .value__text {
        display: none;
    }
}

@media (min-width: 768px) {
    .element__container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 0;
        width: 616px;
    }
    .element__container--bonus {
        -ms-grid-columns: 1.4fr 1fr 1fr;
        grid-template-columns: 1.4fr 1fr 1fr;
    }
    .name__container .name__element {
        text-align: left;
    }
    .name__container {}
}

.div__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
}

@media (max-width: 767px) {
    .div__container {
        margin-top: 32px;
        margin-bottom: 32px;
    }
}

@media (min-width: 768px) {
    .div__container {
        margin-top: 64px;
        margin-bottom: 64px;
    }
}

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

.name__element {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
}

.name__text_down {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.button__value_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column-align: center;
    justify-self: center;
    gap: 2px;
}

.decrease {
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: #FFFFFF;
    border-radius: 8px 0px 0px 8px;
    height: 32px;
    width: 32px;
}

.increase {
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: #FFFFFF;
    border-radius: 8px 0px 0px 8px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    height: 32px;
    width: 32px;
}

.input__value {
    width: 72px;
    height: 32px;
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: #FFFFFF;
    border-radius: 0px;
}

.shop__item .increase,
.shop__item .decrease {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px 0px 0px 10px;
    height: 30px;
    width: 50px;
}

.shop__item .input__value {
    width: 106px;
    height: 30px;
    background: rgba(255, 255, 255, 0.15);
}

.value__container {
    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;
}

@media (min-width: 768px) {
    .value__container {
        padding-right: 20px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.value__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.38);
}

@media (min-width: 768px) {
    .value__text {
        display: none;
    }
}

.number__ {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.1px;
    color: #FFFFFF;
}

.color__ {
    color: rgba(255, 255, 255, 0.38);
    text-align: right;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.currency {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.kor__element .basket-item-actions-remove {
    height: 16px;
    width: 16px;
}

@media (max-width: 420px) {
    .kor__element .basket-item-actions-remove {
        position: absolute;
        top: 18px;
        left: 342px;
    }
}

@media (min-width: 768px) {
    .kor__element .basket-item-actions-remove {
        height: 14px;
        width: 14px;
        -ms-grid-row-align: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
}

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

.input__cupon_box {
    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;
}

.input__cupon {
    width: 341.77px;
    height: 48px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding-left: 16px;
    margin: 0 auto;
    position: relative;
}

.input__cupon:focus {
    border: 1px solid #FFE790;
}

.done:focus {
    border: 1px solid #8EFFAD;
    color: #8EFFAD;
}

.no-active:focus {
    border: 1px solid #FF8789;
    color: #FF8789;
}

.done_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    letter-spacing: 0.4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.done_text .close-link {
    color: rgba(255, 255, 255, 0.38);
    cursor: pointer;
}

.done_text-muted {
    color: #8EFFAD;
}

.done_text-danger {
    color: #FF8789;
}

.cupon__value_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

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

.cupon__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.cupon_text_value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
}

.cupon_text_value_red {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    letter-spacing: 0.4px;
    color: #FF8789;
}

.submit {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    width: 99px;
    height: 32px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
    position: absolute;
    top: 9px;
    right: 12px;
    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;
}

@media (min-width: 768px) {
    .input__cupon {
        margin-top: 30px;
    }
    .submit {
        margin-top: 30px;
    }
}

.total__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (min-width: 768px) {
    .total__value {
        margin: 0 auto;
        gap: 93px;
        margin-top: 15px;
        margin-bottom: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.total__value_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38)
}

.total__number_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.1px;
    color: #FFFFFF;
}

.button__pay {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: #303353;
    background: #FFE790;
    border-radius: 6px;
    width: 342px;
    height: 48px;
    margin: 0 auto;
    margin-bottom: 20px;
    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;
}

@media (max-width: 767px) {
    .element__text {
        display: none;
    }
}

@media (min-width: 768px) {
    .element__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-top: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .element__text span {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.38);
    }
}

@media (min-width: 1200px) {
    .element__text {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 1300px) {
    .kor__banner {
        display: none;
    }
}

@media (min-width: 1301px) {
    .kor__banner {
        display: block;
        background: #3A3D5C;
        border-radius: 16px;
        width: 320px;
        height: 234px;
    }
    .baner {
        height: 332px;
    }
    .kor__banner__title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        margin: 15px;
    }
    .kor__banner__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .kor__banner__button .banner__button_style {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        height: 40px;
        background-image: none;
        padding: 27px;
    }
    .kor__banner__button .banner__button_style:hover {
        background-image: none;
        border-radius: 0px;
    }
}

@media (max-width: 767px) {
    .kor__FAQ_block {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .kor__FAQ_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 40px;
        margin-right: 40px;
        padding-bottom: 20px;
    }
    .kor__container {
        margin-left: 40px;
        margin-right: 40px;
    }
    .FAQ__title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: #FFFFFF;
    }
    .FAQ__element_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .FAQ__element {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }
    .FAQ__element span {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.1px;
        color: rgba(255, 255, 255, 0.6);
        padding: 16px;
        padding-left: 0;
    }
    .FAQ__element img {}
}

@media (min-width: 1200px) {
    .kor__FAQ_block {
        display: none;
    }
    .button__tg_box {
        display: none;
    }
    .footer__ipad {
        display: none;
    }
}

@media (max-width: 1199px) {
    .footer__display_kor {
        display: none;
    }
}

@media (max-width: 767px) {
    .button__tg_box {
        display: none;
    }
    .footer__ipad {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .button__tg_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.05);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px;
        margin-left: 40px;
        margin-right: 40px;
    }
    .button_tg_text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .button_tg_title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.1px;
        color: rgba(255, 255, 255, 0.87);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .button_tg_bottom {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.4px;
        color: rgba(255, 255, 255, 0.38);
    }
    .button__tg {
        background: rgba(255, 255, 255, 0.05);
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.87);
        width: 150px;
        height: 48px;
        border-radius: 12px;
        margin-left: 20px;
        background-image: url(../images/Group.svg);
        background-repeat: no-repeat;
        background-position: 16px;
        padding-left: 55px;
    }
    .footer__ipad {
        background: inherit;
    }
}

.empty__box {
    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;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 198px;
    height: 73vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
}

@media (min-width: 768px) {
    .empty__box {
        height: 43vh;
    }
}

.empty__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.empty__button {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    height: 32px;
    width: 198px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.empty__box .empty__button {
    height: 42px;
}

@media (max-width: 1199px) {
    .FAQ-all_block .help {
        display: none;
    }
}

@media (max-width: 767px) {
    .help__content {
        margin-top: 48px;
    }
}

@media (min-width: 768px) {
    .FAQ-all_block .help__content {
        padding-bottom: 0;
        height: auto;
    }
    .help__content .button__tg_box_mobile {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px;
    }
    .button_tg_text_mobile {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}

.button__tg_box_mobile {
    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;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    margin: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 16px;
}

.button_tg_text_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

.button_tg_title_mobile {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.button_tg_bottom_mobile {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.button__tg_mobile {
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
    width: 150px;
    height: 48px;
    border-radius: 12px;
    background-image: url(../images/Group.svg);
    background-repeat: no-repeat;
    background-position: 16px;
    padding-left: 55px;
}

.help__content .title_help {
    margin-bottom: 20px;
    margin-left: 8px;
}

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

.link_korzina {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 8px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.38);
}

.chevron_img {
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    height: 24px;
    width: 18px;
}

@media (max-width: 1199px) {
    .link_korzina {
        display: none;
    }
    .chevron_img {
        display: none;
    }
}

.help .accordion_help {
    padding: 27px;
}

.FAQ-all_block .help {
    height: 332px;
}

/* +++++ */

/* mag__page */

.mag__page {
    height: auto;
}

.mag__box {
    margin-top: 70px;
    margin-left: 15px;
}

@media (min-width: 768px) {
    .mag__box {
        margin-top: 15px;
        margin-left: 40px;
    }
}

@media (min-width: 1200px) {
    .mag__box {
        margin-top: 0;
        margin-left: 0;
    }
    .page__height {
        height: auto;
    }
}

@media (max-width: 767px) {
    .mag__box {
        margin-top: 0px;
    }
    .mag__box .coin__box_padding {
        display: none;
    }
}

.mag__box .coin__box_padding {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 16px;
}

.mag__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.18px;
    color: rgba(255, 255, 255, 0.87);
}

#myBtnContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
    margin-top: 20px;
}

.containerShop .show {
    display: block;
}

.containerBtn {
    padding: 10px 20px 10px 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.containerBtn span {
    display: inline-block;
    width: 66px;
}

.containerBtn .span_width {
    width: 120px;
}

.activeBtn {}

.containerShop {
    max-width: 1075px;
    margin-left: 2px;
}

.containerShop--pawa {
    margin: 30px 0px 40px 0px;
}

@media (min-width: 1200px) {
    .containerShop {
        margin-bottom: 0;
    }
    .containerShop--pawa {
        margin: 30px 0px 40px 0px;
    }
}

@media (max-width: 767px) {
    .containerShop {
        padding-bottom: 95px;
    }
    .containerShop--pawa {
        padding-bottom: 0;
    }
}

.filterDiv {
    display: none;
    margin-top: 16px;
    margin-bottom: 16px;
}

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

.shop__element_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.title_litle {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.6);
    /* margin-top: 10px; */
}

.shop__element_title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
    margin-bottom: 16px;
}

.usd__block_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: 15px;
    margin-bottom: 20px;
    gap: 5px;
    cursor: pointer;
}

.usd__name {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.6);
}

.usd__block_left img {}

.shop__item_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
    padding-top: 30px;
    padding-left: 2px;
    padding-bottom: 2px;
}

.container__width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .container__width {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .shop__item_box {
        overflow: visible;
        padding-top: 0;
        padding-left: 0px;
        padding-bottom: 0px;
    }
}

.shop__item_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 19px;
}

.header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.shop__item {
    background: #3A3D5C;
    border: 2px solid rgba(255, 255, 255, 0.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 380px;
    width: 250px;
    gap: 10px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: top;
}

.shop__item--border {
    position: relative;
    border-radius: 16px;
    background-clip: padding-box;
}

.shop__item--border .shop__item {
    z-index: 2;
    border: unset;
    height: 100%;
    position: relative;
}

.shop__item--border::after {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: -o-repeating-linear-gradient( 135deg, #FF5456 2px, #FF5456 18px, #FFF9EE 18px, #FFF9EE 34px);
    background: repeating-linear-gradient( 315deg, #FF5456 2px, #FF5456 18px, #FFF9EE 18px, #FFF9EE 34px);
    content: '';
    z-index: 1;
    border-radius: 16px;
}

.shop__item--special {
    position: relative;
    border: 2px solid #F24464;
}

.shop__item--special .shop__item_title {
    width: 80%;
}

.shop__item--special--disabled.shop__item--special {
    border: 2px solid #F2446480;
}

.shop__item--special--disabled .shop__item_header,
.shop__item--special--disabled .info__item_block,
.shop__item--special--disabled .shop__price_box,
.shop__item--special--disabled .button__value_block {
    opacity: 0.5;
}

.shop__item--special-label {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
}

.shop__item--special--popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.shop__item--special--popup-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    visibility: hidden;
    width: 244px;
    background: #494B68;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 30%;
    margin-left: -80px;
}

.shop__item--pawa {
    background: #FFE790;
    ;
    border: 2px solid rgba(255, 255, 255, 0.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 241px;
    gap: 17px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: top
}

.circle_black {
    background-image: url('../images/item1.svg');
}

.circle_green {
    background-image: url('../images/item2.svg');
}

.circle_yellow {
    background-image: url('../images/item3.svg');
}

.circle_or_border {
    background-image: url('../images/item4.svg');
    position: relative;
    border: 2px solid #FF8789;
}

.container__width .background_none {
    background-image: none;
    border: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    gap: 16px;
}

.container__width .border__color {
    border: 2px solid #B87EFF;
}

.shop__item_title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
}

.shop__item_brand {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: rgba(255, 255, 255, 0.6);
}

.shop__item--pawa .shop__item_title {
    color: #303353;
    font-size: 24px;
}

.shop__item_price {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.18px;
    color: #FFFFFF;
}

.deposit__text_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.deposit__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: rgba(48, 51, 83, 0.9);
    border-radius: 20px;
    padding: 5px;
    width: 168px;
}

.deposit__color {
    color: #FFFFFF;
    background: #B87EFF;
}

.deposit_width {
    width: 90px;
}

.info__item_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin: auto 0 auto 0;
}

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

.info__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
}

.info__text_value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.4px;
    color: #FFFFFF;
}

.shop__item--pawa .info__text {
    color: #303353;
    font-size: 12px;
}

.shop__item--pawa .info__text_value {
    color: #303353;
    font-size: 14px;
}

.green_text {
    color: #8EFFAD;
}

.shop__item_props {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin: auto 0 auto 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.shop__item_property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1px;
    background: #FFFFFF0D;
    border-radius: 10px;
    color: rgb(255, 255, 255, 80);
    padding: 12px 6px 6px 6px;
    height: 50px;
    width: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
}

.shop__property {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
}

.shop__property.green_text {
    color: #8EFFAD;
}

.shop__property--block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 3px;
}

.shop__property--img {
    width: 20px;
    height: 20px;
}

.shop__property_label {
    font-size: 10px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

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

.price__value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.18px;
    color: #FFFFFF;
}

.shop__item--pawa .price__value {
    color: #303353;
}

.price__value--old,
.price__value--special {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 11px;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.price__value--old .price__value--special {
    text-decoration: line-through;
    -webkit-text-decoration-color: rgba(255, 255, 255, 0.8);
    text-decoration-color: rgba(255, 255, 255, 0.8);
}

.price__ {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0.15);
    border: 1.5px solid #434563;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 48px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 1.5px;
    padding-left: 3px;
    padding-right: 3px;
}

.price__ span {
    color: #FFFFFF;
}

.shop__button {
    background: rgba(255, 255, 255, 0.9);
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: rgba(48, 51, 83, 0.9);
    width: 210px;
    height: 40px;
    border-radius: 10px;
}

.shop__stock {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1.8px;
    color: rgba(255, 255, 255, 0.8);
}

.shop__stock--count {
    color: #FF8789;
}

.shop__item--pawa .shop__button {
    color: #303353;
    background: #3a3d5c32;
}

.div_style {
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.link__shop {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.38);
}

.link__shop:visited {
    color: rgba(255, 255, 255, 0.38);
}

.shop__item--pawa .link__shop {
    color: #3A3D5C;
}

/* +++++ */

/* help__page */

.help__page {}

.FAQ-all_block {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 75px;
}

.faq__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 1200px) {
    .FAQ-all_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 32px;
        margin-top: 15px;
    }
    .faq__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
    .faq__Title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: #FFFFFF;
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 36px;
    }
}

.faq__sections__box_banner,
.guides__box_banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #3A3D5C;
    border-radius: 16px;
    width: 320px;
    height: 200px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.guides__box_banner {
    height: 240px;
}

.accordion__item_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #3A3D5C;
    border-radius: 16px;
    width: 652px;
    height: 639px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
}

.accordion_banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
}

.header__FAQ-all {
    display: -ms-grid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-width: 350px;
}

.header__FAQ-title {
    width: 150px;
}

@media (min-width: 1200px) {
    .header__FAQ-all {
        display: none;
    }
    .accordion__item_box .accordion {
        padding: 18px;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .accordion_banner:hover {
        background: rgba(255, 255, 255, 0.05);
    }
    .accordion__link:hover {
        color: #FFFFFF;
    }
    .accordion__link_mobile {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
        cursor: pointer;
    }
}

.FAQ-all__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #FFFFFF;
}

.accordion {
    background: inherit;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    /* transition: 0.4s; */
    border-top: 0.5px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.6);
    background-image: url('../images/chevron_right.svg');
    background-repeat: no-repeat;
    background-position: 96% center;
}

.accordion:nth-child(1) {
    border: none;
}

.activeAcc {
    background: rgba(255, 255, 255, 0.02);
    border-top: 0.5px solid rgba(255, 255, 255, 0.12);
    border-bottom: none;
    color: #FFFFFF;
    background-image: url("../images/chevron_up.svg");
    background-repeat: no-repeat;
    background-position: 96% center;
}

.list__item .activeAcc {
    background-color: unset;
}

.faq__tabCont {
    display: none;
}

.sec__tabCont {
    display: none;
}

.sec__guides {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 51px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
}

.sec__guides-link {
    background: inherit;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-top: 0.5px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.6);
}

.guides_link {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
    cursor: pointer;
}

.panel {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.02);
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: initial;
}

.text__padding {
    padding-top: 20px;
}

.accordion__link {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: 0.1px;
    color: inherit;
}

.FAQ-all_block .accordion__link {
    margin-right: 15px;
}

.faq__top__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    padding-left: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.border__sryle {
    border-top: none;
}

@media (max-width: 768px) {
    .accordion,
    .activeAcc {
        background-position: 96% 75%;
    }
    .ferm__list .item__element {
        padding: 0;
        gap: 10px;
    }
    .ferm__list .info__right {
        margin-right: 0;
    }
}

@media (max-width: 1199px) {
    .wrapper__FAQ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .FAQ-all_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .accordion__item_box {
        background: inherit;
        border-radius: 0;
        width: auto;
        height: auto;
    }
    .faq__Title {
        display: none;
    }
    .accordion {
        padding: 15px;
    }
    .faq__sections__box_banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: scroll;
        background: inherit;
        border-radius: 0;
        width: auto;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin-bottom: 25px;
        margin-top: 51px;
        margin-left: 15px;
        margin-right: 15px;
        gap: 16px;
    }
    .faq__top__block {
        display: none;
    }
    .accordion_banner span {
        white-space: nowrap;
    }
    .accordion__link_mobile {
        color: rgba(255, 255, 255, 0.87);
        text-align: center;
        letter-spacing: 0.4px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
    }
    .faq__sections__box_banner .faqActive {
        background: #FFE790;
        border-radius: 16px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0.25px;
        color: #303353;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .header__FAQ-all .secActive {
        background: #FFE790;
        border-radius: 16px;
        color: #303353;
    }
    .accordion_banner {
        height: auto;
        padding: 7px;
        padding-left: 23px;
        padding-right: 23px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 16px;
    }
    .faq__box {
        padding: 0;
    }
    .guides__box {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .accordion__item_box {
        padding: 25px;
    }
}

/* +++++ */

/* statistic page  */

@media (min-width: 1200px) {
    .statictic__box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
        margin-top: 24px;
    }
    .statistic__container {
        background: #3A3D5C;
        border-radius: 16px;
        width: 672px;
        padding-top: 15px;
    }
}

.statistic__tabcont {
    display: none;
}

.statistic__tab .statistic__activeTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFE790;
    color: #303353;
}

@media (min-width: 768px) {
    .statistic__table .statistic__tab .statistic__activeTab {
        background: inherit;
        color: rgba(255, 255, 255, 0.87);
        border-bottom: 3px solid #FFE790;
        padding-bottom: 10px;
        border-radius: 3px;
    }
    .statistic__tab .statistic__tablink {
        border-radius: 0px;
        background: inherit;
        color: rgba(255, 255, 255, 0.38);
        padding: 8px 15px 13px 15px;
    }
    .statistic__table .statistic__tab {
        overflow: hidden;
    }
    .statistic__page .header__statisc_block {
        padding-bottom: 0;
        background: inherit;
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 20px;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .statistic__page .header__statisc_block {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 0;
    }
    .header__statisc_block .statistic__table {
        margin-top: 0;
    }
}

@media (max-width: 1199px) {
    .ferm__top__block .button__statistic {
        display: none;
    }
    .link__statistic-padding {
        padding-right: 15px;
    }
    .statistic__block_display {
        display: none;
    }
}

.header__statisc_block {
    background: #3A3D5C;
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.header__static {
    margin: 0;
}

.statistic__table {
    margin-top: 34px;
}

.statistic__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
}

.statistic__tablink {
    padding: 8px 15px 8px 15px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

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

.oneTab__block {
    background: #3A3D5C;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
    gap: 30px;
    padding-bottom: 0;
    padding-top: 20px;
}

@media (min-width: 768px) {
    .oneTab__block {
        background: inherit;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 25px;
        margin-right: 25px;
    }
    .oneTab__img_mobile {
        display: none;
    }
    .twoTab__img_mobile {
        display: none;
    }
    .threeTab__img_mobile {
        display: none;
    }
    .fourTab__img_mobile {
        display: none;
    }
    .oneTab__img_desktop {
        display: block;
        width: 631px;
        height: 257px;
        -ms-grid-row-align: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .twoTab__img_desktop {
        display: block;
        width: 631px;
        height: 257px;
        -ms-grid-row-align: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .threeTab__img_desktop {
        display: block;
        width: 169px;
        height: 169px;
        -ms-grid-row-align: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-top: 30px;
    }
    .fourTab__img_desktop {
        display: block;
        width: 169px;
        height: 169px;
        -ms-grid-row-align: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .oneTab__block {
        margin-left: 20px;
        margin-right: 20px;
        padding: 0;
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .oneTab__img_desktop {
        display: none;
    }
    .twoTab__img_desktop {
        display: none;
    }
    .threeTab__img_desktop {
        display: none;
    }
    .fourTab__img_desktop {
        display: none;
    }
}

.oneTab__element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

.oneTab_width {
    width: 194px;
}

.oneTab_text-align {
    text-align: end;
}

.oneTab__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.oneTab__value_btc {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.oneTab__value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
}

.color_white {
    color: rgba(255, 255, 255, 0.87);
}

.color_red {
    color: #FF8789;
}

.color_green {
    color: #8EFFAD;
}

.button__day_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-top: 30px;
    margin: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.button__day_element {
    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;
    width: 33px;
    height: 33px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.button__day_element:visited {
    color: rgba(255, 255, 255, 0.87);
}

.backg_el {
    width: 87px;
    color: #303353;
    background: #FFE790;
}

.twoTab__block {
    gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .threeTab__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.threeTab__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: 15px;
    margin-top: 10px;
    gap: 24px;
}

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

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

.threeTab__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.87);
}

.threeTab__value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.87);
}

.threeTab__graf_line {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 60px;
    width: 343px;
    height: 8px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
}

.red::before {
    content: "";
    position: absolute;
    background: #FF8789;
    border-radius: 60px;
    width: 179px;
    height: 8px;
}

.green::before {
    content: "";
    position: absolute;
    background: #8EFFAD;
    border-radius: 60px;
    width: 74px;
    height: 8px;
}

.yellow::before {
    content: "";
    position: absolute;
    background: #FFE790;
    border-radius: 60px;
    width: 44px;
    height: 8px;
}

.purple::before {
    content: "";
    position: absolute;
    background: #B87EFF;
    border-radius: 60px;
    width: 242px;
    height: 8px;
}

.light_blue::before {
    content: "";
    position: absolute;
    background: #A2DBFF;
    border-radius: 60px;
    width: 51px;
    height: 8px;
}

.yell::before {
    content: "";
    position: absolute;
    background: #FFCD87;
    border-radius: 60px;
    width: 51px;
    height: 8px;
}

@media (max-width: 1199px) {
    .statistic__banner_block {
        display: none;
    }
}

/* <!-- ++++++++ --> */

/* settings__page */

.settings__page {
    height: auto;
}

.header__settings {}

.settings__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.settings__box_element_two {
    width: 320px;
    height: 294px;
    margin-top: 14px;
}

.settings__box_element_one {
    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;
    margin-top: 52px;
}

@media (max-width: 1199px) {
    .settings__box_element_two {
        display: none;
    }
    .settings__box {
        margin-bottom: 100px;
    }
}

.custom-select_settings select option {
    background: #3A3D5C;
}

@media (min-width:1200px) {
    .settings__box_element_one {
        margin-top: 14px;
        background: #3A3D5C;
        border-radius: 16px;
        width: 642px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .settings__box_element_two {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.settings__photo {
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    height: 96px;
    width: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
}

.settings__element_box {}

.settings__form-input:focus {
    border: 1px solid #FFE790;
}

.settings__form-label:focus {
    color: #FFE790;
}

.settings__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 15px;
}

.settings__form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    position: relative;
}

#auth-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.settings__form-text {
    color: rgba(255, 255, 255, 0.87);
}

.settings__2fa {
    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;
    color: rgba(255, 255, 255, 0.87);
}

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 28px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: #FFE790;
}

input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.settings__form-item-amount {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

.settings__form-input {
    width: 343px;
    height: 48px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 5px 15px;
    color: rgba(255, 255, 255, 0.87);
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    padding-left: 15px;
    padding-top: 15px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.settings__form-input--small {
    width: 42px;
    height: 32px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 4px 8px;
    color: rgba(255, 255, 255, 0.87);
}

.phone__block {
    width: 285px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 0;
}

.settings__form-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.38);
}

.settings__form-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.38);
}

.settings__form-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.38);
}

.settings__form-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.38);
}

.settings__form-input::placeholder {
    color: rgba(255, 255, 255, 0.38);
}

.settings__form-label {
    position: absolute;
    pointer-events: none;
    left: 15px;
    right: 15px;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    line-height: 49px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: rgba(255, 255, 255, 0.38);
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
}

.settings__form-input:not(:focus):-moz-read-only~.settings__form-label {
    top: -10px;
    font-size: 10px;
}

.settings__form-input:focus~.settings__form-label,
.settings__form-input:not(:focus):valid~.settings__form-label,
.settings__form-input:not(:focus):read-only~.settings__form-label {
    top: -10px;
    font-size: 10px;
}

.region {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 58px;
    height: 48px;
    padding-left: 10px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.87);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.save__box {}

.password__box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 0fr;
    grid-template-columns: 1fr 1fr 0fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
}

.password {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.password__data {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.button__save {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 1px;
    color: #303353;
    background: #FFE790;
    padding-top: 0;
}

.settings__photo_modal {
    display: none;
    position: absolute;
    top: 161px;
    width: 116px;
    height: 75px;
    background: #494B68;
    -webkit-box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.09), 0px 9px 46px rgba(0, 0, 0, 0.05), 0px 11px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.09), 0px 9px 46px rgba(0, 0, 0, 0.05), 0px 11px 15px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    z-index: 1;
}

.button__modal {
    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;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
    height: 36px;
}

.button__modal:hover {
    background: rgba(255, 255, 255, 0.05);
}

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

.password__modal {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

.password__title {
    margin-top: 24px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.position__footer {
    position: inherit;
    margin-top: 85px;
}

/* ++++++++ */

/* calculator__page */

.calculator__page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    overflow-y: auto;
}

@media (min-width:1200px) {
    .calculator__page {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .calculator__page .header__calculator {
        width: 90%;
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (min-width:1720px) {
    .calculator__page .header__calculator {
        width: 71%;
        margin-left: 285px;
        margin-right: 285px;
    }
}

.header__calculator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px;
    width: auto;
}

.calculator__title {
    padding-right: 0;
}

.calculator__box {}

@media (min-width:400px) {
    .calculator__box {
        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;
    }
    .calculator__form .calculator__usd {
        right: 12px;
    }
    .calculator__scroll_box {
        width: 100%;
    }
}

.calculator__scroll_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
    margin-top: 32px;
}

.scroll_box_element {}

.scroll_box_element span {
    color: rgba(255, 255, 255, 0.6);
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.15px;
    width: 171px;
    display: inline-block;
}

.calculator__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
}

.calculator__input:focus {
    border: 1px solid rgba(255, 255, 255, 0.05);
    ;
}

.calculator__input {
    padding-top: 0;
    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;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
}

.calculator__input_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.input_text_color {
    color: rgba(255, 255, 255, 0.38);
}

.calculator__input__button {
    width: 90px;
    height: 24px;
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.input__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
    padding: 15px;
}

.calculator__usd {
    position: absolute;
    margin: 0;
    top: 64px;
    right: 27px;
}

.usd__name_input {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.87);
}

.forecast__box {
    margin: 15px;
}

.forecast__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    margin-top: 32px;
    margin-bottom: 13px;
}

.forecast__table {
    background: #3A3D5C;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px;
    gap: 13px;
    width: 342px;
}

.forecast__table--grid {
    width: unset;
}

.forecast__table--grid .forecast__table_element {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

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

.forecast_span_left {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
}

.forecast_span_right {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    letter-spacing: 0.4px;
    color: #FFFFFF;
}

.forecast__table_element .green_text {
    color: #8EFFAD;
}

#calcModal,
#twofaModal,
#twofaDisableModal,
#billingModal {
    z-index: 99999;
}

#twofaModal,
#twofaDisableModal,
#billingModal {
    background: #303353;
}

#calcContent,
#twofaContent,
#twofaDisableContent,
#billingModalContent {
    background: #303353;
}

.modal__form-text {
    color: rgba(255, 255, 255, 0.87);
    width: 350px;
}

/* ++++++++ */

/* notifications PAGE */

.notifications__page {}

.notif__mobile_block {
    display: block;
}

.notifications__header {
    -ms-grid-columns: 0fr 1fr 0fr;
    grid-template-columns: 0fr 1fr 0fr;
    width: auto;
    margin: 15px;
}

.settings__butt {
    width: 24px;
    height: 24px;
    background-image: url(../images/settings.svg);
    background-repeat: no-repeat;
    background-position: center;
}

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

.notifications__title {
    padding-right: 0;
}

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

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

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

.notifications__table_element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    border-top: none;
    background-image: none;
}

.notifications__img {
    margin-top: 5px;
    -ms-grid-row-align: start;
    -ms-flex-item-align: start;
    align-self: start;
}

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

@media (min-width:768px) {
    .notifications__element_container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .notifications__header {
        -ms-grid-columns: 0fr 1fr 0fr;
        grid-template-columns: 0fr 1fr 0fr;
        width: auto;
        margin: 20px 40px 20px 40px;
    }
    .notifications__box {
        margin: 25px;
    }
    .notifications__element_container .notifications__element_data {
        margin-top: 0;
    }
    .notifications__box .notifications__button_box {
        margin-top: 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .natif__button {
        width: 336px;
    }
    .notific__img {
        width: 340px;
        -ms-grid-row-align: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .notifications__text__massage {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        padding-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .notif__mobile_block {
        display: none;
    }
    .notifications__box_element_one {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 652px;
        height: 639px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: scroll;
    }
}

@media (max-width: 1199px) {
    .notifications__box_desktop {
        display: none;
    }
    .page__mobile {
        height: 100vh;
    }
}

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

.mail__block h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
}

.mail__block span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.notifications__element_data {
    font-family: Open Sans;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.38);
    margin-top: 8px;
    letter-spacing: 0.4px;
}

.notifications__button_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px;
    gap: 20px;
}

.natif__button_one {
    height: 48px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.87);
}

.natif__button_two {
    background: #FFE790;
    border-radius: 8px;
    height: 48px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: #303353;
}

.notifications__text__massage {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 15px;
}

.text__massage {
    display: inline-block;
    margin-top: 24px;
}

.text__massage_link {
    color: #FFE790;
}

.activeAc {
    background: rgba(255, 255, 255, 0.02);
    border-bottom: none;
}

.modalNotifications {
    display: none;
    position: fixed;
    z-index: 1;
    top: 53px;
    right: 98px;
    overflow: auto;
    background: #434562;
    -webkit-box-shadow: 0px 24px 38px rgb(0 0 0 / 9%), 0px 9px 46px rgb(0 0 0 / 5%), 0px 11px 15px rgb(0 0 0 / 5%);
    box-shadow: 0px 24px 38px rgb(0 0 0 / 9%), 0px 9px 46px rgb(0 0 0 / 5%), 0px 11px 15px rgb(0 0 0 / 5%);
    border-radius: 8px;
    width: 436px;
    height: 288px;
}

@media (min-width: 1920px) {
    .modalNotifications {
        right: 332px;
    }
}

.modalNotifications__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px;
}

.modalNotifications__header span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.6);
}

.modalNotifications__header .numberColor {
    color: #8EFFAD;
    padding-right: 4px;
}

.modalNotifications__header a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.1px;
    color: #FFE790;
}

.faq_mobile {
    display: -ms-grid;
    display: grid;
}

.faq_mobile_open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.FAQ-all_block_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px;
}

.FAQ-all_block_mobile h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.FAQ-all_block_mobile h1 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.18px;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .faq_mobile {
        margin-left: 40px;
        margin-right: 40px;
    }
    .faq_mobile_open {
        margin-left: 40px;
        margin-right: 40px;
    }
    .FAQ-all_block_mobile {
        padding: 40px;
    }
    .notifications__page_open {
        max-width: 1440px;
        margin: 0 auto;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
    }
}

/* ++++++ */

/* wallet page */

.wallet__tab .wallet__activeTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(255, 255, 255, 0.87);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.wallet__activeTab::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #FFE790;
    border-radius: 12px;
    left: 0;
    top: 28px;
}

@media (max-width: 1199px) {
    .wallet__activeTab::after {
        top: 34px;
    }
}

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

.wallet__tabs .wallet__activeTabs {
    background: #FFE790;
    color: #303353;
}

.wallet__tabs .wallet__activeTabsOutput {
    background: #FFE790;
    color: #303353;
}

.wallet__tabconts {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
}

.wallet__tabcontsOutput {
    display: none;
}

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

@media (min-width: 1200px) {
    .wallet__container {
        margin-top: 20px;
    }
    .wallet__element_one {
        background: #3A3D5C;
        border-radius: 16px;
        width: 1024px;
    }
    .wallet__tab .wallet__tablink {
        background: #3A3D5C;
        padding-bottom: 13px;
        width: 59px;
    }
    .wallet__tab .wallet__tablink .wallet__activeTab {
        padding-bottom: 11px;
    }
    .wallet__element_one .wallet__tab {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin: 0;
        margin-bottom: 30px;
    }
    .wallet__list_container .wallet__list_element {
        display: none;
    }
    .wallet__table_header {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 277px 184px 1fr 1fr;
        grid-template-columns: 1fr 277px 184px 1fr 1fr;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        padding: 16px;
    }
    .wallet__table_header span:nth-child(5) {
        text-align: right;
    }
    .wallet__table_header span:nth-child(4) {}
    .wallet__table_header span {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.87);
    }
    .wallet__table__element {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 277px 184px 1fr 1fr;
        grid-template-columns: 1fr 277px 184px 1fr 1fr;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        padding: 16px;
    }
    .wallet__table__element:last-child {
        border-bottom: none;
    }
    .wallet__table__element span {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.6);
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-right: 20px;
    }
    .wallet__table__element span:nth-child(5) {
        text-align: right;
        padding-right: 0;
    }
    #wallet__input .tabs__block .wallet__tabs {
        padding-left: 15px;
    }
    #wallet__output .wallet__tabs {
        padding-left: 15px;
    }
    .wallet__table_footer {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0.224fr;
        grid-template-columns: 1fr 0.224fr;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .wallet__button_page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
        -ms-grid-column-align: center;
        justify-self: center;
    }
    .button__prev {
        width: 32px;
        height: 32px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 4px;
        background-image: url('../images/prevbutton.svg');
        background-repeat: no-repeat;
        background-position: center;
    }
    .number__page__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
    }
    .number_page {
        width: 32px;
        height: 32px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 4px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.6);
    }
    .number_page:visited {
        color: rgba(255, 255, 255, 0.6);
    }
    .active_page {
        color: #303353;
        background: #FFE790;
    }
    .button__next {
        width: 32px;
        height: 32px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 4px;
        background-image: url('../images/nextbutton.svg');
        background-repeat: no-repeat;
        background-position: center;
    }
    .custom-select {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 15px;
    }
    .custom-select select {
        width: 43px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.05);
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: rgba(255, 255, 255, 0.87);
    }
    .custom-select span {
        -ms-grid-row-align: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-right: 13px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        text-align: right;
        letter-spacing: 0.4px;
        color: rgba(255, 255, 255, 0.38);
    }
    .custom-select select option {
        background: #3A3D5C;
        border: none;
    }
}

@media (max-width: 1199px) {
    .wallet__list_container_table {
        display: none;
    }
    .wallet__table_footer {
        display: none;
    }
    .wallet__title {
        display: none;
    }
}

.wallet__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
    margin: 15px;
    margin-bottom: 30px;
}

.wallet__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.wallet__tablink {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
    background: #303353;
    padding-bottom: 19px;
    width: 156px;
}

@media (min-width: 768px) {
    .wallet__tablink {
        width: 440px;
    }
    .wallet__tab {
        margin: 40px;
    }
    .tabs__block .wallet__tabs {
        padding-left: 40px;
    }
    .wallet__list_element {
        margin-left: 25px;
        margin-right: 25px;
    }
    .wallet__left_element {
        padding-left: 20px;
    }
    .wallet__right_element {
        padding-right: 20px;
    }
}

.wallet__tabs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 101px 10px 170px 10px 189px;
    grid-template-columns: 101px 170px 189px;
    gap: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
    padding-left: 15px;
}

.wallet__tablinks {
    padding: 8px 15px 8px 15px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.05);
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87)
}

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

.wallet__list_element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 15px;
    padding-top: 15px;
}

.wallet__table__modal .status__currency:after {
    content: '\00a0\2807';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.38);
}

.wallet__left_element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding-left: 15px;
}

.wallet__right_element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding-right: 15px;
}

.billing__table {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
    background: #3A3D5C;
    border-radius: 16px;
    min-width: 350px;
    margin: auto;
    max-width: 95vw;
    text-align: center;
}

.billing__table-mobile {
    display: none;
}

.billing__table-modal {
    background: none !important;
    position: absolute;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 500px;
}

.billing__modal {
    background: #3A3D5C;
    border-radius: 16px;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
}

.header__billing__modal {
    width: 90%;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-bottom: 0;
}

.billing__table--stats {
    text-align: right;
}

@media (max-width: 767px) {
    .billing__table-mobile {
        display: table;
    }
    .billing__table-desktop {
        display: none;
    }
}

.billing__table td:not(:last-child),
.billing__table th:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.02);
}

.billing__table tr:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.billing__table td,
.billing__table th {
    padding: 16px;
}

.billing__table--name {
    text-align: left;
}

.billing__table--power {
    color: rgba(255, 255, 255, 0.38);
}

.name__currency {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.currency__data {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.currency__time {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
    margin-left: 10px;
}

.currency__value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.status__currency {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
    position: relative;
}

/* +++++ */

/* wallet open */

.wallet__open_block {
    width: 343px;
    height: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #3A3D5C;
    border-radius: 8px;
    margin-top: 15px;
    position: relative;
}

.value__green {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #8EFFAD;
}

.status_style {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
    position: relative;
}

.status_style::before {
    content: '';
    position: absolute;
    top: 4.5px;
    left: -12px;
    background: #8EFFAD;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.operation_discription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px;
    width: 343px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.operation_discription_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
}

.operation_discription_name {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.4px;
    color: #FFFFFF;
}

#walletOpenHeader {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0fr 1fr 0fr;
    grid-template-columns: 0fr 1fr 0fr;
    width: auto;
}

/* ++++ */

/* ordering page */

.ordering__page {}

.ordering__container {
    width: 343px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 36px;
}

@media (max-width: 767px) {
    .total__button_container {
        background: #414361;
        padding: 15px;
        margin-top: 70px;
    }
}

.button_margin {
    margin-bottom: 0;
}

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

@media (min-width: 768px) {
    .ordering__container {
        width: 672px;
    }
}

.payment__block_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #3A3D5C;
    border-radius: 16px;
}

.payment__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
    padding: 15px;
    padding-bottom: 12px;
}

.payment__title_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
    padding: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.payment__element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    padding-top: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    margin-bottom: 15px;
}

.payment__element_info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0fr 20px 1fr 20px 0fr;
    grid-template-columns: 0fr 1fr 0fr;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

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

.textLeft_top {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.textLeft_bottom {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.payment__element_textRight {
    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: end;
}

.funds__text {
    background: #8EFFAD;
    border-radius: 0px 0px 16px 16px;
    height: 40px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.4px;
    color: #303353;
}

.background_no-money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    background: #FF8789;
}

.text_no-money {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #303353;
}

.button__pay_no-active {
    opacity: 0.5;
}

.payment__block_mid {
    background: #3A3D5C;
    border-radius: 16px;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 36px;
}

.total__color {
    color: #FFFFFF;
}

.order__list_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding-top: 24px;
    padding: 15px;
}

.order__element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

.order__element_name {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
}

.order__element_category {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.order__element_value {
    background: rgba(255, 255, 255, 0.05);
    border: 1.875px solid #434563;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 60px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    height: 20px;
    width: 51px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.order__element_value_colorw {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

/* ++++ */

/* transfer page */

.transfer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    margin-top: 10px;
}

.transfer__FAQ_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 30px;
}

.transfer__page .wallet__list_container_table {
    margin: auto;
}

@media (max-width: 1199px) {
    .transfer__content {
        margin-bottom: 100px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .transfer__FAQ_block {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (min-width: 1200px) {
    .transfer__block_des {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        margin: auto;
        margin-top: 16px;
    }
    .transfer__FAQ_block {
        display: none;
    }
    .transfer__content {
        background: #3A3D5C;
        border-radius: 16px;
        width: 672px;
        padding-bottom: 70px;
    }
    .transfer__table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px;
        margin-right: 10px;
    }
    .transfer__title_table {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: rgba(255, 255, 255, 0.87);
    }
    #transfer__three {
        margin-bottom: 20px;
    }
}

.transfer__FAQ__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #FFFFFF;
}

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

.transfer_FAQ__element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.transfer__faq_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.6);
    padding: 16px;
    padding-left: 0;
}

.transfer__title {
    position: relative;
}

.transfer__button {
    background: #FFE790;
    border-radius: 16px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
    color: #303353;
    width: 147px;
    height: 32px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.transfer__element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    width: 343px;
    height: 62px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 20px;
}

.transfer__element_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 41px;
}

.transfer__element_text_top {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
}

.transfer__element_text_bottom {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #FFE790;
}

/* .transfer__title::after {
	content: 'Beta';
	position: absolute;
	background: #FFE790;
	border: 2.4px solid #303353;
	border-radius: 48px;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 9.6px;
	line-height: 13px;
	letter-spacing: 0.2px;
	color: #303353;
	width: 33px;
	height: 16px;
	left: 182px;
} */

@media (min-width: 1220px) {
    .transfer__tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin: 0;
        margin-bottom: 30px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        margin-top: 30px;
    }
    .transfer_padding {
        margin-left: 13px;
    }
}

@media (max-width: 1199px) {
    .transfer__tab {
        display: none;
    }
}

.transfer__tablink {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
    background: #3A3D5C;
    padding-bottom: 13px;
    width: 59px;
}

.transfer__activeTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(255, 255, 255, 0.87);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.transfer__activeTab::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #FFE790;
    border-radius: 12px;
    top: 28px;
}

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

/* ++++ */

/* output page */

.output__order {
    width: 343px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.transfer__input_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 30px;
}

.transfer__input_text_top {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.transfer__input_text_bottom {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
}

.transfer__input {
    width: 343px;
    height: 48px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding-left: 10px;
}

.transfer__form {
    padding: 0;
}

/* +++++ */

/* input page  */

@media (max-width: 767px) {
    .input__faq {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .input__faq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.input__tablink {
    width: 144px;
}

.input__tabcont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
}

.input__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 30px;
    -ms-grid-row-align: start;
    -ms-flex-item-align: start;
    align-self: start;
    padding-left: 15px;
    padding-bottom: 6px;
}

.input__coin_block {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    width: 343px;
    height: 48px;
    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-left: 15px;
    padding-right: 15px;
}

.input__coin_options {
    position: absolute;
    top: 48px;
    left: 0px;
    z-index: 1;
    height: 200px;
    overflow: scroll;
}

.input__coin_options .input__coin_block {
    border-radius: 0;
    background: #303353;
}

.input__coin_options .input__coin-option {
    cursor: pointer;
}

.input__coin_options .input__coin_block:last-child {
    border-radius: 0 0 8px 8px;
}

.input__coin_paysystems {
    min-height: 200px;
    padding-left: 10px;
}

.img__name_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.img__name_block img {
    width: 32px;
}

.coin_name {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.coin_name_more {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.input__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.87);
    -ms-grid-row-align: start;
    -ms-flex-item-align: start;
    align-self: start;
}

.qr__code_block {
    border: 2px dashed #51546F;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    width: 343px;
    padding: 15px;
    margin: auto;
    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;
    gap: 20px;
}

.qr__code_text_top {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
}

.button__download {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.6);
    width: 138px;
    height: 32px;
}

.code_symbol {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #FFFFFF;
}

.input__text_bottom {
    display: block;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
    padding: 15px 15px 0 15px;
}

@media (max-width: 768px) {
    .code_symbol_block {
        width: 300px;
        word-break: break-all;
    }
}

@media (min-width: 768px) {
    .qr__code_block {
        width: 688px;
        display: -ms-grid;
        display: grid;
        grid: 'text img' 'code img' 'but  copy';
    }
    .qr__code_text_top {
        grid-area: text;
    }
    .qr__code_block img {
        grid-area: img;
    }
    .button__download {
        grid-area: but;
    }
    .code_symbol_block {
        grid-area: code;
    }
    .copy {
        grid-area: copy;
    }
}

@media (min-width: 1220px) {
    .qr__code_block {
        width: 632px;
    }
    .input__text {
        padding-left: 167px;
    }
}

@media (min-width: 768px) and (max-width: 1219px) {
    .input__tabcont .input__text_padding {
        padding-left: 216px;
    }
    .input__text {
        padding-left: 176px;
    }
}

.input_style {
    -ms-grid-row-align: start;
    -ms-flex-item-align: start;
    align-self: start;
}

.transfer__element_input {
    margin-top: 0;
}

.transfer__element_text_input {
    margin-right: 106px;
}

.input__footer_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
    padding: 15px;
}

.input__title_mid {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
    -ms-grid-row-align: end;
    -ms-flex-item-align: end;
    align-self: end;
    padding: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    margin-top: 20px;
    width: 100%;
}

.bots__block_p2p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    gap: 15px;
    width: 362px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
}

@media (min-width: 768px) {
    .bots__block_p2p {
        width: auto;
    }
}

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

.p2p_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.p2p_link {
    background: rgba(255, 255, 255, 1);
    width: 143px;
    height: 48px;
    border-radius: 8px;
    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;
}

.bots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.input_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.input_card_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
    margin-top: 40px;
}

.input_card_text_top {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
}

/* +++++ */

/* asik remont */

.asic_style {
    opacity: 0.4;
}

.red__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #FF8789;
    border: 1px solid #FF8789;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 2px;
    width: 120px;
    text-align: center;
}

.kor__modal {
    background: #434562;
    -webkit-box-shadow: 0px 24px 38px rgb(0 0 0 / 9%), 0px 9px 46px rgb(0 0 0 / 5%), 0px 11px 15px rgb(0 0 0 / 5%);
    box-shadow: 0px 24px 38px rgb(0 0 0 / 9%), 0px 9px 46px rgb(0 0 0 / 5%), 0px 11px 15px rgb(0 0 0 / 5%);
    border-radius: 16px 16px 0px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 374px;
    height: 531px;
    position: absolute;
    z-index: 1;
}

.kor__modal .info__item_block {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 40px 0 40px 0;
    min-width: 200px;
}

@media (min-width:768px) {
    .kor__modal {
        left: 25%;
        top: 25%;
        border-radius: 16px 16px 16px 16px;
    }
}

.modal__info_asic {
    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;
    margin-top: 40px;
}

.asic__name {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
    text-align: center;
}

.modal__text_mid {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.6);
    margin: 20px;
    margin-left: 46px;
    margin-right: 46px;
}

.ferm_link {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.87);
}

.order__payment__block_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    background: #414361;
    border-radius: 8px;
    width: 343px;
    height: 135px;
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order__asic_value_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.order__asic_value_data {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.order__asic_value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.order__asic_balans {
    margin-top: 30px;
}

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

.text__mid_left {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
}

.text__mid_right {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.modal__asic_deficiency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #494B68;
    -webkit-box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.09), 0px 9px 46px rgba(0, 0, 0, 0.05), 0px 11px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.09), 0px 9px 46px rgba(0, 0, 0, 0.05), 0px 11px 15px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    width: 223px;
    height: 123px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.modal_deficiency_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
    margin-bottom: 20px;
}

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

.link {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.4px;
    color: #FFE790;
}

.text_link {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.87);
}

.modal_img {
    width: 20px;
    height: 20px;
}

/* +++++*/

/* registration page  */

.login__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    /* position: fixed; */
    z-index: 1;
    padding: 15px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .login__header a {
        margin: 0 auto;
        padding-left: 68px;
    }
    .login__header {
        padding: 20px 40px 50px 40px;
    }
}

@media (min-width: 768px) {
    .login__header {
        padding: 20px 40px 50px 40px;
    }
}

@media (min-width: 1200px) {
    .login__header {
        max-width: 1440px;
    }
}

.page .header__all_login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.registration__tab {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 34px;
}

.registration__tab .settings__form {
    gap: 32px;
    padding: 0;
    margin-top: 15px;
}

.registration__content {
    background: #3A3D5C;
    border-radius: 16px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
}

@media (max-width: 767px) {
    .registration__content {
        width: 370px;
        margin-top: 30px;
    }
    .registration__tab {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:768px) {
    .registration__content {
        width: 438px;
    }
    .registration__tab {
        padding-left: 51px;
        padding-right: 51px;
    }
    .registration__content .registration__tabs {
        margin-left: 51px;
        margin-right: 51px;
        margin-top: 48px;
    }
}

.not_user {
    border: 1px solid #FF8789;
}

.not_user_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #FF8789;
    margin-bottom: -23px;
    margin-top: -23px;
}

.registration__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.registration__tabs .registration__activeTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.87);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.registration__activeTab:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #FFE790;
    border-radius: 12px;
    left: 0;
    top: 22px;
}

.registration__tablink {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
    background: #3A3D5C;
    padding-bottom: 7px;
    width: 172px;
}

@media (min-width: 768px) {
    .registration__tablink {
        width: 168px;
    }
    .registration__tab .registration__title {
        font-size: 24px;
    }
}

.registration__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.18px;
    color: rgba(255, 255, 255, 0.87);
}

.registration__text_bottom {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 20px;
    text-align: left;
    margin-bottom: 17px;
}

.text_center {
    text-align: center;
}

.pass__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #FFE790;
    margin-top: 20px;
}

.link__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-top: 26px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.link__footer span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.87);
}

.link__footer a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #FFE790;
}

.opacity {
    opacity: 0.5;
}

.form__text_mid {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.6);
}

.email_button {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.87);
}

.new_pass_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: -23px;
    margin-bottom: -23px;
}

.pass__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #494B68;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
}

.pass__box_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
    margin-top: 10px;
}

.password__button {
    background: inherit;
    position: absolute;
    top: 15px;
    right: 12px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* ++++++ */

/* referal page  */

@media (max-width: 1199px) {
    .ref__container_desktop {
        display: none;
    }
}

@media (max-width: 767px) {}

@media (min-width: 1200px) {
    .ref__container_desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        margin-top: 20px;
    }
    .ref__page .ref__container_mobile {
        display: none;
    }
    .ref__page {
        height: 825px;
    }
}

@media (min-width: 768px) {}

.ref_desktop_blockOne {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 672px;
    background: #3A3D5C;
    border-radius: 16px;
}

.ref__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
    margin: 20px;
}

.ref_desktop_blockTwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

.my_link_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.ref_desktop_blockTwo .ref_margin {
    margin-top: 0;
}

.ref__container_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 80px;
}

.ref__text_top {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.6);
    padding-bottom: 30px;
    width: 343px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.share__link {
    background: #FFE790;
    border-radius: 8px;
    width: 343px;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.share__link:hover {
    background: rgba(255, 255, 255, 0.12);
}

.share__link_imgLeft {
    margin-left: 10px;
}

.share__link_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #303353;
    margin-left: 10px;
}

.share__link_imgRight {
    margin-left: 100px;
}

.ref__block_mid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #3A3D5C;
    border-radius: 16px;
    width: 343px;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 20px;
    padding: 20px;
    gap: 17px;
}

.ref__block_mid_title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.ref__block_mid_calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.calendar_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.calendar_text_color {
    color: #FFE790;
}

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

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

.frend__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
}

.frend__value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    letter-spacing: 0.4px;
    color: #FFFFFF;
}

.frend__value_color {
    color: #8EFFAD;
}

.btc__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.btc__text_value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.87);
}

.btc__text_value_bottom {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.38);
}

.calendar__line {
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
}

.ref__block_images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 30px;
    margin-bottom: 50px;
    width: 343px;
    gap: 20px;
}

.block_images_one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.block_images_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.images__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.images__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.6);
}

/* ++++++ */

/* component__block */

.button__block_restore {
    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;
    padding: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.restore__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.button__restore {
    background: rgba(255, 255, 255, 0.05);
    width: 150px;
    height: 32px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.87);
}

/* ++++++ */

/* success page  */

.component__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.success__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 375px;
}

.success__title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #FFFFFF;
    width: 278px;
    margin-top: 30px;
    margin-bottom: 155px;
}

.success__element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.success__img {
    width: 64px;
    height: 64px;
}

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

.success__text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.success__data {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.38);
}

.success__value {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.87);
}

.success__operation {
    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;
    padding: 15px;
    width: 100%;
}

.success__operation_text_title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
}

.success__operation_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.87);
}

.success__button {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.87);
    background: #414361;
    border-radius: 8px;
    width: 343px;
    height: 48px;
    margin-top: 177px;
}

button.btn-success {
    padding: 11px 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.bx-soa-pp-company,
input[type=checkbox].bx-soa-pp-company-checkbox {
    z-index: unset;
}

#bx-soa-order {
    padding-bottom: 100px;
}

.typeselect {
    color: #000;
}

.banner__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 40px 15px 15px 15px;
}

.banner__container-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 40px 0px 15px 0px;
}

.pawaBanner {
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFE790;
    color: #303353;
    padding: 21px 36px 21px 36px;
}

.bfBanner {
    border-color: #FFE790;
    background: #333333;
    color: #FFFFFF;
    gap: 36px;
}

.pawaBanner__block {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #303353;
}

.bfBanner__block {
    color: #FFFFFF;
}

.pawaBanner__block--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
}

.pawaBanner__title {
    font-size: 25px;
    margin-bottom: 8px;
}

.bfBanner__title {
    font-size: 50px;
    font-weight: 900;
    margin-bottom: 16px;
}

.bfBanner__dates {
    font-size: 25px;
    font-weight: 600;
}

.pawaBanner__text {
    font-size: 16px;
}

.bfBanner__text {
    font-size: 19px;
    font-weight: 100;
    letter-spacing: 4px;
}

.pawaBanner__block--buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%;
}

.pawaBanner__button {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 1px;
    color: rgba(48, 51, 83, 0.87);
    width: 190px;
    height: 45px;
    border: 1px solid #303353;
    border-radius: 8px;
    border-color: #303353;
}

.pawaBanner__button:hover {
    background: #22243B;
    color: rgba(255, 255, 255, 0.87);
    cursor: pointer;
}

.pawaBanner__button--black {
    background: #303353;
    color: rgba(255, 255, 255, 0.87);
}

.pawaBanner__block--img {
    width: 25%;
    height: 100px;
}

.pawaBanner__block--img img {
    position: relative;
    top: -48px;
}

.bfBanner__block--img {
    height: 90px;
}

.bfBanner__block--img img {
    position: relative;
    top: -48px;
}

.pawaRounds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    margin-top: 15px;
}

.pawa__round {
    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;
    padding: 0 38px 0 38px;
    border-right: 2px solid #FFEDAD;
}

.pawa__round:last-of-type {
    border-right: unset;
}

.pawa__round span {
    opacity: 55%;
}

.pawa__round--active span {
    opacity: 100%;
}

.pawa__round--title {
    font-weight: 700;
}

.banner__container--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 40px 0px 15px 0;
}

.pawaBanner--mobile {
    max-width: 96vw;
    width: 343px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFE790;
    color: #303353;
    padding: 15px;
}

.bfBanner__mobile {
    border: 2px solid #FFE790;
    background: #333333;
    color: #FFFFFF;
}

.bfBanner__title--mobile {
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 16px;
}

.pawaBanner--mobile .pawaBanner__block--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.pawaBanner--mobile .pawaBanner__title {
    line-height: 27px;
}

.pawaBanner--mobile .pawaBanner__block--buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.pawaBanner--mobile .pawaBanner__button {
    width: 150px;
    font-size: 14px;
    line-height: 16px;
}

@media (min-width: 886px) {
    .banner__container--mobile {
        display: none;
    }
}

@media (max-width: 885px) {
    .banner__container,
    .banner__container-width {
        display: none;
    }
}

.global-popup-block {
    position: fixed;
    bottom: 0;
    z-index: 4;
    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;
    gap: 20px;
    height: 60px;
    width: 100%;
    background: rgba(255, 221, 97, 1);
    color: #303353;
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 1.55;
    font-weight: 600;
}

.global-popup-block .popup-message span {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.global-popup-block .popup-message a {
    color: #303353;
    text-decoration: underline;
}

.global-popup-block .popup-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    border: 1px solid #303353;
    background: #303353;
    color: #fff;
    border-radius: 7px;
    padding: 0px 15px 0px 15px;
    font-size: 13px;
}

.global-popup-block .popup-button:hover {
    cursor: pointer;
    color: #303353;
    background: #ffdd61;
}

.global-popup-block .popup-picture {
    display: block;
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 100px;
    top: 32px;
}

.global-popup-block .popup-picture-mobile {
    display: none;
}

.popup-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 13px;
    cursor: pointer;
    position: fixed;
    bottom: 18px;
    right: 20px;
    margin: auto;
    z-index: 2;
    padding: 5px;
    -webkit-transition: opacity ease-in-out .3s;
}

@media (max-width: 767px) {
    .global-popup-block {
        top: 54px;
        padding: 20px 30px;
        height: 120px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 12px;
        text-align: center;
        -webkit-font-smoothing: antialiased;
    }
    .global-popup-block .popup-message {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }
    .global-popup-block .popup-button {
        padding: 10px 15px 10px 15px;
    }
    .global-popup-block .popup-picture {
        display: none;
    }
    .global-popup-block .popup-picture-mobile {
        display: block;
        min-width: 50px;
    }
    .popup-close {
        top: 64px;
        bottom: unset;
        right: 10px;
    }
}

.signal-icon {
    height: 12px;
    width: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 1px;
}

.signal-icon .signal-bar {
    width: 3px;
    opacity: 100%;
    border-radius: 1px;
}

.signal-icon .signal-bar:nth-child(1) {
    height: 25%;
}

.signal-icon .signal-bar:nth-child(2) {
    height: 50%;
}

.signal-icon .signal-bar:nth-child(3) {
    height: 66%;
}

.signal-icon .signal-bar:nth-child(4) {
    height: 83%;
}

.signal-icon .signal-bar:nth-child(5) {
    height: 100%;
}

.signal-icon-hashrate .signal-bar {
    background: #8EFFAD;
}

.signal-icon-power .signal-bar {
    background: #FF8789;
}

.signal-icon.one-bar .signal-bar:not(:first-child),
.signal-icon.two-bar .signal-bar:nth-child(3),
.signal-icon.two-bar .signal-bar:nth-child(4),
.signal-icon.two-bar .signal-bar:nth-child(5),
.signal-icon.three-bar .signal-bar:nth-child(4),
.signal-icon.three-bar .signal-bar:nth-child(5),
.signal-icon.four-bar .signal-bar:last-child {
    background: #FFFFFF;
    opacity: 15%;
}

/* ++++ */