a:root {
    --shadow-color: 0deg 0% 60%;
    --shadow-elevation-low: 0.3px 0.5px 0.7px hsl(var( --shadow-color) / 0.37), 0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.37), 1px 2.1px 2.6px -2.5px hsl(var(--shadow-color) / 0.37);
    --shadow-elevation-medium: 0.3px 0.5px 0.7px hsl(var( --shadow-color) / 0.31), 0.7px 1.3px 1.7px -0.6px hsl(var(--shadow-color) / 0.31), 1.3px 2.7px 3.4px -1.2px hsl(var(--shadow-color) / 0.31), 2.7px 5.3px 6.7px -1.9px hsl(var(--shadow-color) / 0.31), 5.2px 10.4px 13.1px -2.5px hsl(var(--shadow-color) / 0.31);
    --shadow-elevation-high: 0.3px 0.5px 0.7px hsl(var( --shadow-color) / 0.29), 1.3px 2.5px 3.2px -0.3px hsl(var(--shadow-color) / 0.29), 2.3px 4.5px 5.7px -0.6px hsl(var(--shadow-color) / 0.29), 3.4px 6.9px 8.7px -0.8px hsl(var(--shadow-color) / 0.29), 5px 10.1px 12.7px -1.1px hsl(var(--shadow-color) / 0.29), 7.2px 14.5px 18.2px -1.4px hsl(var(--shadow-color) / 0.29), 10.3px 20.6px 25.9px -1.7px hsl(var(--shadow-color) / 0.29), 14.4px 28.9px 36.3px -1.9px hsl(var(--shadow-color) / 0.29), 19.8px 39.7px 49.9px -2.2px hsl(var(--shadow-color) / 0.29), 26.8px 53.5px 67.3px -2.5px hsl(var(--shadow-color) / 0.29);
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

* {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}

body {
    background-color: #0E0B1C;
}

body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/svg/bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    z-index: -1;
}

.container {
    max-width: 1280px;
    margin: auto;
}

.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 111px;
    position: relative;
}

.menu-header .logo-l {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.menu-header .logo-l svg {
    width: 240px;
    height: 38px;
}

.bg {
    background-image: url("/svg/bg.svg");
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat, repeat;
    background-size: cover;
    background-position: top;
    display: none;
}

.menu-l {
    height: 100%;
    display: flex;
    align-items: center;
}

.menu-l ul {
    display: flex;
    list-style-type: none;
    height: 100%;
    align-items: center;
}

.menu-l ul .m-active {
    color: #ffffff;
}

.menu-l ul li {
    padding: 0 0;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0 16px 0;
}

.menu-l ul li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #D3D0E1;
}

.menu-h {
    padding-right: 23px;
}

.menu-h ul {
    list-style-type: none;
    display: flex;
    align-items: center;
}

.menu-h ul li {
    margin: 0 28px 0;
    cursor: pointer;
}

.btn-login {
    width: 117px;
    height: 40px;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #2D293A;
    background: transparent;
}

.main-intro-i {
    padding-top: -4px;
    margin-bottom: 73px;
}

.main-intro-i h4 {
    text-align: center;
    font-size: 3rem;
    color: #A8C139;
}

.main-intro-i h5 {
    text-align: center;
    font-size: 3rem;
    color: #ffffff;
    padding-top: 12px;
}

.main-intro-i .p-sub {
    text-align: center;
    color: #d3d0e196;
    font-size: 1.25rem;
    font-weight: 400;
    max-width: 919px;
    margin: auto;
    padding: 22px 0 41px;
    line-height: 1.75rem;
}

.btn-register-now {
    border: 0;
    width: 164px;
    height: 48px;
    display: flex;
    border-radius: 8px;
    background: #11957000;
    font-size: 17px;
    color: #119570;
    cursor: pointer;
    font-weight: 500;
    border: 1px solid #119570;
    align-items: center;
    justify-content: center;
    padding-left: 19px;
}

.btn-login-now {
    border: 0;
    width: 164px;
    height: 48px;
    display: flex;
    border-radius: 8px;
    background: #119570;
    font-size: 17px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    padding-left: 19px;
}

.list-btns-l-r {
    display: flex;
    justify-content: space-between;
    max-width: 335px;
    margin: auto;
}

.list-coins-av {
    padding-top: 20px;
    display: none;
}

.list-coins-av p {
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    color: #6db1ab;
}

.list-icons-coins-i {
    display: flex;
    justify-content: center;
    padding-top: 7px;
}

.list-icons-coins-i img {
    width: 38px;
    margin: 5px;
}

.menu-l ul li.m-active a {
    color: #42FFC3;
}

.menu-l ul li a:hover {
    color: #fff;
}

.menu-l ul li:hover {
    border-block-end: solid 2px #FFF; }

.modal {
    display: none;
    position: fixed;
    z-index: 3;
    padding-top: 23px;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    overflow: auto;
    background-color: rgb(0 0 0 / 48%);
    z-index: 1000;
}

.modal-content-register-login {
    background-color: #13161B;
    margin: auto;
    padding: 21px 7px 15px;
    max-width: 428px;
    box-shadow: 2.2px 1.4px 9.4px #00000073;
    border-radius: 18px;
}

.logo-modal {
    padding: 0 0 43px;
    display: flex;
    justify-content: center;
}

.logo-modal svg {
    width: 176px;
}

.f-all-modal-l-r {
    width: 98%;
    margin: auto;
}

.f-all-modal-l-r h4 {
    text-align: center;
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
}

.f-all-modal-l-r p {
    text-align: center;
    color: #d5d5d5;
    font-size: 15px;
    padding: 4px 1px 13px;
}

.f-ipnut-r-l {
    margin: 9px;
}

.m-input {
    width: 100%;
    height: 63px;
    border: 1px solid #2f353f;
    background: transparent;
    text-indent: 11px;
    font-size: 16px;
    color: #f9f9f9;
    border-radius: 9px;
}

.m-input::placeholder {
    color: #464b53;
}

.btn-primary {
    transition: all 300ms;
    text-decoration: none;
    font-weight: bold;
    background-color: #DCFF42;
    color: #0e0b1c;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 2px 0px;
    border-radius: 51px;
    height: 65px;
}

.btn-google {
    border: 0;
    width: 100%;
    height: 62px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.btn-google svg {
    padding-left: 7px;
}

.btn-google span {
    display: block;
    margin: auto;
    padding-right: 57px;
    font-size: 16px;
    color: #383838;
    font-weight: 300;
}

.f-all-modal-l-r .p-txt-m-l {
    text-align: center;
    color: #ffffffa6;
    font-size: 15px;
    padding: 13px 0px 10px;
}

.f-all-modal-l-r .p-txt-m-l a {
    color: #ffffff;
    text-decoration: none;
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 15px;
    background: #5542F6;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    border-radius: 9px;
}

.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }

    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

.btn-primary:disabled {
    background: transparent;
}

.f-all-modal-l-r .noty-p {
    text-align: left;
    padding: 0;
    margin: 9px;
    font-size: 15px;
    font-weight: 400;
}

.f-all-modal-l-r .error {
    color: #dddddd;
}

.f-all-modal-l-r .success {
    color: #009688;
    text-align: center;
}

.bg-menu-m {
    background: rgb(38,107,156);
    background: -moz-linear-gradient(128deg, rgba(38,107,156,1) 0%, rgba(18,65,119,1) 73%, rgba(7,50,105,1) 100%);
    background: -webkit-linear-gradient(128deg, rgba(38,107,156,1) 0%, rgba(18,65,119,1) 73%, rgba(7,50,105,1) 100%);
    background: linear-gradient(128deg, rgba(38,107,156,1) 0%, rgba(18,65,119,1) 73%, rgba(7,50,105,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#266b9c",endColorstr="#073269",GradientType=1);
    position: absolute;
    height: 261px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.menu-m-t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 85px;
    border-bottom: 1px solid #42414E;
}

.menu-m-t .logo-l-m {
}

.menu-m-t .logo-l-m svg {
}

.menu-h-m {
}

.menu-h-m ul {
    display: flex;
    align-items: center;
    list-style-type: none;
}

.menu-h-m li {
    margin: 0 19px 0;
    cursor: pointer;
}

.menu-h-m li .name-acc {
    color: #9a9797;
}

.lang-s {
    display: flex;
    align-items: center;
    width: 89px;
    align-items: center;
    justify-content: space-between;
}

.lang-s img {
    width: 21px;
}

.lang-s span {
    font-size: 15px;
    color: rgb(255 255 255 / 89%);
}

.menu-h-m li .me-i-m {
}

.menu-h-m li .me-i-m svg {
}

.hr-menu {
    width: 80%;
    height: 1.4px;
    display: flex;
    float: right;
    background: linear-gradient(128deg, rgb(51 111 187 / 34%) 0%, rgb(13 75 153 / 23%) 100%);
    background: -moz-linear-gradient(128deg, rgb(51 111 187 / 34%) 0%, rgb(13 75 153 / 23%) 100%);
    background: -webkit-linear-gradient(128deg, rgb(51 111 187 / 34%) 0%, rgb(13 75 153 / 23%) 100%);
    background: linear-gradient(128deg, rgb(51 111 187 / 34%) 0%, rgb(13 75 153 / 23%) 100%);
}

.list-top-nav {
    display: flex;
    width: auto;
}

.list-top-nav ul {
    list-style-type: none;
    width: auto;
    display: flex;
    background: #181525;
    padding: 0 18px 0;
    border-radius: 39px;
}

.list-top-nav ul li {
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    color: #dededecc;
    cursor: pointer;
    padding: 8px 20px 8px;
}

.list-top-nav ul .active_m {
    color: #42FFC3;
}

.list-top-nav ul li span {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.info-and-balances {
    display: none;
    padding-top: 3px;
    padding-left: 280px;
}

.info-and-balances h4 {
    color: #fff;
    font-size: 36px;
    margin-right: 24px;
}

.list-i-bc {
    display: grid;
    white-space: nowrap;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-radius: 13px;
}

.list-i-bc .im-b {
    margin: 3px;
    padding-left: 12px;
    height: 101px;
    width: 233px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 0 24px 1px #00000012;
}

.list-i-bc .im-b .t-dv-i-b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 11px;
}

.list-i-bc .im-b .t-dv-i-b .ico-a-name {
    display: flex;
    align-items: center;
}

.list-i-bc .im-b .t-dv-i-b .ico-a-name img {
    width: 24px;
}

.list-i-bc .im-b .t-dv-i-b .ico-a-name span {
    color: #747474;
    padding: 0 4px 0;
    font-size: 15px;
    font-weight: 600;
}

.list-i-bc .im-b .t-dv-i-b .box-i-b {
    display: flex;
}

.list-i-bc .im-b .t-dv-i-b .box-i-b svg {
    width: 42px;
    height: 42px;
}

.logo-s {
    display: none;
}

.logo-s svg {
}

.list-i-bc .im-b .balance-and-prices {
    padding-top: 5px;
    text-align: center;
}

.list-i-bc .im-b .balance-and-prices .balance-i {
    display: none;
    justify-content: center;
}

.list-i-bc .im-b .balance-and-prices .balance-i .balance-s {
    font-size: 19px;
    color: rgb(101 94 94);
    font-weight: bold;
}

.list-i-bc .im-b .balance-and-prices .p-balance {
    font-size: 14px;
    color: #8A8A8A;
}

.list-i-bc .im-b .balance-and-prices .price-s {
    font-size: 13px;
    color: #A4A5B8;
    display: none;
}

.list-i-bc .im-b .price-coin-u {
    padding: 3px 4px 6px;
    text-align: left;
}

.list-i-bc .im-b .price-coin-u span {
    font-size: 14px;
    color: #A4A5B8;
    font-weight: 500;
}

.list-i-bc .im-b .price-coin-u p {
    font-size: 18px;
    color: #59595b;
    font-weight: 600;
}

.my-power-a-b {
    padding-top: 54px;
    padding-left: 254px;
    display: flex;
    justify-content: center;
}

.my-power-a-b .my-power {
    color: #352f2f;
    font-size: 20px;
    font-weight: 400;
}

.my-power-a-b .my-power span {
    font-weight: 700;
    color: #0032F5;
}

.my-power-a-b .btn-f-m {
}

.btn-primary-icon {
    background: #266B9C;
    border: 0;
    height: 47px;
    width: 178px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: #fff;
    font-size: 15px;
    border-radius: 7px;
    cursor: pointer;
}

.btn-primary-icon svg {
}

.my-miners {
    padding-top: 4px;
}

.my-miners .head-miner-i {
    background: #155B8F;
    height: 54px;
    display: grid;
    align-items: center;
    padding: 0 33px 0;
    border-radius: 8px;
    box-shadow: var(--shadow-elevation-medium);
    position: relative;
    z-index: 2;
    top: 38px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
}

.my-miners .head-miner-i span {
    color: #fff;
    font-size: 16px;
    text-align: end;
}

.my-miners .list-miners {
    padding: 24px 14px 0;
    border-radius: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.miner-i {
    /* display: flex; */
    align-items: center;
    height: 267px;
    padding: 4px 0px 0;
    border-radius: 10px;
    background: #181525;
    margin: 5px;
    border: 1.5px solid #1C192E;
}

.miner-i .m-name-img {
    display: flex;
    padding-right: 17px;
    padding-left: 13px;
}

.miner-i .m-name-img img {
    width: 53px;
}

.miner-i .m-name-img span {
    padding-left: 6px;
    color: #0c1f36bd;
    font-size: 19px;
    font-weight: 400;
}

.miner-i .m-balance {
    padding-right: 0;
    margin-top: 9px;
}

.miner-i .inf-miner-l .m-balance span {
    color: #dcff42;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 1px;
}

.miner-i .m-usd {
    margin-top: 14px;
}

.miner-i .inf-miner-l .m-usd span {
    color: #D3D0E1;
    font-size: 14px;
    font-weight: 400;
    border: 2px solid #2D293A;
    padding: 5px;
    border-radius: 7px;
}

.miner-i .m-action {
    display: flex;
    justify-content: space-evenly;
}

.btn-action {
    border: 0;
    cursor: pointer;
    background: #222126;
    color: #A8C139;
    border-radius: 8px;
    font-size: 13px;
    width: 213px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-action svg {
    width: 22px;
    height: 22px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 93px;
    height: 75px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 77px;
    height: 77px;
    margin: 0px;
    border: 4px solid #5542F6;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #5542F6 #155b8f00 transparent transparent;
    border-radius: 50%;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.lds-ring-c {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
}

.lds-ring-c div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    margin: 0px;
    border: 4px solid #fff;
    animation: lds-ring-c 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff #155b8f00 transparent transparent;
    border-radius: 50%;
}

.lds-ring-c div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring-c div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring-c div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring-c {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.noty-conatiner .noty-message {
    width: 320px;
}

.noty-conatiner {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    height: 0;
    z-index: 3000;
}

.noty-conatiner .noty-message {
    background: #222126;
    width: 400px;
    margin: 9px;
    padding: 10px;
    border-radius: 10px;
    border: 1.5px solid #222126;
}

.noty-conatiner .noty-message h3 {
    color: #fff;
}

.noty-conatiner .noty-message p {
    color: #dcff42;
    padding-top: 11px;
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideOut {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

.scroll-balances-c {
    /* position: absolute; */
    display: none;
    justify-content: space-between;
    align-items: center;
    left: 0;
    width: 100%;
}

.scroll-balances-c .for-btn-scroll {
    display: flex;
    float: right;
    position: relative;
    top: -182px;
    padding-left: 171px;
}

.btn-arrow {
    height: 183px;
    width: 108px;
    border: 0;
    cursor: pointer;
    background: -moz-linear-gradient(90deg, rgba(38,107,156,0) 0%, rgba(8,51,106,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(38,107,156,0) 0%, rgba(8,51,106,1) 100%);
    background: linear-gradient(90deg, rgba(38,107,156,0) 0%, rgba(8,51,106,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#266b9c",endColorstr="#08336a",GradientType=1);
}

.btn-arrow svg {
}

.btn-arrow-r {
    display: none;
    height: 172px;
    width: 108px;
    border: 0;
    cursor: pointer;
    background: -moz-linear-gradient(270deg, rgba(38,107,156,0) 0%, rgba(8,51,106,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(38,107,156,0) 0%, rgba(8,51,106,1) 100%);
    background: linear-gradient(270deg, rgba(38,107,156,0) 0%, rgba(8,51,106,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#266b9c",endColorstr="#08336a",GradientType=1);
    border-radius: 8px;
}

.modal-content-buy-power {
    background-color: #181525;
    margin: 39px auto;
    border-radius: 22px;
    display: flex;
    justify-content: space-between;
}

.header-m-t-buy {
    background: rgb(38 107 156 / 3%);
    display: flex;
    justify-content: center;
    height: 164px;
    align-items: center;
    padding: 0 0 16px;
    border-block-end: 1px solid rgb(0 0 0 / 3%); }

.header-m-t-buy .l-icon-power-m {
    display: flex;
    padding-top: 16px;
}

.header-m-t-buy .l-icon-power-m svg {
    /* width: 129px; */
    height: 129px;
}

.header-m-t-buy .info-prices-mhs {
    padding-left: 10px;
}

.header-m-t-buy .info-prices-mhs h4 {
    font-size: 41px;
    color: rgb(0 0 0 / 66%);
}

.header-m-t-buy .info-prices-mhs p {
    font-size: 23px;
    color: rgb(0 0 0 / 53%);
    font-weight: 300;
}

.c-bar-progress-m {
    padding: 34px 32px 17px;
    max-width: 501px;
}

.c-bar-progress-m h5 {
    font-size: 23px;
    font-weight: 400;
    color: #ffffff;
}

.i-mhs-buy-f {
    margin: 14px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    width: 100%;
    background: #151121;
    height: 58px;
    border: 1px solid #242036;
}

.input-buy-mhs {
    border: 0;
    font-size: 17px;
    position: relative;
    z-index: 1;
    background: transparent;
    width: 81%;
    color: #42FFC3;
    text-indent: 15px;
    height: 100%;
}

.input-buy-mhs::placeholder {
    color: #7e7c99;
}

.i-mhs-buy-f span {
    color: #42FFC3;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    left: -15px;
    display: flex;
    align-items: center;
}

.buy-range-c {
    max-width: 90%;
    margin: 19px auto;
    display: none;
}

.buy-range-c .bg-range-width {
    background: #266b9c2e;
    height: 11px;
    width: 100%;
    border-radius: 15px;
}

.buy-range-c .bg-range-width .a-range-bg {
    background: #119570;
    width: 50%;
    height: 100%;
    border-radius: 22px;
}

.buy-range-c .bg-range-width .cicle-range {
    height: 40px;
    width: 40px;
    border-radius: 27px;
    position: relative;
    top: -27px;
    left: 44%;
    cursor: pointer;
    background: #46c19f;
}

.box-info-por {
    max-width: 90%;
    margin: 8px auto;
    display: none;
    justify-content: center;
}

.box-info-por .box-info-p-b {
    width: 106px;
    height: 44px;
    border-radius: 7px;
    position: absolute;
    background: #119570;
}

.box-info-por .box-info-p-b h4 {
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.box-info-por .box-info-p-b p {
    text-align: center;
    color: #fff;
}

.container-cloose-c {
    padding-top: 36px;
    margin-bottom: 16px;
}

.container-cloose-c h4 {
    font-size: 15px;
    font-weight: 400;
    color: #D3D0E1;
}

.container-cloose-c .list-cloose-c {
    padding: 9px;
    display: flex;
    flex-wrap: wrap;
}

.it-c-b {
    width: 74px;
    height: 72px;
    padding: 3px;
    border-radius: 8px;
    cursor: pointer;
    margin: 4px;
    background: #2D293A;
}

.it-c-b:hover {
    background-color: #dcff42;
}

.it-c-b:hover .header-top-c h4 {
    color: #000000;
}

.it-c-b .header-top-c {
    display: block;
    justify-content: space-around;
    align-items: center;
    padding: 5px 1px 6px;
}

.it-c-b .header-top-c img {
    width: 33px;
    margin: 0px 23px 3px;
}

.it-c-b .header-top-c h4 {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ecf3cb;
}

.it-c-b .header-top-c span {
    color: #00000047;
    display: none;
}

.it-c-b p {
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    color: #119570;
    display: none;
}

.for-input-buy-p {
    margin: 0px 00;
}

.for-input-buy-p .for-input-amount-buy-power {
    margin: 14px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    width: 100%;
    border: 1px solid #242036;
    background: #151121;
    height: 58px;
}

.input-amount {
    height: 50px;
    width: 100%;
    font-size: 21px;
    font-weight: 400;
    border: 0;
    background: 0;
    color: #dcff42fa;
    text-indent: 15px;
}

.for-input-buy-p .for-input-amount-buy-power .symbol-in-b {
    width: 82px;
}

.for-input-buy-p .for-input-amount-buy-power .symbol-in-b p {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #dcff42;
}

.for-btns-buy-sin {
    display: flex;
    justify-content: center;
}

.btn-buy_power {
    display: flex;
    justify-content: center;
    height: 58px;
    border: 0;
    background: #dcff42;
    margin: 4px;
    font-size: 19px;
    color: #100c23;
    cursor: pointer;
    align-items: center;
    width: 100%;
    border-radius: 12px;
}

.btn-simulate {
    width: 100%;
    height: 59px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid #155B8F;
    margin: 4px;
    color: #155B8F;
    font-size: 17px;
    cursor: pointer;
}

.it-c-b:hover h4 {
    color: #fff;
}

.it-c-b:hover p {
    color: #fff;
}

.it-c-b:hover span {
    color: #fff;
}

.active-p {
    background-color: #DCFF42;
}

.active-p .header-top-c h4 {
    color: #0E0B1C;
}

.active-p .header-top-c span {
    color: #fff;
}

.active-p p {
    color: #fff;
}

.btn-buy_power:disabled {
    background: transparent;
}

.modal-content-swap {
    margin: 1% auto;
    background-color: #181525;
    max-width: 100%;
    padding: 0 2px 24px;
    border-radius: 18px;
}

.modal-content-swap h4 {
    font-size: 23px;
    color: #f5f6f9;
    text-align: center;
    padding: 23px;
}

.form-swap-i {
    max-width: 623px;
    margin: 6px auto;
    padding: 29px 24px 37px;
    border-radius: 18px;
    background: #12101d;
}

.form-swap-i .top-swap-f {
    display: flex;
    justify-content: space-between;
    height: 30px;
}

.form-swap-i .top-swap-f .txt-f-swap {
}

.form-swap-i .top-swap-f .txt-f-swap p {
    color: #e3eaff;
    font-weight: 400;
    font-size: 17px;
}

.form-swap-i .top-swap-f .txt-f-balance-swap {
    display: flex;
}

.form-swap-i .top-swap-f .txt-f-balance-swap p {
    color: #e3eaff;
    font-weight: 400;
    font-size: 14px;
}

.form-swap-i .top-swap-f .txt-f-balance-swap span {
    color: #e3eaff;
    font-weight: 400;
    font-size: 14px;
    padding: 0 7px 0;
}

.for-input-and-choose {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    padding: 0 9px 0;
    border-radius: 9px;
    background: transparent;
}

.input-amount-swap {
    width: 100%;
    border: 0;
    background: transparent;
    font-size: 33px;
    color: #56585e;
}

.input-amount-swap::placeholder {
    color: #8a8a8a49;
}

.btn-max {
    width: 90px;
    height: 27px;
    border: 0;
    border-radius: 6px;
    color: #DCFF42;
    cursor: pointer;
    margin: 0 6px 0;
    background: transparent;
    font-size: 16px;
}

.btn-choose-swap {
    display: flex;
    justify-content: space-evenly;
    background: #42414E;
    border: 0;
    width: 117px;
    padding: 0px 14px 0;
    border-radius: 13px;
    align-items: center;
    height: 45px;
    cursor: pointer;
}

.btn-choose-swap img {
    width: 25px;
}

.btn-choose-swap span {
    padding: 0 10px 0px;
    color: #fff;
    font-size: 15px;
}

.btn-choose-swap svg {
    width: 13px;
}

.icon-swap-cont {
    display: flex;
    justify-content: center;
    position: relative;
    top: -16px;
}

.icon-swap-cont .icon-swap {
    width: 58px;
    display: flex;
    justify-content: center;
    position: absolute;
}

.icon-swap-cont .icon-swap svg {
    width: 36px;
    filter: grayscale(1);
}

.for-info-swap-p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 665px;
}

.for-info-swap-p .txt-l-swap {
}

.for-info-swap-p .txt-l-swap p {
    color: #fff9f9;
    font-size: 15px;
}

.for-info-swap-p .txt-h-swap {
    display: flex;
    align-items: center;
}

.for-info-swap-p .txt-h-swap p {
    color: #ffeeee;
    font-size: 15px;
    padding: 0 7px 0px;
}

.for-info-swap-p .txt-h-swap svg {
    width: 20px;
}

.btn-swap {
    width: 100%;
    height: 66px;
    background: #DCFF42;
    border: 0;
    border-radius: 8px;
    color: #12101d;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.for-btn-swap {
    display: flex;
    justify-content: center;
    margin: 11px auto;
    max-width: 665px;
}

.for-txt-for {
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding: 9px 0 3px;
    max-width: 665px;
}

.for-txt-for p {
    color: #e1e1e1;
    font-size: 14px;
    font-weight: 300;
}

.for-txt-for span {
    color: #DCFF42;
    font-size: 15px;
    font-weight: bold;
}

.container-swap-ch {
    position: absolute;
    z-index: 1000;
}

.container-swap-ch .box-swap-ch {
    background: #119570;
    width: 140px;
    border-radius: 18px;
    padding: 7px 0px 7px;
}

.container-swap-ch .box-swap-ch ul {
    list-style-type: none;
}

.container-swap-ch .box-swap-ch ul li {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 44px;
}

.container-swap-ch .box-swap-ch ul li img {
    width: 31px;
    padding-left: 15px;
}

.container-swap-ch .box-swap-ch ul li span {
    padding-left: 15px;
    color: #ffffff;
    font-weight: 400;
}

.container-swap-ch .box-swap-ch ul li:hover {
    background: #ffffff;
}

.container-swap-ch .box-swap-ch ul li:hover span {
    color: #222;
}

.btn-swap:disabled {
    background: transparent;
}

.modal-content-cal {
    margin: 1% auto;
    max-width: 564px;
    padding: 10px;
    display: flex;
    background-color: #17202f;
    border-radius: 18px;
}

.list-menu-info-cal {
    border-radius: 9px;
    width: 161px;
}

.list-menu-info-cal ul {
    list-style-type: none;
    display: block;
    align-items: center;
    height: 100%;
    width: 100%;
}

.list-menu-info-cal ul li {
    width: 100%;
    height: 75px;
    display: grid;
    align-items: center;
    border-radius: 7px;
    margin: 2px;
    cursor: pointer;
    padding: 11px 0px 7px;
}

.list-menu-info-cal ul li h4 {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.list-menu-info-cal ul li p {
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    font-weight: 200;
}

.list-menu-info-cal ul li h5 {
    text-align: center;
    color: #009688;
    font-size: 17px;
    font-weight: 300;
    margin: 0;
    padding: 0px;
}

.list-menu-info-cal ul .active-li-level h4 {
    color: #fff;
}

.list-menu-info-cal ul .active-li-level p {
    color: #fff;
}

.list-menu-info-cal ul .active-li-level h5 {
    color: #fff;
}

.for-cal {
    margin: 13px;
}

.f-input-cal-i {
    display: flex;
    justify-content: space-between;
    padding: 4px 11px 6px;
    height: 43px;
    border-radius: 23px;
    align-items: center;
    border: 1px solid #119570;
    background: transparent;
}

.input-power-cal {
    width: 86%;
    border: 0;
    font-size: 25px;
    text-align: center;
    background: transparent;
    color: #119570;
}

.f-input-cal-i svg {
    width: 61px;
}

.btn-cal-s {
    display: flex;
    align-items: center;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.btn-cal-s img {
    width: 37px;
}

.btn-cal-s svg {
    width: 8px;
    display: none;
}

.modal-content-cal h5 {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #119570;
    padding-top: 9px;
}

.list-res-cal {
    padding: 10px 14px 29px;
}

.list-res-cal .it-rs-cal {
    display: flex;
    justify-content: space-between;
    margin: 34px 0px 0;
}

.list-res-cal .it-rs-cal .l-txt-r-cal {
}

.list-res-cal .it-rs-cal .l-txt-r-cal p {
    font-size: 14px;
    font-weight: 300;
    color: #9891bb;
}

.list-res-cal .it-rs-cal .r-txt-v-cal {
}

.list-res-cal .it-rs-cal .r-txt-v-cal p {
    font-size: 15px;
    font-weight: 400;
    color: #dcff42;
}

.active-li-level {
    background: #009688;
}

.list-menu-info-cal ul li:hover {
    background: #0032f5;
}

.active-li-level ul li h4 {
    color : #fff;
}

.list-menu-info-cal ul li:hover h4 {
    color : #fff;
}

.list-menu-info-cal ul li:hover h5 {
    color : #fff;
}

.list-menu-info-cal ul li:hover p {
    color : #fff;
}

.cal-modal-s {
    position: absolute;
    z-index: 1000;
}

.cal-modal-s .box-cal-modal {
    background: #3224ae;
    width: 107px;
    border-radius: 12px;
}

.cal-modal-s .box-cal-modal ul {
    list-style-type: none;
    padding: 0 0px 0;
}

.cal-modal-s .box-cal-modal ul li {
    display: flex;
    padding: 0px;
    height: 54px;
    cursor: pointer;
    width: 100%;
    align-items: center;
}

.cal-modal-s .box-cal-modal ul li img {
    width: 40px;
    padding-left: 8px;
}

.cal-modal-s .box-cal-modal ul li span {
    padding-left: 5px;
    font-size: 16px;
    color: #ffffffde;
}

.cal-modal-s .box-cal-modal ul li:hover {
    background: #4032c4;
}

.cal-modal-s .box-cal-modal ul li:hover span {
    color: #fff;
}

.modal-content-dp {
    margin: 16px auto;
    max-width: 613px;
    padding: 10px;
    background-color: #181525;
    border-radius: 22px;
    border: 1.5px solid #1C192E;
}

.for-dp-btn-t {
    border-radius: 45px;
    border: 1px solid #119570;
    background: transparent;
}

.bt-s-icon-dp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px;
    border-radius: 12px;
    cursor: pointer;
}

.bt-s-icon-dp .lf-txt-bt-dp {
    padding-left: 20px;
}

.bt-s-icon-dp .lf-txt-bt-dp span {
    font-size: 19px;
    font-weight: 400;
    color: #119570;
}

.bt-s-icon-dp .rg-ico-bt-dp {
    display: flex;
    align-items: center;
    width: 71px;
    justify-content: space-between;
}

.bt-s-icon-dp .rg-ico-bt-dp img {
    width: 42px;
}

.bt-s-icon-dp .rg-ico-bt-dp svg {
    width: 17px;
}

.qr-code-dp {
    display: flex;
    justify-content: center;
    margin: 12px;
}

.qr-code-dp .qrcode-views {
    width: 170px;
    padding: 14px;
    background: #2D293A;
    border-radius: 9px;
}

.qr-code-dp .qrcode-view-fake {
    width: 170px;
    height: 170px;
    padding: 22px;
    border-radius: 9px;
    background: #dfdfdf;
}

.qr-code-dp .qrcode-views img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.txt-info-dp {
    width: 89%;
    margin: auto;
}

.txt-info-dp p {
    text-align: center;
    color: #ffffff8a;
    font-size: 14px;
}

.for-i-dp-bt {
    padding-top: 14px;
    width: 90%;
    margin: auto;
    cursor: pointer;
}

.for-i-dp-bt label {
    color: #8D8D94;
    font-size: 15px;
}

.bt-addr-cp-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-block-end: 1px solid; border-color: #96969657;
    height: 41px;
    padding-top: 7px;
}

.bt-addr-cp-c p {
    color: #D3D0E1;
    font-size: 15px;
    font-weight: 400;
}

.btn-cp-dp {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.btn-cp-dp svg {
    width: 33px;
    height: 28px;
}

.btn-c-change {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.btn-c-change svg {
    width: 27px;
    height: 28px;
}

.bt-network-cp-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding-top: 7px;
}

.bt-network-cp-c p {
    color: #D3D0E1;
    font-size: 16px;
    font-weight: 400;
}

.table-info-dp-p {
    width: 90%;
    margin: 29px auto;
}

.table-info-dp-p .txt-i-dp-c {
    display: flex;
    justify-content: space-between;
    height: 27px;
}

.table-info-dp-p .txt-i-dp-c p {
    color: #D3D0E1;
    font-size: 16px;
    font-weight: 400;
}

.table-info-dp-p .txt-i-dp-c span {
    color: #D3D0E1;
    font-size: 16px;
    font-weight: 400;
}

.modal-content-wd {
    margin: 16px auto;
    max-width: 593px;
    padding: 0px 28px 33px;
    background-color: #181525;
    border-radius: 22px;
    border: 1.5px solid #1C192E;
}

.header-modal-wd {
    display: flex;
    justify-content: center;
    height: 32px;
    align-items: center;
}

.header-modal-wd h4 {
    color: #fefeff;
    font-size: 19px;
    font-weight: 400;
    padding-top: 34px;
}

.btn-close-modal {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding-right: 19px;
}

.btn-close-modal svg {
    width: 28px;
    height: 28px;
}

.for-bt-wd-sld {
    width: 90%;
    margin: auto;
    padding-top: 14px;
}

.btn-c-wd-sld {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 41px;
    border: 1px solid;
    border-color: #119570;
    border-radius: 9px;
    padding: 0 14px 0;
    cursor: pointer;
}

.btn-c-wd-sld .l-ic-txt-wd {
    display: flex;
    align-items: center;
}

.btn-c-wd-sld .l-ic-txt-wd img {
    width: 25px;
}

.btn-c-wd-sld .l-ic-txt-wd span {
    padding-left: 11px;
    font-size: 16px;
    color: #119570;
}

.btn-c-wd-sld .r-arrow-wd {
}

.btn-c-wd-sld .r-arrow-wd svg {
    width: 15px;
}

.for-input-wd {
    width: 100%;
    /* margin: 0 auto 7px; */
}

.input-wd {
    margin: 14px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    width: 100%;
    border: 1px solid #242036;
    background: #151121;
    height: 58px;
    font-size: 16px;
    text-indent: 19px;
    color: #fff;
}

.input-wd::placeholder {
    color: #736f81;
}

.hr-wd {
    width: 90%;
    height: 4px;
    background: #e3e7ea21;
    margin: auto;
    border-radius: 30px;
    display: none;
}

.for-s-balance-wd {
    padding-top: 0px;
}

.balance-view-wd {
    display: flex;
    width: 90%;
    margin: 0 auto 9px;
    align-items: center;
    border: 1px solid;
    border-color: #a5a5a538;
    border-radius: 9px;
    height: 45px;
}

.balance-view-wd .left-icon-b-wd {
    padding-left: 10px;
    display: flex;
}

.balance-view-wd .left-icon-b-wd img {
    width: 33px;
    height: 33px;
}

.balance-view-wd .r-info-balance-wd {
    padding-left: 12px;
}

.balance-view-wd .r-info-balance-wd h5 {
    color: #c1bebe;
    font-size: 14px;
    font-weight: 400;
}

.balance-view-wd .r-info-balance-wd span {
    color: #b5b7c1;
    font-size: 14px;
    font-weight: 600;
}

.input-wd-amount {
    margin: 14px 0px;
    display: flex ;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    width: 100%;
    border: 1px solid #242036;
    background: #151121;
    height: 58px;
}

.input-wd-amount-d {
    background: transparent;
    border: 0;
    width: 100%;
    font-size: 19px;
    text-indent: 20px;
    border-radius: 8px;
    color: #fff;
}

.input-wd-amount-d::placeholder {
    color: #736f81;
}

.btn-wd-sld {
    width: 71px;
    border: 0;
    background: 0;
    font-size: 17px;
    font-weight: 500;
    color: #A8C139;
    cursor: pointer;
}

.txt-info-price-c-wd {
    width: 90%;
    margin: 10px auto;
}

.txt-info-price-c-wd span {
    color: #999999;
    font-size: 16px;
}

.table-resul-wd {
    width: 99%;
    margin: auto;
    padding-top: 1px;
}

.table-resul-wd .txt-info-wd {
    display: flex;
    justify-content: space-between;
    height: 26px;
}

.table-resul-wd .txt-info-wd p {
    color: #8b85a5;
    font-size: 14px;
}

.table-resul-wd .txt-info-wd span {
    color: #A8C139;
    font-size: 14px;
}

.for-btn-wd {
    width: 99%;
    margin: 24px auto;
}

.btn-wd {
    width: 100%;
    height: 70px;
    font-size: 22px;
    border: 0;
    cursor: pointer;
    background: #A8C139;
    color: #0b0911;
    border-radius: 12px;
}

.txt-info-min-wd-c-wd {
    width: 100%;
    margin: 8px auto;
    display: flex;
    justify-content: space-between;
}

.txt-info-min-wd-c-wd span {
    color: #8b85a5;
    font-size: 14px;
}

.network-view-wd {
    display: flex;
    width: 90%;
    margin: 0 auto 9px;
    align-items: center;
    height: 50px;
    cursor: pointer;
    background: #ffffff00;
    border: 1px solid;
    border-color: #119570;
    border-radius: 9px;
}

.network-view-wd .left-icon-b-wd {
    padding-left: 11px;
    display: flex;
}

.network-view-wd .r-info-balance-wd {
    padding-left: 12px;
    width: 100%;
}

.network-view-wd .r-info-balance-wd h5 {
}

.network-view-wd .left-icon-b-wd svg {
    width: 28px;
    height: 24px;
    filter: invert(1);
}

.network-view-wd .r-info-balance-wd h5 {
    color: #119570;
    font-size: 17px;
    font-weight: 400;
}

.network-view-wd .r-info-balance-wd span {
    color: #119570;
    font-size: 16px;
    font-weight: 400;
}

.arrow-network-wd {
    display: flex;
    padding-right: 18px;
}

.arrow-network-wd svg {
}

.wd-modal-s {
    position: absolute;
    z-index: 1000;
}

.wd-modal-s .box-wd-modal {
    background: #1c1e2a;
    border: 1px solid;
    border-color: #8d8d942e;
    border-radius: 8px;
}

.wd-modal-s .box-wd-modal ul {
    list-style-type: none;
}

.wd-modal-s .box-wd-modal ul li {
    height: 57px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.wd-modal-s .box-wd-modal ul li img {
    width: 35px;
    padding-left: 9px;
}

.wd-modal-s .box-wd-modal ul li span {
    padding-left: 12px;
    font-size: 17px;
    color: #ffffff;
}

.wd-modal-s .box-wd-modal ul li:hover {
    background-color: #393c50;
}

.wd-modal-s-netw {
    position: absolute;
    z-index: 1000;
}

.wd-modal-s-netw .box-wd-modal-net {
    background: #1c1e2a;
    border: 1px solid;
    border-color: #8d8d9400;
    border-radius: 8px;
}

.wd-modal-s-netw .box-wd-modal-net ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.wd-modal-s-netw .box-wd-modal-net ul li {
    height: 77px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.wd-modal-s-netw .box-wd-modal-net ul li:hover {
    background-color: #2f3244;
}

.wd-modal-s-netw .box-wd-modal-net ul li span {
    padding-left: 12px;
    font-size: 17px;
    color: #ffffffc2;
}

.btn-wd:disabled {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.txt-fake-dp {
    width: 65%;
    margin: auto;
    height: 90px;
    background: #dfdfdf;
}

.txt-addr-fake-dp {
    width: 90%;
    margin: auto;
    height: 65px;
    background: #dfdfdf;
    margin-top: 25px;
}

.info-aff {
    display: flex;
    padding-top: 45px;
    justify-content: space-between;
}

.info-aff h4 {
    color: #fff;
    font-size: 36px;
    margin-right: 8px;
}

.list-info-aff {
    display: flex;
    width: 100%;
}

.i-box-aff-info {
    background: #181525;
    border-radius: 9px;
    width: 100%;
    margin: 0 4px 0;
    padding-left: 12px;
    height: 128px;
    box-shadow: 0 0 24px 1px #00000012;
}

.i-box-aff-info .header-top-box-aff {
    display: flex;
    justify-content: space-between;
    border-block-end: 2.8px dashed; writing-mode: horizontal-tb;
    border-color: #2D293A;
}

.i-box-aff-info .header-top-box-aff h4 {
    color: #D3D0E1;
    font-size: 18px;
    margin: 16px 0 18px;
    letter-spacing: 3px;
}

.i-box-aff-info .header-top-box-aff .icon-h-aff {
    position: relative;
    top: -1px;
    left: 1px;
}

.i-box-aff-info .info-cent-aff {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 63px;
}

.i-box-aff-info .info-cent-aff .info-value-r-aff {
    display: flex;
    align-items: flex-end;
}

.i-box-aff-info .info-cent-aff .info-value-r-aff span {
    font-size: 42px;
    color: #A8C139;
    font-weight: bold;
}

.i-box-aff-info .info-cent-aff .info-value-r-aff p {
    font-size: 17px;
    color: #807f8a;
    font-weight: 300;
}

.list-l-inf {
    padding: 19px 5px 0;
    /* display: flex; */
    width: 100%;
    justify-content: space-between;
}

.row-aff-link {
    background: #181525;
    border-radius: 9px;
    width: 100%;
    padding-left: 6px;
    margin-right: 25px;
    box-shadow: 0 0 24px 1px #00000012;
    padding-bottom: 18px;
}

.txt-t-aff {
    padding: 36px 7px 19px;
    margin-right: 30px;
    letter-spacing: 3px;
}

.txt-t-aff h4 {
    color: #D3D0E1;
    font-size: 16px;
    padding: 0 0 13px;
    font-weight: 500;
}

.txt-t-aff p {
    font-size: 16px;
    color: #837f96;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 3px;
}

.for-link-aff {
    padding: 25px 0px 15px;
}

.i-my-lnk-aff {
    display: flex;
    height: 66px;
    align-items: center;
    max-width: 92%;
    border-block-end: 2.8px dashed; writing-mode: horizontal-tb;
    border-color: #2D293A;
    padding-left: 19px;
}

.i-my-lnk-aff p {
    font-size: 16px;
    padding-left: 21px;
    color: #d3d0e19c;
}

.btn-copy-aff {
    border: 0;
    border-radius: 47px;
    background: transparent;
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #fff;
    margin-left: 21px;
}

.row-aff-infos {
    background: #181525;
    border-radius: 9px;
    max-width: 100%;
    margin: 10px 0 0;
    box-shadow: 0 0 24px 1px #00000012;
}

.row-aff-infos h4 {
    color: #D3D0E1;
    font-size: 20px;
    padding: 0 0 13px;
    margin-right: 30px;
    letter-spacing: 3px;
}

.row-aff-infos h5 {
    color: #D3D0E1;
    font-size: 16px;
    padding: 35px 0 13px;
    font-weight: 500;
    margin-right: 30px;
    letter-spacing: 2px;
}

.row-aff-infos p {
    font-size: 15px;
    color: #ffffff82;
    font-weight: 400;
    margin-right: 30px;
    letter-spacing: 2px;
}

.row-aff-infos b {
    color: #A8C139;
    font-weight: 600;
}

.row-aff-infos .txt-info-aff-b {
    padding: 35px 22px 22px;
}

.list-users-ref {
    padding-top: 24px;
}

.list-users-ref .header-info-ref {
    background: #241f3c;
    height: 31px;
    padding: 8px 34px 9px;
    border-radius: 8px;
}

.list-users-ref .header-info-ref ul {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.list-users-ref .header-info-ref ul li {
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-users-ref .header-info-ref ul li span {
    color: #fff;
    font-size: 16px;
}

.list-my-aff-box {
    background: #181525;
    padding: 30px 10px 11px;
    position: relative;
    top: -36px;
    z-index: -1;
}

.it-ref-c {
    height: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    justify-content: center;
}

.it-ref-c span {
    color: #ffffff5e;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.txt-info-ref {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.txt-info-ref p {
    font-size: 16px;
    color: #ffffffc4;
    font-weight: 400;
}

.list-menu-hy {
}

.list-menu-hy ul {
    list-style-type: none;
    display: flex;
}

.list-menu-hy ul li {
    width: 145px;
    height: 39px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    margin: 4px;
    cursor: pointer;
    border: 1px solid #2D293A;
}

.list-menu-hy ul li span {
    color: #D3D0E1;
    margin: auto;
    padding-right: 19px;
}

.pg-hy {
    display: flex;
    padding-top: 45px;
    padding-left: 19px;
    justify-content: center;
}

.pg-hy h4 {
    color: #fff;
    font-size: 36px;
    margin-right: 24px;
}

.list-menu-hy ul li svg {
    padding-left: 21px;
    width: 18px;
}

.list-page-hy {
    padding-top: 19px;
}

.list-page-hy .header-top-hy {
    background: #181525;
    height: 54px;
    padding: 0 33px 0;
    border-radius: 8px;
    margin-top: 16px;
    position: relative;
    z-index: 1;
    border-block-end: 2.8px dashed; writing-mode: horizontal-tb;
    border-color: #2D293A;
}

.list-page-hy .header-top-hy ul {
    display: flex;
    justify-content: space-between;
    height: 52px;
}

.list-page-hy .header-top-hy ul li {
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-page-hy .header-top-hy ul li span {
    color: #fff;
    font-size: 16px;
}

.list-page-hy h4 {
    font-size: 20px;
    font-weight: 300;
    color: #ffffffa6;
    text-align: center;
}

.box-list-hy {
    background: #181525;
    padding: 37px 18px 33px;
    border-radius: 6px;
    position: relative;
    top: -13px;
}

.it-list-hy {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.it-list-hy span {
    color: #ffffffa8;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
}

.it-list-hy .svg_arrow {
    width: 37px;
    height: 14px;
    display: none;
}

.it-list-hy .svg_status {
    width: 22px;
    height: 22px;
    padding: 0 5px 0;
}

.it-list-hy img {
    width: 33px;
    padding: 0 5px 0;
}

.txt-inf-c {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
}

.txt-inf-c p {
    color: #ffffffa3;
}

.list-menu-hy ul li:hover {
    border: 1px solid #dcff426b;
}

.list-menu-hy ul .active_h {
    border: 1px solid #dcff426b;
}

.info-i-free-c {
    background-color: #222126;
    height: 36px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 19px auto;
    border-radius: 42px;
    border-color: #e4e5e800;
    width: max-content;
    padding: 0 25px 0;
}

.info-i-free-c p {
    font-size: 16px;
    font-weight: 400;
    color: #A8C139;
}

.info-i-free-c p b {
    color: #42ffc3cc;
    font-weight: bold;
}

.main-av-cloud {
    display: flex;
    justify-content: center;
    padding-top: 5px;
    display: none;
}

.main-av-cloud .it-av-clouds {
    background: #119570;
    max-width: 279px;
    height: 339px;
    border-radius: 0px 52px 0px 52px;
    margin: 19px;
    box-shadow: 5px 2px 2px #001e16;
}

.main-av-cloud .it-av-clouds .bg-all-av {
    background-repeat: no-repeat;
    background-position-y: 192px;
    height: 100%;
    background-position-x: 128px;
    background-size: 104px;
}

.main-av-cloud .it-av-clouds .bg-all-av .hr-av {
    background: #6bdbbc;
    height: 6px;
    width: 69px;
    border-radius: 4px;
    margin: 31px auto;
}

.main-av-cloud .it-av-clouds .bg-all-av h4 {
    text-align: center;
    color: #ffffff;
    font-size: 19px;
}

.main-av-cloud .it-av-clouds .bg-all-av p {
    color: #b8f1e1;
    padding: 23px 23px 0;
    text-align: center;
    font-size: 17px;
    font-weight: 300;
}

.icon-remote {
    background-image: url("/svg/icon-remote.svg");
}

.icon-cost {
    background-image: url("/svg/icon-cost.svg");
}

.icon-cryptocurrencies {
    background-image: url("/svg/icon-cryptocurrencies.svg");
}

.list-ac {
}

.list-ac .bg-list-a {
    background-image: url("/img/list.png");
    height: 118px;
    width: 100%;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    display: none;
}

.statistic {
    padding-top: 90px;
    padding: 35px 23px 0;
    /* display: none; */
}

.box-stats {
    background: #181525;
    border-radius: 12px;
    box-shadow: 0 0 31px -5px #dcff42;
    border: 1.5px solid #1C192E;
}

.box-stats .header-top-stats {
    display: flex;
    justify-content: space-between;
    height: 119px;
    align-items: center;
}

.box-stats .header-top-stats .lf-title-stats {
    width: 393px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-stats .header-top-stats .lf-title-stats svg {
    width: 17px;
    padding-left: 10px;
}

.box-stats .header-top-stats .lf-title-stats h4 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 300;
    padding-left: 9px;
}

.box-stats .header-top-stats .info-c-center-stats {
    display: flex;
    width: 100%;
    justify-content: center;
}

.it-info-stas {
    display: flex;
    align-items: center;
    margin: 14px;
}

.it-info-stas .lf-icon-sts {
}

.it-info-stas .lf-icon-sts svg {
    height: 75px;
    width: 75px;
}

.it-info-stas .info-sts-txt {
    padding-left: 12px;
}

.it-info-stas .info-sts-txt h4 {
    color: #A8C139;
    height: 34px;
    font-size: 17px;
    font-weight: 500;
}

.it-info-stas .info-sts-txt span {
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
}

.box-stats .header-top-stats .infos-win-h {
    display: flex;
    padding-right: 16px;
}

.box-stats .header-top-stats .infos-win-h svg {
    width: 54px;
    position: relative;
    top: -39px;
}

.list-hy-p-and-t {
    display: flex;
    width: 100%;
    padding: 2px 0px 28px;
    justify-content: center;
}

.list-hy-p-and-t .lef-list-sts {
    width: 251px;
}

.list-hy-p-and-t .lef-list-sts h4 {
    color: #ecf4fd;
    text-align: center;
    font-weight: 300;
}

.list-sts-paid-c {
    padding-top: 15px;
}

.list-sts-paid-c .it-coin-l-sts {
    display: flex;
    justify-content: space-between;
    height: 34px;
    align-items: center;
    border: 1px solid #2D293A;
    margin: 3px auto 0;
    width: 186px;
    border-radius: 5px;
}

.list-sts-paid-c .it-coin-l-sts span {
    color: #D3D0E1;
    margin-left: 6px;
    font-size: 12px;
}

.list-sts-paid-c .it-coin-l-sts p {
    color: #D3D0E1;
    font-size: 12px;
    margin-right: 6px;
}

.h-list-sts-hash {
    background: #0e0b1c;
    height: 100%;
    padding: 11px;
    width: 96%;
    border-radius: 12px;
    margin-right: 13px;
}

.h-list-sts-hash h4 {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    padding-top: 12px;
}

.list-paid-hy {
    padding-top: 20px;
}

.it-paid-l {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    margin: 7px;
    padding: 0px 0px 5px;
    border-radius: 0;
    border-block-end: 2.2px dashed; writing-mode: horizontal-tb;
    border-color: #201c33;
}

.it-paid-l .icon-hy-p {
    display: flex;
    align-items: center;
    width: 46px;
}

.it-paid-l .icon-hy-p img {
    width: 28px;
    opacity: 0.5;
    height: 28px;
}

.it-paid-l .amount-hy-paid {
}

.it-paid-l .amount-hy-paid span {
    color: #f1f1f1;
    font-size: 16px;
    font-weight: 400;
}

.it-paid-l .usr-email-temp-p {
    display: grid;
    width: 90%;
    justify-content: center;
    text-align: center;
}

.it-paid-l .usr-email-temp-p p {
    color: #b2b1b7;
    font-size: 17px;
    font-weight: 400;
}

.it-paid-l .usr-email-temp-p span {
    color: #A8C139;
    font-size: 14px;
    font-weight: 400;
}

.it-paid-l .usr-email-temp-p span b {
}

.it-paid-l .date-hy-paid {
    padding-right: 17px;
    width: 194px;
}

.it-paid-l .date-hy-paid .txt-top-date {
    text-align: end;
}

.it-paid-l .date-hy-paid .txt-top-date p {
    color: #746e8b;
    font-size: 13px;
}

.it-paid-l .date-hy-paid a {
    display: flex;
    float: right;
    color: #A8C139;
    text-decoration: none;
}

.info-coin-whts {
    display: flex;
    padding: 97px 23px 0;
}

.l-txt-info-wts {
    width: 98%;
}

.l-txt-info-wts h4 {
    font-size: 53px;
    color: #ffffff;
}

.l-txt-info-wts p {
    color: #ABADAC;
    font-weight: 300;
    line-height: 1.5;
    padding-top: 36px;
}

.for-btn-r-info {
    padding-top: 39px;
}

.btn-sts-now {
    background: #11957000;
    border: 1px solid #119570;
    height: 51px;
    width: 194px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    padding: 0 28px 0;
    color: #119570;
    border-radius: 7px;
    cursor: pointer;
}

.btn-sts-now svg {
}

.icn-h-ifo {
}

.icn-h-ifo img {
}

.advantages {
    padding-top: 141px;
    display: flex;
    margin-bottom: 48px;
}

.advantages h4 {
    text-align: end;
    font-size: 29px;
    max-width: 723px;
    margin: auto;
    color: #ffffff;
    font-weight: 400;
    padding-top: 202px;
}

.advantages b {
    color: #dcff42;
}

.list-advantages {
    padding-top: 42px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 68%;
    margin-right: 27px;
}

.row-advs {
    max-width: 100%;
    padding: 5px 0 15px;
    height: 248px;
    border-radius: 10px;
    background: #181525;
    margin: 5px;
    border: 1.5px solid #312d4b;
}

.row-advs .icon-t-advs {
    /* display: flex; */
    align-items: center;
}

.row-advs .icon-t-advs svg {
    width: 85px;
}

.row-advs h5 {
    font-size: 15px;
    color: #e3e3e3;
    padding: 0 18px 0;
}

.row-advs p {
    color: #6a707b;
    line-height: 1.5;
    font-weight: 300;
    text-align: left;
    padding: 13px 18px 0;
    font-size: 15px;
}

.faq {
    border-radius: 15px;
    margin-top: 33px;
    /* display: none; */
}

.faq .title-faq {
    display: flex;
    font-size: 35px;
    max-width: 723px;
    color: #dcff42;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding-top: 89px;
}

.faq .title-faq svg {
    width: 71px;
    height: 73px;
}

.faq .title-faq h4 {
    padding-left: 26px;
}

.faq .title-faq b {
    color: #e3e3e3;
}

.faqs {
    padding: 32px 0 16px;
    /* display: flex; */
}

.faqs .menu-faq {
}

.faqs .menu-faq .menu-faq-i {
    background: #0a1a2e;
    width: 269px;
    height: 96px;
    padding: 14px;
    border-radius: 3px;
    box-shadow: 2px 2px 9px #062b59;
    border: 1px solid;
    border-color: #0e4d7d;
    cursor: pointer;
    margin: 0 0 11px;
}

.faqs .menu-faq .menu-faq-i .icon-and-title-faq {
    display: flex;
    align-items: center;
}

.faqs .menu-faq .menu-faq-i .icon-and-title-faq h5 {
    color: #8FCFFF;
    font-size: 19px;
    padding-left: 11px;
}

.faqs .menu-faq .menu-faq-i .sub-faq-desc {
    padding-left: 48px;
}

.faqs .menu-faq .menu-faq-i .sub-faq-desc p {
    color: #708CAE;
    padding-top: 0px;
    font-size: 15px;
}

.faqs .list-faqs {
    background: transparent;
    width: 100%;
    height: 100%;
    padding: 14px;
    border-radius: 3px;
    margin-left: 10px;
}

.title-faq-pag-top {
    padding: 28px 55px 60px;
    display: none;
}

.title-faq-pag-top .title-ic-faq {
    display: flex;
    align-items: center;
}

.title-faq-pag-top .title-ic-faq svg {
}

.title-faq-pag-top .title-ic-faq h5 {
    color: #009688;
    font-size: 19px;
    padding-left: 11px;
}

.title-faq-pag-top p {
    color: #fffffffc;
    padding-top: 10px;
}

.faq-title-desc {
    padding: 0 55px 6px;
}

.faq-title-desc .btn-faq-top {
    display: flex;
    justify-content: space-between;
    height: 70px;
    align-items: center;
    cursor: pointer;
    padding: 0 22px 0;
    background: #181525;
    border-radius: 5px;
}

.faq-title-desc .btn-faq-top h5 {
    color: #f7f7f7a8;
    font-size: 19px;
    font-weight: bold;
}

.faq-title-desc .btn-faq-top .icon-faq-h {
}

.faq-title-desc .btn-faq-top .icon-faq-h svg {
}

.faq-title-desc .desc-faq {
    border-block-end: solid 1px; padding-top: 18px;
    display: none;
    padding: 18px 0 32px;
    padding-left: 20px;
    background: #181525;
    border-block-end: 2.8px dashed; writing-mode: horizontal-tb;
    border-color: #2D293A;
}

.faq-title-desc .desc-faq p {
    color: #c5c5c5;
    font-weight: 300;
    line-height: 1.5;
}

.faq-title-desc .btn-faq-top:hover {
    background-color: #3e416a8c;
}

.faq-title-desc .desc-faq h2 {
    line-height: 3.5;
    font-size: 16px;
    color: #FFEB3B;
    font-weight: 500;
}

.m-pwd {
    display: flex;
    padding: 12px 0px 7px;
    color: #bfb7e1;
    font-size: 17px;
    font-weight: 600;
    align-items: center;
    justify-content: space-between;
}

.d-modal-settings {
    position: absolute;
    z-index: 1000;
    width: 270px;
    height: 199px;
    border-radius: 12px;
    background: #181525;
    box-shadow: 0px 1px 8px #80838752;
}

.d-modal-settings .d-modal-acc {
    padding: 24px 13px 20px;
}

.d-modal-settings .d-modal-acc h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d-modal-settings .d-modal-acc p {
    color: rgb(255 255 255 / 56%);
    padding-top: 6px;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d-modal-settings .hr-m-s {
    height: 1.3px;
    width: 100%;
    background: #373b4cb5;
}

.d-modal-settings ul {
    list-style-type: none;
    padding: 11px 20px 24px;
}

.d-modal-settings li {
    height: 44px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.d-modal-settings li:hover p {
    color: #42ffc3;
}

.d-modal-settings li p {
    color: #ffffff;
}

.my_account {
    /* display: flex; */
}

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

.my_account .profile_i h4 {
    color: #38383A;
    font-size: 20px;
    font-weight: 600;
}

.my_account .profile_i .list-menu-profile {
    padding-top: 28px;
    display: flex;
    width: 100%;
    justify-content: center;
}

.my_account .profile_i .list-menu-profile .i-menu-i {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 12px 0;
    border-radius: 40px;
    margin: 0 0 9px;
    cursor: pointer;
}

.my_account .profile_i .list-menu-profile .active_m_p {
    background-color: #5542f636;
}

.my_account .profile_i .list-menu-profile .i-menu-i:hover {
    background-color: rgb(38 107 156 / 13%);
}

.my_account .profile_i .list-menu-profile .i-menu-i svg {
    width: 41px;
    height: 41px;
}

.my_account .profile_i .list-menu-profile .i-menu-i p {
    color: rgb(54 96 128);
    font-size: 17px;
    width: 100%;
    padding: 0px 23px 0;
}

.pages_my_account {
    width: 100%;
    margin: 38px 20px 0;
}

.banner-my_account {
}

.banner-my_account svg {
    width: 100%;
    height: 100%;
}

.header-info-profile {
    /* display: flex; */
    height: 54px;
    position: relative;
    top: 12px;
    display: flex;
    justify-content: left;
    padding-left: 80px;
}

.header-info-profile .l-name-mail {
}

.header-info-profile .l-name-mail h4 {
    font-size: 27px;
    color: #D3D0E1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-info-profile .l-name-mail p {
    color: #626072;
    font-size: 17px;
    padding-top: 3px;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-info-profile .h-location-p {
    padding-left: 95px;
    display: flex;
    align-items: center;
}

.header-info-profile .h-location-p .i-location-txt {
    display: flex;
    align-items: center;
}

.header-info-profile .h-location-p .i-location-txt svg {
}

.header-info-profile .h-location-p .i-location-txt p {
    padding-left: 10px;
    font-size: 18px;
    color: #6b6b6be6;
}

.list-in-change-acc {
    padding-top: 13px;
}

.list-in-change-acc .for-acc-i-change {
    width: 84%;
    margin: auto;
    margin-top: 8px;
}

.input-change-profile {
    display: grid;
    height: 72px;
    align-items: center;
    border-block-end: solid 1.5px; grid-template-columns: 1fr 2fr 0.1fr;
    padding: 0 27px 0px;
    border-radius: 0px;
    background: transparent;
    border-block-end: 2.8px dashed; writing-mode: horizontal-tb;
    border-color: #2D293A;
}

.input-change-profile span {
    color: rgb(255 255 255 / 57%);
    font-size: 18px;
    font-weight: 300;
}

.i-change-profile {
    text-align: center;
    height: 100%;
    background: transparent;
    width: 85%;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    color: #6a6879;
}

.i-change-profile:disabled {
    color: #8d8d94;
}

.btn-change-profile {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 17px;
    color: #A8C139;
    font-weight: 600;
}

.btn-change-profile:hover {
    color: #389ae6;
}

.list-change-pass {
    width: 100%;
}

.for-change-pass {
    width: 78%;
    margin: 33px auto;
}

.i-chage-pass {
    display: flex;
    height: 50px;
    align-items: center;
    border-block-end: solid 1.5px; border-color: #08336a26;
    width: 100%;
    justify-content: space-evenly;
}

.i-chage-pass span {
    color: rgb(0 0 0 / 54%);
    font-size: 18px;
    font-weight: 600;
}

.in-change-pass {
    text-align: center;
    height: 100%;
    background: transparent;
    width: 77%;
    border: 0;
    font-size: 18px;
    font-weight: 300;
    color: #000000de;
}

.list-change-pass h4 {
    text-align: center;
    font-size: 23px;
    padding: 0 0 36px;
    color: #0c1f3673;
    font-weight: 400;
}

.in-change-pass::placeholder {
    color: #0c1f3673;
}

.btn-change-pss {
    height: 54px;
    width: 100%;
    border-radius: 5px;
    border: 0;
    background: rgb(38,107,156);
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
}

.btn-change-pss:disabled {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}

.my-activity {
    width: 100%;
    margin: 0 19px 0;
}

.my-activity h4 {
    text-align: center;
    font-size: 23px;
    padding: 0 0 36px;
    color: #0c1f3673;
    font-weight: 400;
}

.list-activity {
}

.it-activity {
    height: 77px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    border-block-end: solid 1.5px;border-color: #08336a26;
}

.it-activity span {
    font-size: 18px;
    font-weight: 400;
    color: #000000a8;
}

.it-activity p {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #000000a8;
}

.modal-lang {
    position: absolute;
    z-index: 1000;
    width: 148px;
    border-radius: 12px;
    background: #111219;
    box-shadow: 0px 1px 8px #0c1f3652;
    padding: 7px 0px 5px;
}

.modal-lang ul {
    list-style-type: none;
    padding: 0 2px 0;
}

.modal-lang ul li {
    display: flex;
    align-items: center;
    height: 54px;
    cursor: pointer;
}

.modal-lang ul li img {
    width: 31px;
}

.modal-lang ul li span {
    font-size: 17px;
    color: #fffcfccc;
    padding-left: 6px;
}

.modal-lang ul li:hover {
    background-color: #ececec;
}

.menu-left-stats {
    position: relative;
    margin: 0px;
    height: 100%;
    z-index: 2;
    border-color: #0000001f;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 21px;
}

.logo-m-sts {
    display: flex;
    justify-content: center;
}

.logo-m-sts svg {
    width: 170px;
}

.miner-i .inf-miner-l {
    width: 100%;
}

.miner-i .inf-miner-l span {
    font-size: 16px;
    color: #D3D0E1;
}

.f-input-cal-i span {
    color: #119570;
}

.lds-ellipsis {
    /* change color here */
    color: #fff
}

.lds-ellipsis, .lds-ellipsis div {
    box-sizing: border-box;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33.33333px;
    width: 13.33333px;
    height: 13.33333px;
    border-radius: 50%;
    background: currentColor;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.my-power {
    display: flex;
    justify-content: space-between;
    height: 46px;
    align-items: center;
    padding: 0 20px 0;
    border-radius: 500px;
    width: auto;
    margin-top: 8px;
    margin-right: 18px;
    background: #181525;
    border: 1.5px solid #1C192E;
}

.my-power .icon-pow {
    position: relative;
    left: -14px;
    display: flex;
    align-items: center;
}

.my-power .icon-pow svg {
    width: 37px;
    height: 37px;
}

.my-power .des-power {
    width: 100%;
    padding-left: 14px;
    text-align: end;
}

.my-power .des-power h4 {
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
}

.my-power .des-power span {
    color: #42ffc3;
    font-size: 18px;
    font-weight: 600;
}

.my-power .btns-by-p {
    display: none;
}

.btn-buy-power {
    border: 0;
    cursor: pointer;
    border-radius: 6px;
    width: 130px;
    height: 35px;
    display: flex;
    align-items: center;
    background: #1f252c;
    justify-content: center;
    margin: 2px;
    border-radius: 37px;
    margin-top: 7px;
    align-items: center;
}

.btn-buy-power svg {
    width: 19px;
    height: 20px;
}

.btn-buy-power span {
    color: #fff;
    font-size: 15px;
    padding: 0 6px 0;
}

.list-top-nav ul li:hover span {
    color: #42FFC3;
}

.lds-grid {
    /* change color here */
    color: #0032F5;
}

.lds-grid, .lds-grid div {
    box-sizing: border-box;
}

.lds-grid {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
}

.lds-grid div {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: currentColor;
    animation: lds-grid 1.2s linear infinite;
}

.lds-grid div:nth-child(1) {
    top: 8px;
    left: 8px;
    animation-delay: 0s;
}

.lds-grid div:nth-child(2) {
    top: 8px;
    left: 32px;
    animation-delay: -0.4s;
}

.lds-grid div:nth-child(3) {
    top: 8px;
    left: 56px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(4) {
    top: 32px;
    left: 8px;
    animation-delay: -0.4s;
}

.lds-grid div:nth-child(5) {
    top: 32px;
    left: 32px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(6) {
    top: 32px;
    left: 56px;
    animation-delay: -1.2s;
}

.lds-grid div:nth-child(7) {
    top: 56px;
    left: 8px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(8) {
    top: 56px;
    left: 32px;
    animation-delay: -1.2s;
}

.lds-grid div:nth-child(9) {
    top: 56px;
    left: 56px;
    animation-delay: -1.6s;
}

@keyframes lds-grid {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.fake-con {
    display: flex;
    justify-content: center;
    height: 500px;
    align-items: center;
}

.menu-mobile {
    position: fixed;
    z-index: 3000;
    bottom: -10px;
    left: 0;
    z-index: 2000;
    display: none;
}

.menu-mobile .list-top-nav-mb {
    background-image: url("../svg/bg-menu.svg");
    height: 148px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    filter: drop-shadow(0px 3px 31.9px rgba(0, 0, 0, 0.28));
    display: flex;
    align-items: center;
    width: 100vw;
}

.menu-mobile .list-top-nav-mb ul {
    display: flex;
    list-style-type: none;
    width: 100%;
    justify-content: space-between;
    padding: 14px 11px 0;
}

.menu-mobile .list-top-nav-mb ul li {
    padding-top: 28px;
    width: 66px;
}

.menu-mobile .list-top-nav-mb ul li .icon-mb {
    display: flex;
    justify-content: center;
}

.menu-mobile .list-top-nav-mb ul li .icon-mb svg {
}

.menu-mobile .list-top-nav-mb ul li span {
    display: block;
    font-size: 13px;
    color: #7d8c9d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    padding-top: 4px;
}

.menu-header-bg {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    height: 86px;
    background-position: bottom;
    filter: drop-shadow(0px -7px 23.8px #116159);
    display: none;
}

.menu-bg-and-top {
}

.btn-register-now svg {
    width: 46px;
    height: 31px;
}

.btn-login-now svg {
    width: 46px;
    height: 31px;
}

.list-top-nav ul li svg {
    width: 65px;
    height: 25px;
    display: none;
}

.loader {
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
}

@keyframes mulShdSpin {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.5), -1.8em -1.8em 0 0em rgba(255,255,255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.5), 1.8em -1.8em 0 0em rgba(255,255,255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.5), 2.5em 0em 0 0em rgba(255,255,255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.5), 1.75em 1.75em 0 0em rgba(255,255,255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.5), 0em 2.5em 0 0em rgba(255,255,255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.5), -1.8em 1.8em 0 0em rgba(255,255,255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.5), -2.6em 0em 0 0em rgba(255,255,255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

.loader-2 {
    width: 48px;
    height: 48px;
    border: 5px solid;
    border-color: #119570 transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation_2 1s linear infinite;
}

@keyframes rotation_2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.or-enter {
    display: block;
    text-align: center;
    padding: 9px 0px 19px;
}

.or-enter p {
    color: #79709f;
    margin: 7px;
    font-weight: 400;
}

.or-enter a {
    text-decoration: none;
    font-size: 19px;
    color: #dcff42;
    line-height: 21px;
    letter-spacing: 0.86px;
    font-weight: 600;
}

.boxmail {
    background: #AF9122;
    padding: 10px 27px 10px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    margin-right: 22px;
    margin-bottom: 17px;
}

.boxmail svg {
}

.box-txt-mail {
    padding: 15px;
}

.box-txt-mail p {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
}

.box-txt-mail p b {
}

.btn-send-mail {
    background: #fff;
    border: 0;
    padding: 10px 22px 10px;
    border-radius: 8px;
    margin-top: 8px;
    color: #5A4141;
    font-size: 15px;
    cursor: pointer;
}

.confirmation-info {
    text-align: center;
    margin-top: 110px;
}

.icon-container {
    margin-bottom: 20px;
}

.confirmation-message {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
}

.return-link {
    display: inline-block;
    margin-top: 20px;
    font-size: 16px;
    color: #119570;
    text-decoration: none;
    transition: color 0.3s ease;
}

.return-link:hover {
    color: #0056b3;
}

.icon-l-ec {
}

.top-miner-lst {
    display: flex;
    align-items: center;
    margin-top: 14px;
    border-block-end: 2.8px dashed; writing-mode: horizontal-tb;
    border-color: #2D293A;
    padding: 0 0 18px;
}

.info-gain-miner {
    display: flex;
    padding-top: 21px;
    justify-content: space-around;
    margin-bottom: 23px;
}

.info-gain-miner .it-miner-inf-m {
}

.info-gain-miner .it-miner-inf-m h6 {
    color: #42414E;
    font-size: 14px;
    margin-bottom: 13px;
}

.info-gain-miner .it-miner-inf-m span {
    color: #D3D0E1;
    font-size: 12px;
    display: flex;
    align-items: self-end;
}

.info-gain-miner .it-miner-inf-m span b {
    font-size: 8px;
    position: relative;
    top: -8px;
    left: 2px;
}

.pickaxe {
    background-image: url("../svg/pickaxe.svg");
    transform-origin: 8px 18px;
    animation: swing 0.5s infinite;
    margin-right: 15px;
    width: 22px;
    height: 22px;
    background-position: center;
    background-size: cover;
}

@keyframes swing {
    0% {
        transform: rotate(36deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(36deg);
    }
}

.btn-dp-ac {
    cursor: pointer;
    color: #D3D0E1;
    border-radius: 8px;
    font-size: 13px;
    width: 88px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2D293A;
    background: transparent;
}

.list-top-nav ul .active_m::before {
    content: "";
    background: #42FFC3;
    height: 4px;
    width: 50px;
    position: absolute;
    border-radius: 20px;
    margin-top: 45px;
}

.menu-l-ix {
    width: 100%;
    margin-left: 29px;
    font-weight: 300;
}

.menu-l-ix ul {
    display: flex;
    align-items: center;
    list-style-type: none;
}

.menu-l-ix ul li {
    padding: 0 13px 0;
}

.menu-l-ix ul li a {
    text-decoration: none;
    color: #dededecc;
    font-size: 17px;
    font-weight: 500;
}

.c-bar-progress-m p {
    padding: 19px 0 9px;
    font-size: 16px;
    font-weight: 400;
    color: #fff4f4b0;
}

.i-mhs-buy-f span svg {
    width: 28px;
    height: 53px;
}

.infor-result-h {
    width: 100%;
    padding: 56px 0px 1px;
}

.c-bar-progress-m label {
    color: #D3D0E1;
}

.my-asstes {
    display: flex;
    align-items: center;
}

.my-asstes p {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #fff4f4b0;
}

.my-asstes span {
    font-size: 15px;
    font-weight: 600;
    color: #fff4f4b0;
    padding-left: 10px;
}

.max-buy {
    background: transparent;
    border: 0;
    margin: 8px;
    font-size: 16px;
    color: #dcff42;
    cursor: pointer;
}

.header-infocl {
    background-image: url("../img/bg-c.jpg");
    background-repeat: no-repeat;
    border-radius: 24px 24px 0px 0px;
    height: 185px;
    max-width: 400px;
    margin: auto;
    padding: 16px 0px 33px;
}

.info-tp {
    height: 143px;
    padding: 9px 22px 17px;
}

.info-tp .ic-t {
    display: flex;
    align-items: center;
}

.info-tp .ic-t p {
    font-size: 13px;
    margin: 0;
    position: absolute;
    color: #fff;
    padding-left: 62px;
    padding-top: 21px;
}

.info-tp .ic-t img {
    width: 54px;
    height: auto;
}

.info-tp .ic-t h4 {
    padding-left: 8px;
    color: #fff;
    letter-spacing: 2px;
    font-size: 20px;
    position: relative;
    top: -12px;
}

.info-tp p {
    font-size: 33px;
    margin: 17px 0 0;
    color: #CDDC39;
    letter-spacing: 3px;
    font-weight: 900;
}

.info-tp .pr {
}

.box-lvel {
    background: #b0c83c;
    display: flex;
    width: max-content;
    padding: 3px 22px 3px;
    border-radius: 21px;
    color: #181525;
    margin-top: 6px;
    font-weight: 600;
    font-size: 16px;
}

.box-lvel span {
    padding-left: 4px;
}

.info-end-cl {
    height: 52px;
    background: #374303f5;
    max-width: 400px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.info-end-cl p {
    color: #a2be26;
}

.box-info-c {
    background: #0e0b1c;
    max-width: 400px;
    margin: auto;
    border-radius: 0px 0px 24px 24px;
}

.header-dp-c {
    display: flex;
    padding: 22px 0px 0;
}

.header-dp-c .ic-dp-h {
    padding-left: 9px;
}

.header-dp-c img {
    width: 48px;
}

.header-dp-c .ic-dp-h h4 {
    color: #D3D0E1;
    font-size: 19px;
}

.header-dp-c .ic-dp-h p {
    color: #837c9c;
    font-size: 16px;
}

.list-t-c {
    margin-top: 40px;
}

.list-t-c h4 {
    color: #D3D0E1;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
}

.it-net-l {
    display: flex;
    padding-top: 12px;
}

.it-net-work {
    border: 1.8px solid #252236;
    margin: 5px;
    border-radius: 6px;
    height: 63px;
    cursor: pointer;
    padding: 0 27px 0;
}

.it-net-work h5 {
    color: #D3D0E1;
    font-size: 15px;
    padding-top: 13px;
}

.it-net-work p {
    color: #807b94;
    padding-top: 2px;
    font-size: 13px;
}

.active_nwt {
    border: 1.8px solid #42ffc354;
}

.i-my-lnk-aff svg {
    width: 29px;
}

.i-my-lnk-aff .btn-copy-aff svg {
    width: 16px;
    margin-right: 7px;
}

.ic-sp-j {
}

.ic-sp-j img:first-child {
    padding: 0;
    border: 3px solid #181525;
    border-radius: 36px;
}

.ic-sp-j img:last-child {
    position: relative;
    left: -20px;
    padding: 0;
    border: 5px solid #181525;
    border-radius: 36px;
    background: #181525;
    top: 8px;
}

.arrow-hh {
}

.arrow-hh svg {
    width: 17px;
    margin: 8px;
}

.buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
}

.btn-primary span {
    margin-right: 25px;
    margin-left: 34px;
    font-size: 17px;
    font-weight: 600;
}

.btn-primary .icon-arrow-btn {
    display: flex;
}

.btn-primary .icon-arrow-btn svg {
}

.crypto-icons {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.crypto-icons img {
    height: 40px;
    width: 40px;
}

.it-crypto {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #fff;
    font-size: 19px;
}

.btn-watch {
    text-decoration: none;
    font-weight: bold;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 2px 0px;
    border-radius: 51px;
    height: 65px;
}

.btn-watch .icon-btn-watch {
    width: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-watch .icon-btn-watch svg {
    width: 20px;
}

.btn-watch span {
    margin-right: 13px;
    margin-left: 4px;
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
}

.btn-watch::before {
    content: '';
    background-image: url("/svg/c_lf.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    height: 57px;
    width: 57px;
    position: absolute;
}

.bitcoin {
    background: rgb(247 147 26 / 24%);
}

.ethereum {
    background: rgb(255 243 229 / 24%);
}

.usdt {
    background: rgb(0 164 120 / 24%);
}

.trx {
    background: #ff42423d;
}

.sign-up {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    height: 100%;
    background: #0E0B1C;
    z-index: 20;
    display: none;
}

.sign-up .container::before {
    position: fixed;
    content: '';
    background-image: url(../svg/bg-top-r-l.svg);
    background-repeat: no-repeat;
    background-size: auto;
    height: 143px;
    width: 51%;
    top: 0;
    animation: moveBotton 1s forwards , fadeIn 1s forwards;
}

.logo-sign-up {
    display: flex;
    height: 45px;
    align-items: center;
    position: absolute;
    animation: moveLeft 1s forwards , fadeIn 1s forwards;
}

.logo-sign-up svg {
    width: 155px;
    height: 40px;
}

.logo-sign-up p {
    margin: 0;
    line-height: 0;
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin-left: 12px;
}

.form-container .form {
    padding: 0 21px 0;
    animation: moveRight 1s forwards, fadeIn 1s forwards;
}

.box-input {
    margin-bottom: 22px;
    background: #181525;
    border-radius: 13px;
    display: flex;
    align-items: center;
    padding: 8px 14px 8px;
    border: 1.5px solid #1C192E;
}

.box-input .icon-in {
    margin: 0 9px 0;
}

.box-input .icon-in svg {
    width: 30px;
    height: 30px;
}

.for-end-in {
    width: 100%;
    padding: 1px 12px 0;
}

.for-end-in .title-for-in {
    display: flex;
    align-items: center;
}

.for-end-in .title-for-in p {
    font-size: 16px;
    line-height: 0;
    margin-bottom: 0;
    color: #A8C139;
    font-weight: 500;
}

.for-end-in .title-for-in b {
    margin-left: 7px;
    color: #ff4242;
}

.for-end-in .title-for-in small {
    font-size: 13px;
    padding: 0 7px 0;
    color: #ff4242;
}

.checkbox-container label {
    color: #d9d9ff;
}

.checkbox-container label b {
    color: #42FFC3;
}

.btn-container-close {
    display: flex;
    justify-content: end;
    margin-bottom: 87px;
    margin-right: 20px;
}

.btn-close {
    position: absolute;
    display: flex;
    height: 40px;
    align-items: center;
    width: 79px;
    justify-content: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    animation: zoomIn 1s forwards;
}

.btn-close svg {
    display: flex;
}

.btn-close p {
    font-size: 17px;
    color: #CACBD2;
    font-weight: 600;
    padding: 0 7px 0;
}

.btn-close:hover p {
    color: #2FD2CF;
}

.login {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    height: 100%;
    background: #0E0B1C;
    z-index: 20;
    display: none;
}

.login .container::before {
    position: fixed;
    content: '';
    background-image: url(../svg/bg-top-r-r.svg);
    background-repeat: no-repeat;
    background-size: auto;
    height: 143px;
    width: 51%;
    top: 0;
    animation: moveBotton 1s forwards , fadeIn 1s forwards;
    right: 0;
}

.bg-container-login {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.bg-container-login::before {
    content: '';
    display: flex;
    background-color: #181525;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 49%;
}

.form-container {
    height: 100vh;
    width: 50%;
    padding: 101px 22px 0px;
}

.form-container h2 {
    text-align: center;
    margin-bottom: 17px;
    color: #FDFDFD;
}

.info-container {
    display: flex;
    height: 100vh;
    width: 50%;
}

.bg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.bg-container::before {
    content: '';
    display: flex;
    background-color: #181525;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.container-2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sign-up .container-2::before {
    position: fixed;
    content: '';
    background-image: url(../svg/bg-top-r-l.svg);
    background-repeat: no-repeat;
    background-size: auto;
    height: 143px;
    width: 51%;
    top: 0;
    animation: moveBotton 1s forwards , fadeIn 1s forwards;
}

.input-l-r::placeholder {
    color: hsl(0deg 0% 79.68% / 53%);
}

.btn-submit {
    background-color: #DCFF42;
    color: #191434;
    border: none;
    padding: 21px;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-submit:disabled {
    background: transparent;
}

.checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
}

.checkbox-container input {
    margin-right: 10px;
}

.input-l-r {
    width: 100%;
    padding: 6px;
    border: none;
    background: transparent;
    height: 38px;
    font-size: 17px;
    color: hsl(0, 0%, 100%);
}

.for-c {
    text-align: center;
    margin: 14px;
}

.for-c a {
    text-decoration: none;
    font-size: 17px;
    color: #fff;
}

.for-c a b {
    color: #42FFC3;
}

.login .container-2::before {
    position: fixed;
    content: '';
    background-image: url(../svg/bg-top-r-r.svg);
    background-repeat: no-repeat;
    background-size: auto;
    height: 143px;
    width: 51%;
    top: 0;
    animation: moveBotton 1s forwards, fadeIn 1s forwards;
    right: 0;
}

.more-h-adv {
    max-width: 485px;
}

.more-h-adv p {
    text-align: end;
    color: #474261;
    padding-top: 17px;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 22px;
}

.button-advs {
    margin-top: 34px;
    display: flex;
    justify-content: right;
}

.intro-pianel {
    display: flex;
    margin-top: 132px;
}

.intro-pianel .box-l-pp {
}

.intro-pianel .box-l-pp img {
    max-width: 586px;
}

.intro-pianel .intro-painel-r {
    padding-top: 71px;
    padding-right: 95px;
}

.intro-pianel .intro-painel-r h4 {
    color: #fff;
    font-size: 28px;
}

.intro-pianel .intro-painel-r p {
    color: #6A6097;
    padding-top: 26px;
    line-height: 25px;
    font-size: 17px;
}

.bg-real {
    background-image: url("/svg/bg-real.svg");
    height: 558px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -77px;
}

.info-i-free-c p b {
}

.info-i-free-c svg {
    padding-right: 19px;
    width: 44px;
}

.loader-l {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: #fff;
}

.loader-l:before, .loader-l:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear infinite;
}

.loader-l:after {
    color: #42FFC3;
    transform: rotateY(70deg);
    animation-delay: .4s;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotateZ(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotateZ(360deg);
    }
}

@keyframes rotateccw {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes spin {
    0%, 100% {
        box-shadow: .2em 0px 0 0px currentcolor;
    }

    12% {
        box-shadow: .2em .2em 0 0 currentcolor;
    }

    25% {
        box-shadow: 0 .2em 0 0px currentcolor;
    }

    37% {
        box-shadow: -.2em .2em 0 0 currentcolor;
    }

    50% {
        box-shadow: -.2em 0 0 0 currentcolor;
    }

    62% {
        box-shadow: -.2em -.2em 0 0 currentcolor;
    }

    75% {
        box-shadow: 0px -.2em 0 0 currentcolor;
    }

    87% {
        box-shadow: .2em -.2em 0 0 currentcolor;
    }
}