.add-address-modal .form-group.mg-b-5rem{}
        .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 500;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }

    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f5f5f5;    color: #2d398b; }
        .nice-select .option:hover{  color: #1b2e4b;}
    .nice-select .option.selected {
      font-weight: 500; }
      .nice-select .option:hover{}
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }




        .custom-option{background-color:#f00;}
        p.bnc-form-item-help {
    min-height: 24px;
    padding-top: 6px;
    font-size: 12px;
    color: #858d98;
    margin-bottom: 0;
}
        .add-address-modal select.custom-select:focus {
    box-shadow: none;
}
        .add-address-modal select.custom-select {
    border: 0px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 0;
    font-size: 16px;
}
.add-address-modal select.custom-select:hover{border-bottom: 1px solid #2d398b !important;}
        .add-address-modal .form-control:hover{border-bottom: 1px solid #2d398b !important;}
        .add-address-modal .form-control:focus {
    box-shadow: unset;
    border-bottom: 1px solid #2d398b !important;
}
        .add-address-modal .form-control {
    border: 0px !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0;
        padding: 0.46875rem 0rem;    font-weight: 500;
    letter-spacing: 1px;
}
        .add-address-modal .form-group {
  position: relative;
  margin-bottom: 1.2rem;
}
.nice-select.wide .list li:first-child {
    display: none;
}
a#WithdrawContainer-a-addressManagement {    float: right;color: #2d398b;font-size: 14px;font-weight: 600;}
.add-address-modal .form-control-placeholder {
  position: absolute;
  top: -7px;
  padding: 0px 0 0 0px;
  transition: all 200ms;
    opacity: 1;
    font-size: 13px;
    font-weight: 600;
    color: #596882;
}
.qr-code-modal .modal-body.add-address-modal {
    text-align: left;
}
 .add-address-modal .form-control:valid + .form-control-placeholder  ,
.add-address-modal .form-control:focus + .form-control-placeholder{
    color: #2d398b;
    transform: translate3d(0, -50%, 0);
    opacity: 1;
}
.parsley-style-1 .parsley-errors-list.filled {
    background-color: #ffffff00;
    color: #dc3545;
    padding: 6px 0px;
    font-size: 12px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
.parsley-style-1 .parsley-input.parsley-error .form-control {
    background-color: #282e3800;
    border-color: #dc3545 !important;
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.parsley-input.parsley-error .form-control-placeholder{      color: #2d398b;
    transform: translate3d(0, -85%, 0);
    opacity: 1;}

    .parsley-input.parsley-success .form-control-placeholder {
    color: #2d398b;
    transform: translate3d(0, -30%, 0);
    opacity: 1;
}
.modal .select2-container {
   width: 100% !important;z-index: 9999999 !important;
}
/*.modal .select2-container--open {*/
/*    font-size: 14px;*/
/*    z-index: 9999999 !important;}*/
/*span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {*/
/*    width: 100%;*/
/*    z-index: 9999;*/
/*}*/

.select2-container--open {
    font-size: 14px;
    z-index: 99999999 !important;
}
.select2-search--dropdown {
    display: none;}
    .select2-container--default .select2-selection--single {
    background-color: #002e7b00;
    border: 0px solid #aaa;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #596882;
    line-height: calc(1.5em + 0.9375rem + 2px)-0.1rem;
    padding-left: 0;}
    .delete-icon{width:17px;}
    .add-Withdrawal{
    padding: 0 20px;
    font-size: 14px;
    height: 40px;
}
.btn.add-Withdrawal svg{
    stroke: #fff;
    fill: #2d398b;
    width: 20px;
    height: 20px;
}
h1.df-title.mg-t-30{margin-top:30px;}
td button {
    width: 110px; text-align: left !important;
}
td button i {
    float: right;
    top: 3px;
    position: relative;
}
.add-Withdrawal {
    font-weight: 600;
}
.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single {
    height: 32px;
    border-color: rgba(72, 94, 144, 0.16);
    border-radius: 0;
}
.checkbox-onlydisplay{
    position: absolute;
    margin-top: 30px;
    left: 16%;
    z-index: 99;
}
div#example1_length label {
    font-size: 14px;
    font-weight: 600;
    color: rgb(33, 40, 51);
}
.checkbox-onlydisplay lable{
    font-size: 14px;
    font-weight: 600;
    color: rgb(33, 40, 51);
    line-height: 16px;
}
.eVNUNy.mg-t-30{}
.checkbox-onlydisplay label{
    font-size: 14px;
    font-weight: 600;
    color: rgb(33, 40, 51);
    line-height: 16px;}

    .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16) !important;
    padding: 5px 10px;
    line-height: 1.539;
    color: #001737;
    border-radius: 0;
    border: 0px;
    width: 100%;
}
.btn-primary{
    color: #fff;
    padding: 10px 15px !important;
    font-size: 12px;
    background: radial-gradient(174.47% 188.91% at 1.84% 0%, rgb(35 73 225) 0%, rgb(13 26 70) 100%), rgb(237, 238, 242);
    font-weight: 400;
    line-height: 26px;
    border-radius: 6px;
}
.btn-primary:hover{
    opacity: 1;

}
.add-address-modal .form-group.mg-b-7rem {
}
input#amount.Titillium-font {
       color: #3eb7b5;
    /* font-size: 18px; */
    font-family: 'Barlow', sans-serif;
    font-weight: 500;    letter-spacing: .3px;
}
.recipient span.current:after {
    content: "USD" !important;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #2d398b;
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 10px;
    background: #2d398b2b;
    top: 16px;
    margin-left: 15px;
    position: absolute;
    /*position: absolute;*/
    /*left: 62px;*/
    /*margin-top: 6px;*/
}

    .recipient li.option:after {
content: "BTC" !important;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: rgb(240, 185, 11);
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 10px;
    background: rgb(253, 245, 219);
     top: -2px;
    margin-left: 15px;
    position: relative;

    /*position: absolute;*/
    /*left: 80px;*/
    /*margin-top: 6px;*/
}
.add-address-modal .form-control-placeholder.label-select{    top: 0px; z-index:99999;}

.add-address-modal .nice-select.wide.form-control.open + .form-control-placeholder, .add-address-modal .nice-select.wide.form-control.open + .form-control-placeholder {
    color: #2d398b;
    transform: translate3d(0, -85%, 0);
    opacity: 1;
}
label.form-control-placeholder.label-select.open1 {
    color: #2d398b;
    transform: translate3d(0, -85%, 0);
    opacity: 1;
}
.add-address-modal .form-control-placeholder.label-wallet {
    top: -27px !important;
}
body table.dataTable.table-withdrow tbody td {
    line-height: 1.9;
}

.card-dashboard-table .table strong.Titillium-font {
    letter-spacing: .3px;
    font-family: 'Barlow', sans-serif;
}
.checkbox-onlydisplay.in-withdrow {
    position: absolute;
    margin-top: 12px;
    left: 16%;
    z-index: 99;
}
.img-verify{    margin-right: auto;
    margin-left: auto;}
    .ul-verify{    padding-left: 15px;}
  .Wallet-withdrow.df-example.Coin1 {
    padding: 0rem 2rem 10px 0px;
}

#snackbar-copy , #snackbar5 , #snackbar4 , #snackbar3 , #snackbar2 {
  visibility: hidden;
  min-width: 250px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  right: 15px;
  top: 70px;
  font-size: 17px;
      background-color: #d8f3e7;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 192, 135, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 192, 135, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(0, 192, 135, 0.1);
    color: #00c087;
}


#snackbar-copy.show  , #snackbar5.show , #snackbar4.show , #snackbar3.show , #snackbar2.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
body, .tooltip , .popover ,.jqvmap-pin , .sp-container , .sp-button-container .sp-cancel  {
    font-family: Inter,sans-serif;}
  .df-title {    font-size: 30px;}
    .nav-line .nav-link {
    font-weight: 500;
}
.iWGLMw {
    font-size: 14px;
    font-weight: 500;}
    .bofAGR {
    font-size: 14px;
    font-weight: 500;}
    .btn-tool-tipe {
    line-height: 0px;}
    .red-{color: rgb(234, 0, 112);}
 span.title-span {
    width: auto;}
    table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {

}
img.img-menu {
    width: 18px;
    margin-right: 15px;
}
h1.h1-{font-weight:600; font-size:30px;}
.Wallet-withdrow.df-example.Coin1.pd-t-0 {
    padding: 0rem 5rem 10px 0px;
}
.add-address-modal .form-group.mg-b-5rem.mg-t-1-7rem {
    margin-bottom: 1rem;
    margin-top: 1.7rem;
}
.Wallet-withdrow.df-example.Coin1.pd-t-30 {
    padding: 38px 5rem 10px 0px;
}
.add-address-modal .form-group.mg-b-5rem.mg-t-1-7rem.mg-b-7rem {
    margin-bottom: 1rem;
}



td input {
    background: #fff0;
}
body select {
    margin-left: 10px;
    margin-right: 10px;
    border: 0px solid rgba(72, 94, 144, 0.16);
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    background: #2c323e;
    color: #e2e5ed;
}
div#register span.select2.select2-container.select2-container--default {
    margin-right: 0;
    margin-left: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
    body .gLYnEB {
        padding: 0.7rem 0.7rem  !important;}
    body .bINQcH {
        display: block;
    }
    body .hvQZYb {
        display: block;
    }
    body.dark-mode .bIaSNp {
        background-color: rgb(33 36 41);
    }
    body .sc-bdVaJa.sc-iuJeZd.sc-eerKOB.lmcAut {
        margin-right: 0;
        margin-left: 0rem;
        padding: 0px 1rem;}
        body .jlYDDb > :not(:first-child) {
            margin-left: 0;
            margin-right: 8px;
        }
    .css-104e7hr {
        display: none;
    }
    .kTkaGA {font-size: 12px;}
    body .selector .selection{padding: 0px 8px;}
    body .flex-con.css-4cffwv {
        display: block;
    }
    body .flex-margin .flex-item.css-117yyy6 {
        margin: 0 0px 10px;
        width: 100%;
    }
    body .css-1k3pvbo{display: block;    position: relative;}
    body .css-8643aq {width: 100%;}
    body .css-1m4jai6 {max-width: 100%;}
    body .banner .sub-title {
        margin-top: 5px;
        font-size: 15px;}
        body .banner .banner-title {
            font-size: 32px;
            line-height: 40px;}
    div#add-edit-modal {
        padding-right: 0px !important;
    }
    .qr-code-modal .modal-body {
        padding: 40px 15px 40px !important;}
        .add-address-modal .wizard > .content {
        padding: 15px;}
        .wizard .input-group.col-md-6.px-0 .input-group-text {
        display: flex;
        align-items: center;
        padding: 3px 0.625rem;}
        .add-address-modal .wizard input.form-control {
        margin-top: 0px;
    }
    .wizard > .content > .body .df-example.demo-forms.w-100 .row.pl-5 {
        padding-right: 3rem !important;
    }
    .wizard > .content > .body .row.row-sm.google-auth.mg-t-50 {
        padding: 0 15px !important;
    }
    div#register a.tx-13.resend-verification-code {
        margin-top: 10px;
    }
    div#register .p-5 {
        padding: 0rem !important;
    }
    div#register span.select2.select2-container.select2-container--default {
        margin-right: 0;
        margin-left: 0;
        width: 50% !important;
    }
    section#register-p-0.p-5 {
        padding: 3rem 0 !important;
    }
    a#WithdrawContainer-a-addressManagement {
        float: left;
        color: #2d398b;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 2rem;
    }
    select {
        margin-left: 10px;
        margin-right: 10px;
        border: 0px solid rgba(72, 94, 144, 0.16);
        border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    }
    body .bOIKXl .title {
        padding-top: 30px;
        font-weight: 200;
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 1px;
        margin-top: 2rem;
    }
    .bLhxnV {
        height: auto !important;}
    body .nhmjgt-5.bhKJIg {
        display: block;}
    body table.dataTable tbody th, body table.dataTable tbody td {
        padding: 9px 7px;}
    .mx-xs-0 {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .sorting_desc::before{display:none;}
    input#invitation-code {
        width: -webkit-fill-available !important;
    }
    body .mg-t--100 .pd-l-15 {
        padding-left: 5px!important;
    }
    body .mg-t--100 .pd-r-15 {
        padding-right: 5px!important;
    }
    .select2-container--default .select2-selection--single {
        background-color: #fff0;}
    .hBzvvX.bb-in-mobile{    margin-bottom: 20px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;}
    .select2-container--default .select2-selection--single {
        background-color: #fff0;}
    ul.sc-17p3190-4.euEMra.li-block {
        margin: 15px 0px 0px;
    }
    .ker0ea-0.cxuOHA.grid-in-mobile{
        display: grid;
        grid-template-columns: auto;
        grid-template-areas:
            "a b"
            "c d";

    }
    body .nav-item.item-program {
        width: 100% !important;
    }
    body .nav-item.item-coin {
        width: 100% !important;}
        body .chart-owl .owl-theme .owl-dots {
            margin-top: -45px;
            right: 5rem;}
            body .acount-to-transfer strong {
                float: unset;padding-left: 0px;}
                .acount-to-transfer {
                    padding: 10px;}
                    .alert.alert-success.d-flex.align-items-center.deposit-alert.mg-b-5.mg-t-30 {
                        margin-right: 0;
                        margin-left: 0;
                    }
.Wallet-withdrow.df-example.Coin1.pd-t-30 {
    padding: 0px 0rem 10px 0px;
}
h1.h1- {
    font-weight: 600;
    font-size: 20px;
}
div#myTabContent5.mg-t-20 {
    margin-top: 0;
}
.add-address-modal .form-control {
    margin-top: 5px;}
    .add-address-modal .form-control-placeholder.label-wallet {
    top: -37px !important;
}
.add-address-modal .form-control-placeholder {
    font-size: 14px;}
    .cxuOHA {
    display: block;}
    .detail-box .cxuOHA .iIotPK {
    padding-bottom: 2rem;
    position: relative;
}
.alert.alert-success.deposit-alert {
    margin-right: 0px;
    margin-left: 0px;
}
.demo-forms {
    padding-right: 0px;
    padding-left: 0;
}
.jkFSIE .tab-content .ow8nwg-0 {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 1rem;
}
button.btn.btn-primary.tx-13.wd-md-100p.mg-t-30 {
    margin-top: 0;    width: 100%;

}
.detail-box.mg-t-30.mg-b-50 {
    margin-bottom: 20px;
    margin-top: 15px;
}
.checkbox-onlydisplay.in-withdrow {
    position: relative;
    margin-top: 0px;
    left: 0%;
    z-index: 99;
}
.jDHrjZ {
    padding-top: 45px;
    line-height: 0px;}
    .dataTables_wrapper .dataTables_length label {
    display: flex;
    margin-bottom: 0;
    line-height: 3.5;
    margin-top: 1.5rem;
}
.dataTables_wrapper .dataTables_length .select2-container--default {
    margin-right: 15px;
}
.igXBkt {
    font-size: 14px;}
    td button {
    width: auto;}
    td button i {
    float: none;
    top: auto;
    position: relative;
}
.Wallet-withdrow.df-example.Coin1 {
    padding: 2rem 0rem 10px 0px;
}
div#myTabContent5.mg-t-50 {
    margin-top: 0;
}
.hBzvvX {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    right: auto;
    top: auto;
    margin-bottom: 15px;
}
.add-address-modal .form-group.mg-b-5rem {
    margin-bottom: 3.2rem;
}
div#cbWrapper2.parsley-checkbox {
    position: relative;
    float: unset;
}
.box.recipient .nice-select.wide.form-control {
    margin-top: 30px;
}
.checkbox-onlydisplay {
    position: relative;
    margin-top: 0px;
    left: 0%;
    z-index: 99;
}
.eVNUNy.mg-t-30 {
    margin-top: 0;
    margin-left: 0;
}
.col-sm-12.mg-t-20 {
}
.modal .add-address-modal .form-group.mg-b-5rem {
    margin-bottom: 5.2rem;
}
.qr-code-modal .modal-body.add-address-modal .btn {
    width: 100%;
}
}
@media (max-width:1168px) {
.show-more {
    display: none;
}
}
@media (min-width:1169px) {
    .show-more-height {
        height: 20px;
  overflow:hidden;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    body.dark-mode .bIaSNp {
        background-color: rgb(33 36 41);
    }
    body .jlYDDb > :not(:first-child) {
        margin-left: 0;
        margin-right: 10px;
    }
    a#WithdrawContainer-a-addressManagement {
        float: unset;
        position: relative;
        top: -30px;
    }
.checkbox-onlydisplay {
    left: 25%;}
td button {
    width: auto;}
    td button i {
    margin-left: 5px;
}
body table.dataTable tbody th, body table.dataTable tbody td {
    line-height: 2;
}
.eVNUNy.mg-t-30 {
    margin-top: 15px;
}
.cxuOHA {
    display: block;}
    .igXBkt {
    font-size: 22px;
}
body .invest-forms .cxuOHA .total-debit .igXBkt {
    font-size: 30px;
}
.bofAGR {
    font-size: 20px;}
.Wallet-withdrow.df-example.Coin1 {
    padding: 3rem 2rem 10px 0px;
}
.alert.alert-success.deposit-alert {
    margin-left: 0px;
    margin-right: 0px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef17;}
.detail-box.mg-t-30.mg-b-50 {
        margin-bottom: 30px;
    margin-top: 20px;
}
.iIotPK {
    position: relative;
    margin-bottom: 1rem;
}
div#cbWrapper2.parsley-checkbox {
    position: relative;
    float: unset;    margin-bottom: 10px;
}
.add-address-modal .form-group.mg-b-7rem {
    margin-bottom: 5rem;
}
.box.recipient .nice-select.wide.form-control {
    margin-top: 25px;
}
.add-address-modal .form-group.mg-b-7rem {
    margin-bottom: 7rem;
}
div#myTabContent .iIotPK {
    padding-left: 0;
    padding-right: 0;
}
button.btn.btn-primary.mg-t-30 {

    margin-top: 0;
}
.add-address-modal .form-group.mg-t-15 {
    margin-bottom: 1rem;
}
body .jkFSIE {
    padding: 50px 30px 30px;
}
    td button {
    width: 100%;
    text-align: left !important;
    padding: 0.391rem 0.2rem !important;
}
.checkbox-onlydisplay.in-withdrow {
    left: 25%;}
}
.checkbox-onlydisplay.in-withdrow {
    left: 25%;}

.qr-code-modal.wizared-2fa .modal-dialog{
    width: 830px;
    max-width: 100%!important;
}
.css-1ti3r30 {
    padding-left: 40px;
    padding-right: 40px;
}
.css-awnxa0 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}
.css-vurnku {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
        text-align: left;
}
.css-dx6lmr {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 88px;
        margin: 20px auto 0;
}
.css-ovthrp {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eceaef;
    border-radius: 4px;
    margin-bottom: 16px;
    width: 192px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    background: #2c323e00;
}
.modal .modal-content .modal-body img.css-1sysnl8 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    width: 24px;
}
.css-1sgz1lk {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    margin-left: 16px;
}
.css-vurnku {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
}
.css-1gubtqr {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    white-space: nowrap;
    font-weight: 500;
    font-size: 20px;
}
.css-104e7hr {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    width: 0%;
}
.css-104e7hr {
    width: 16px;
}
.css-1i0rbqg {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eceaef;
    border-radius: 4px;
    width: 210px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    background: #fff0;
}
.css-weqpav {
    width: 420px;
    margin-bottom: 56px;
}
.css-1xfmg0p {
    box-sizing: border-box;
    min-width: 0px;
    width: 96px;
    margin: 0px 0px 16px;
    background: #fff0;
}
.css-wiulhc {
    width: 24px;
}
.css-1t5xnih {
    box-sizing: border-box;
    min-width: 0px;
    width: 300px;
    margin: 0px;
}
.css-vurnku {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
}
.css-1gv6rnn {
    box-sizing: border-box;
    min-width: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px;
}
.css-1gv6rnn {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.css-ryy4eq {
    box-sizing: border-box;
    min-width: 0px;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    background-color: rgb(12 20 33 / 33%);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 9px;
    padding-bottom: 8px;
    margin: 16px 0px 0px;
    border-radius: 4px;
}
.css-weqpav {
    box-sizing: border-box;
    min-width: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0px auto 16px;
}
.add-address-modal .google-auth .form-group {
    width: 50%;
    margin: 1rem auto;
}
    .add-address-modal .google-auth .form-control-placeholder {
    display: block;
}
.add-address-modal .wizard > .content {
    padding: 40px;    min-height: 286px;
}
.css-dx6lmr a:hover {
    color: #8392a5;}
    .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    color: #8392a5;
}
.wizard > .steps .done a .number, .wizard > .steps .done a:hover .number, .wizard > .steps .done a:active .number {
    border-color: #212429;
    background-color: #212429;
    color: #8392a5;
}
.wizard > .actions > ul > li:last-child a {
    background-color: #333333;
}
a {
    color: #2d398b;}

    .filemgr-content-body.bg-profile {
    background-color: rgb(245, 245, 245);
}
.top-head-content {
    background: #212429;
    padding: 30px 30px 0;
}
.filemgr-content-body.bg-profile .nav-line {
    border-bottom: 0px solid rgba(72, 94, 144, 0.16);
}
.form-profile .jkFSIE {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 0px 2px;
    border-radius: 4px;
    /* background: #fafafa; */
}
.demo-forms {
}
.jkFSIE.pdg-24 {
    padding: 24px;
}
.jkFSIE .tab-content {
    border: 0px;
}
.title-sitting h3 {
    box-sizing: border-box;
    min-width: 0px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    margin: 0px;
    margin-bottom: 1rem;
}

.pull-right {
    float: right !important;
}
.css-1c82c04 {
    box-sizing: border-box;
    min-width: 0px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
}
.css-1n6gnxm {
    box-sizing: border-box;
    min-width: 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: rgb(118, 128, 143);
    margin: 0px;
}
.css-c57ukc:hover:not(:disabled):not(:active) {
    background-color: rgba(0, 0, 0, 0.02);
}
.add-address-modal .form-group.mg-b-0 {
    margin-bottom: 0;
}
.tradingview-widget-container {
    width: 100% !important;
}
.tradingview-widget-container iframe {
    width: 100% !important;
}


p.eur-amount {
    text-align: center;
    padding: 8px 10px;
    font-size: 24px;
    /* font-weight: 700; */
    width: 45%;
    margin-bottom: 0;
}
p.eur-amount strong {
    color: #f7931a;    font-family: 'Poppins', sans-serif;
}
.amount-input-to-change{width: 55%;}
span.eur-amount-span {
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    top: 8px;
    right: 50%;    background: #fff;
}
.modal p.eur-amount {
    background: #fafafa;
    border: 1px solid #eee;
    text-align: center;
    padding: 20px 10px;
    margin: 8px 0;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
}
.qr-code-modal.withdrawal-request .modal-header {
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    margin-bottom: 15px;
}
.qr-code-modal.withdrawal-request.turn-on .modal-body {
    padding: 0px 40px 40px;    text-align: left;
}

.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid #dce4ec;color: #001737;cursor:pointer;height:45px;line-height:41px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:41px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#001737;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#001737;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#2d398b;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#2d398b;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #001737;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}


.user-pic:hover .user-popup {
    display: block;
    margin-bottom: 1rem;
}
.user-popup {
    width: 280px;
    height: auto;
    position: relative;
    top: -50px;
    right: 280px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 8px 1px 39px rgba(0, 0, 0, .07);
    display: block;
    z-index: 3;
    display: none;
}
.user-popup .popup-content {
    font-size: 14px;
}
.user-popup .popup-content .profile-header {
    padding: 10px 15px 10px;
    display: flex;
}
.user-popup .popup-content .profile-header .profile-pic {
    border-color: #0f0e0b!important;
}
.user-popup .popup-content .profile-header .profile-pic {
    border:solid 2px #0f0e0b;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
}
.user-popup .popup-content .profile-header .profile-pic img {
    border-radius: 50%;
    width: 100%;
    height: auto;
}
.user-popup .popup-content .profile-header .full-name {
    margin-top: 20px;
    text-align: left;
    color: #000;
    padding-left: 10px;
}
.user-popup .popup-content .profile-header .username {
    margin-top: 10px;
    text-align: center;
}
.user-popup .popup-content .profile-header .username {
    margin-top: 10px;
    text-align: center;
}
.user-popup .popup-content .profile-header .username .text-value {
    color: #000;
}
.user-popup .popup-content .profile-detaile {
    font-size: 12px;
    padding: 12px 16px 1px;
    display: block;
    background-color: #f0f2f7;
    text-align: left;
}
.user-popup .popup-content .profile-detaile .text {
    margin-bottom: 15px;
    display: block;
}
.user-popup .popup-content .profile-detaile .text .text-label {
    margin-right: 10px;
    width: 130px;
    display: inline-block;
}
.user-popup .popup-content .profile-detaile .text .text-value {
    display: inline-block;
    color: #000;
}
.user-popup .popup-content .profile-footer {
    padding: 16px;
    text-align: left;
    font-size: 12px;
    color: #000;
}
.user-popup::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: 0px;
    top: 20px;
    transform: translate(50%,-50%) rotate(-45deg);
    background-color: #fff;
}







#chart .highcharts-series .highcharts-area {
    fill: rgba(32, 213, 152, 0.23);
}
#chart2 .highcharts-series .highcharts-area{
        fill: #3dbbdc40;
}
#chart3 .highcharts-series .highcharts-area{
    fill: #9e9e9e4a;
}
path.highcharts-point.highcharts-color-0 {
    fill: #2d398b !important;
}
#chart .highcharts-markers path, #chart .highcharts-markers rect, #chart .highcharts-legend-item path, #chart .highcharts-legend-item rect {
    fill: #2d398b;
}
#chart .highcharts-series .highcharts-graph {
    stroke: #2d398b;
}

#chart2 .highcharts-markers path, #chart2 .highcharts-markers rect, #chart2 .highcharts-legend-item path, #chart2 .highcharts-legend-item rect {
    fill: #3dbbdc;
}
#chart2 .highcharts-series .highcharts-graph {
    stroke: #3dbbdc ;
}
#chart2 path.highcharts-point.highcharts-color-0 {
    fill: #3dbbdc !important;
}

#chart3 .highcharts-markers path, #chart3 .highcharts-markers rect, #chart3 .highcharts-legend-item path, #chart3 .highcharts-legend-item rect {
    fill: #7987a1;
}
#chart3 .highcharts-series .highcharts-graph {
    stroke: #7987a1;
}

#chart3 path.highcharts-point.highcharts-color-0 {
    fill: #7987a1 !important;
}

text.highcharts-credits {
    display: none;
}
div#money .card.card-chart {
    border: 0;
}

.icon-svg path {
    stroke-width: 2.2;
    stroke: #656565;
}
.icon-svg line {
    stroke-width: 2.2;
    stroke: #fff;
}
.bg-prim-blue.level1{ background-color: #2d398b;}
.bg-prim-blue.level2{ background-color: #2d398be8;}
.bg-prim-blue.level3{ background-color: #2d398bd4;}
.bg-prim-blue.level4{ background-color: #2d398bb8;}
.bg-prim-blue.level5{ background-color: #2d398b96;}
.bg-prim-blue.level6{ background-color: #2d398b7a;}
.bg-prim-blue.level7{ background-color: #2d398b5c;}
.bg-prim-blue.level8{ background-color: #2d398b3b;}
.bg-prim-blue.level9{ background-color: #2d398b1f;}
.bg-prim-blue.level10{ background-color: #2d398b12;}

path.highcharts-label-box.highcharts-tooltip-box {
    stroke: #2d398b;
}
tspan[style="fill:#7b01e9"] {
    fill: #2d398b !important;
}
.top-head-content {
    margin: -5px -30px -16px;
    background: #212429;
    padding: 10px 30px 0px;
}
.top-head-content.pd-b-30{padding-bottom: 0px;}
.content.content-components.profile {
    background: #212429;
}
.card-custom {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 0px 2px;
    border-radius: 4px;
    background: #fff;    border: 0px solid rgba(72, 94, 144, 0.16);
}
rect.highcharts-background {
    fill: #fafafa00;
}

.user-popup.open-up{    left: 280px;
    position: absolute;
    will-change: transform;
    transform: translate3d(-540px, -155px, 0);}
    .user-popup.open-up::after {
    bottom: 20px;
    top: auto;}

.user-popup.open-left{
    width: 280px;
    height: auto;
    position: relative;
    top: -50px;
    left: 60px;}
    .user-popup.open-left::after{    left: -12px;
    right: auto;}

    .balance-term span.ow8nwg-2.igXBkt.Titillium-font {
    font-size: 32px;
    line-height: 38px;
        color: #fff;
}
.balance-term .kTkaGA {
    font-size: 16px;
}
span.fiat-price {
    font-size: 16px;
    color: rgba(132, 142, 156, 0.8);
    margin: 0px 0px 24px 5px;
}
.balance-term .bofAGR {
    padding-bottom: 12px;
    line-height: 18px;
    color: rgb(193, 198, 205) !important;
}

.bLhxnV {
    position: relative;
    vertical-align: bottom;
    height: auto;
    color: rgb(33, 40, 51);
    font-size: 16px;
    font-weight: 300;
    flex: 1 1 0%;
    padding: 30px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 236, 239);
    border-image: initial;
    background: rgb(255 255 255);
    box-shadow: 0px 10px 20px 0px #b5b5b542;
}
.owl-carousel .bLhxnV {
    box-shadow: unset;
    border-color: rgb(25 132 240);
}
.bLhxnV .lending-title {
    width: 304px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 43px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 500;
    overflow: hidden;
}
.bLhxnV .lending-title-2 {
        margin-bottom: 45px
}
.iMtKZj .select-wrap {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    font-weight: 500;
}
.iMtKZj .select-wrap .select-item {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    line-height: 38px;
    font-size: 14px;
    box-sizing: border-box;
    margin-right: 4px;
    cursor: pointer;
    -webkit-box-pack: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 236, 239);
    border-image: initial;
    border-radius: 3px;
    flex: 1 1 0%;
}
.iMtKZj .select-wrap .select-item.selected {
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: rgb(25 132 240);
    background: rgb(25 132 240 / 8%);
}
.iMtKZj .select-wrap .select-item .item-logo {
    width: 18px;
    height: 18px;
    margin-right: 7px;
    /* margin: 0 auto; */
    margin-top: 10px;
}
.iMtKZj .select-wrap {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    font-weight: 500;
}
.iMtKZj .select-wrap .select-item.text-only.selected {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(32, 213, 152);
    border-image: initial;
    background: rgba(32, 213, 152, 0.2);
}
.iMtKZj .select-wrap .select-item.text-only {
    font-size: 16px;
    line-height: 30px;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0px;
}
.bLhxnV .rate-wrap {
    margin-top: 30px;
    font-size: 16px;
}
.bLhxnV .rate-wrap .main {
    font-size: 38px;
}
.bLhxnV .rate-wrap .secondary {
    font-size: 26px;
}
.bLhxnV .bnc-btn {
    width: 100%;
    margin-top: 20px;
    font-weight: 500;
}
.bnc-btn.bnc-btn-padding-lg {
    padding: 5px 12px;
    font-size: 12px;
    height: auto;
    width: -webkit-fill-available;
    background-image: linear-gradient(
180deg
,rgb(36 106 111) 0%,rgb(37 107 112) 100%);
}
.bnc-btn .bnc-btn-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.bnc-btn.bnc-btn-primary {
    box-shadow: 0px 10px 20px 0px #2d398b33;
    color: #fff;
    background-color: unset;
    border-color: unset;
    background: #2d398b;
}
.bLhxnV .flex-content {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-right: 20px;
    margin-bottom: 16px;
}
.bLhxnV .bigNumber {
    font-size: 24px;
}
.bLhxnV .flex-content .txt {
    margin-top: 10px;
    text-align: left;
}

.bnc-progress-wrap {
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #eaecef;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.bnc-progress, .bnc-progress-wrap {
    width: 100%;
    overflow: hidden;
}
.bnc-progress .bnc-progress-wrap {
    height: 8px;
    border-radius: 20px;
}
.bnc-progress-complete .bnc-progress-inner {
    background: -webkit-gradient(linear,left top,right top,from(#2d398b),to(#2d398b38));
    background: -webkit-linear-gradient(90deg,#2d398b,#2d398b38);
    background: -moz-linear-gradient(90deg,#2d398b,#2d398b38);
    background: -o-linear-gradient(90deg,#2d398b,#2d398b38);
    background: linear-gradient(90deg,#2d398b,#2d398b38);
}
.bnc-progress-label {
    position: relative;
    z-index: 10;
}
.bLhxnV .percent {
    display: block;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    font-weight: 500;
    padding: 0px;
}
.bLhxnV .font-style1 {
    font-size: 14px;
    line-height: 18px;
    color: rgb(132, 142, 156);
    font-weight: 300;
}
.bnc-btn.bnc-btn-primary.disabled, .bnc-btn.bnc-btn-primary:disabled, .bnc-btn.bnc-btn-primary:disabled:hover {
    background: #eaecef;
    color: #848e9c;
    cursor: not-allowed;
    opacity: .5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.bnc-progress-inner {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background: -webkit-gradient(linear,left top,right top,from(#f6921a),to(#f9bb72));
    background: -webkit-linear-gradient(left,#f6921a,#f9bb72);
    background: -moz-linear-gradient(left,#f6921a,#f9bb72 100%);
    background: -o-linear-gradient(left,#f6921a,#f9bb72 100%);
    background: linear-gradient(90deg,#f6921a,#f9bb72);
}
.bnc-progress-inner.info{
    background: -webkit-linear-gradient(90deg,#5ac3b6,#43bdd5);
    background: -moz-linear-gradient(90deg,#5ac3b6,#43bdd5);
    background: -o-linear-gradient(90deg,#5ac3b6,#43bdd5);
    background: linear-gradient(90deg,#5ac3b6,#43bdd5);
}
.bnc-progress-inner.primary{
    background: -webkit-linear-gradient(90deg,#3468d1,#678edd);
    background: -moz-linear-gradient(90deg,#3468d1,#678edd);
    background: -o-linear-gradient(90deg,#3468d1,#678edd);
    background: linear-gradient(90deg,#3468d1,#678edd);
}
.pQuff {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.gjvJXe {
    display: inline-block;
    position: relative;
    height: 0px;
}
.gjvJXe::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 236, 239);
    border-image: initial;
    border-radius: 100%;
}
.visible-tablet {
    display: none;
}
.tab-affiliate .card-custom {
    padding: 15px 20px;
}
.card-header:first-child h6 {
    font-size: 18px;
}

.bOIKXl .title {
    padding-top: 30px;
    font-weight: 200;
    font-size: 42px;
    line-height: 60px;
    letter-spacing: 1px;
}
.bOIKXl .subtitle {
    font-size: 16px;
    line-height: 28px;
    color: rgba(132, 142, 156, 0.8);
    margin-bottom: 24px;
    margin-top: 10px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #86979100;
    color: #2d398b;
    text-decoration: none;
}
.owl-theme .owl-nav [class*='owl-'] {
margin: 5px 15px;
    font-size: 40px !important;
    margin-top: -20px;
}
.owl-theme .owl-dots {
    float: right;
    margin-top: 17px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 18px;
    height: 4px;
    margin: 7px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    float: right;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #2d398b;
}

ul.first {
    margin-top: 32px;
        padding-inline-start: 0;
}
ul.first .item {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    line-height: 24px;
    font-size: 14px;
    margin-top: 5px;
}
ul.first .item:first-of-type {
    margin-top: 0px;
}
ul.first .item .key {
    color: rgb(132, 142, 156);
}
ul.first .item .value {
    color: rgb(33, 40, 51);
}
.br-b-1{border-bottom: 1px dotted;}
ul.first .item .value .large {
    font-size: 24px;
}
.bnc-form-item-content {
    line-height: 0;
}
.bnc-input-wrapper.bnc-input-mode-outline {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #eaecef;
}
.bnc-input-wrapper {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    padding: 0 12px;
    height: 38px;
    color: #212833;
    background-color: #fff;
    border: 1px solid #eaecef;
}
.bnc-input-wrapper.bnc-input-mode-outline {
    padding: 0;
}
.bnc-form-item-content .bnc-input-wrapper, .bnc-form-item-content .bnc-input-wrapper .bnc-input {
    background-color: transparent;
}
.bnc-input-wrapper .bnc-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    padding: 0;
    border: none;
    width: 100%;
    height: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.2;
}
.panel-sub .max {
    color: rgb(132, 142, 156);
}
.bnc-input-wrapper.bnc-input-mode-outline {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #2d398b;
}
.bnc-input-wrapper.bnc-input-mode-outline.bnc-input-focus {
    border-color: #f0b90b;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.Subscribe-modal.qr-code-modal .modal-dialog {
    width: 460px;
}

.check-accept .custom-checkbox .custom-control-label::before , .check-accept .custom-checkbox .custom-control-label::after{    top: 25%;}
.iMtKZj .select-wrap .select-item label {
    position: absolute;
    margin-top: -38px !important;
    color: rgb(33, 40, 51);
    font-weight: 300;
    text-align: center;
    margin: 0 auto;
}
.modal .iMtKZj .select-wrap .select-item label {
    position: relative;
}
.iMtKZj .select-wrap .select-item .flex-b {
    display: flex;
    text-align: center;
    margin: 0 auto;
}



/* auth and sms code*/

.css-cpysc3 {
    box-sizing: border-box;
    min-width: 0px;
    color: currentcolor;
    font-size: 45px;
    fill: currentcolor;
    width: 1em;
    height: 1em;
    margin: 0px;
}





.ezoto0-0.bLhxnV.lending-item.affiliate-generate {
    border-color: unset;
    border-image: initial;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    border-width: 0px;
}
.css-6vztqs {
    box-sizing: border-box;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 16px;
}
.css-1jroqwd {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    text-align: left;
    width: calc(50% - 16px);
    border-right: 1px solid #EAECEF;
    margin-right: 16px;
    width: calc(50% - 16px);
    font-size: 14px;
    line-height: 18px;
    color: #848e9c;
    margin-right: 16px;
}
.css-1jroqwd div {
    font-size: 18px;
    line-height: 21px;
    color: #212833;
    margin-top: 8px;
}
.css-10vefos div {
    font-size: 18px;
    line-height: 21px;
    color: #212833;
    margin-top: 8px;
}
.css-10vefos {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
}
h2.lending-title.lending-title-2.mg-b-10 {
    margin-bottom: 10px;
}

.affiliate-generate .custom-checkbox .custom-control-label::before,
.affiliate-generate .custom-checkbox .custom-control-label::after,
.affiliate-generate .custom-radio .custom-control-label::before,
.affiliate-generate .custom-radio .custom-control-label::after,
.affiliate-generate .custom-switch .custom-control-label::before,
.affiliate-generate .custom-switch .custom-control-label::after {
    transform: translateY(-18%);
}
.css-vu3j9z {
    box-sizing: border-box;
    min-width: 0;
    margin: 35px auto 0px;
    color: #848e9c;
    line-height: 18px;
    font-size: 14px;
}
.css-9e9wse {
    box-sizing: border-box;
    min-width: 0;
    font-size: 32px;
    line-height: 37px;
    color: #212833;
    margin: 10px auto 0;
    height: 38px;
    letter-spacing: .3px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
}
.css-j02y49 {
    box-sizing: border-box;
    min-width: 0px;
    max-width: 100%;
    vertical-align: bottom;
    cursor: pointer;
    position: relative;
    bottom: 2px;
    width: 24px;
    height: 24px;
    margin: 0px 0px 0px 4px;
}

.css-1fs81ix {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px auto 0px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.css-10vefos {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    text-align: left;

    font-size: 14px;
    line-height: 18px;
}
.css-10vefos span {
        color: #212833;
    margin: 0 8px;
}
.add-address-modal .affiliate-generate .form-group{margin-bottom: 1rem;}
.affiliate-generate .iMtKZj .select-wrap .select-item.text-only{    line-height: 40px;}



.top-head-content.pd-80-45-150 {
    margin: -30px -30px -16px;
    background: #2d398b;
    padding: 80px 45px 150px;
}
.top-head-content.pd-80-45-150 .df-title {
    color: rgb(255, 255, 255) !important;}
    .css-10ihpxz {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    padding-top: 16px;
    color: #ffffff;
}
.css-jfd48r {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    cursor: pointer;
    margin-top: 16px;
    height: 18px;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
}
span.css-lpoqe9 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    border: 1px solid #ffffff;
    border-radius: 15px;
    padding: 0px 8px;
    color: #fff;
}
 .mg-t--100{    margin-top: -100px;}
 .mg-t--100 .pd-r-15{ padding-right: 15px!important }
 .mg-t--100 .pd-l-15{ padding-left: 15px!important }
 img.artboard {
    width: 100%;
}
.nhmjgt-10.fetqQZ {
    font-weight: bold;
    font-size: 16px;
}
.nhmjgt-5.bhKJIg {
    position: relative;
    mix-blend-mode: normal;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    padding: 15px;
}
.nhmjgt-8.dymHJw img.qr-img {
    width: 70px;
}
.artboard-modal .modal-body {
    background: #f4f8f5;
}
.edfkuX {
    display: flex;
    flex-direction: row;
}
.fMJkUZ {
    margin-top: 24px;
    margin-right: 20px;
    font-size: 24px;
    position: relative;
    width: 50px;
    height: 50px;
    background: rgb(255, 255, 255);
}
.copied-affliate.active.share-invite.artboard-share {
    padding: 15px 0 0;
}
.artboard-share.copied-affliate.active.share-invite a{    margin: 0.5em 5px 0.5em !important;}
.artboard-share.copied-affliate.active.share-invite a div {
    border-radius: 50%;
    transition: 25ms ease-out;
    padding: 6px 0px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 20px;
}
a.pointer {
    cursor: pointer;
}
a.pointer:hover{
    color: #2d398b !important;
}
.primary-color {
    color: #2d398b !important;}
    .font-3 {
    font-size: 3rem;
}

.fZtLQa {
    font-size: 16px;
    line-height: 18px;
    color: rgb(33, 40, 51);
    margin-top: 20px;
    margin-bottom: 2px;
}
.cQJtsH {
    font-size: 14px;
    line-height: 18px;
    color: rgb(132, 142, 156);
    margin-bottom: 2px;
}
.css-1fs81ix.mg-t-0 {
    margin-top: 0;
}
.Staking-btn {
    padding: 0 20px;
    font-size: 14px;
    height: 29px;
    margin-top: 5px;
}

.reward-term .bofAGR {
    padding-bottom: 0px;
    line-height: 18px;
    color: rgb(193, 198, 205) !important;}
.reward-term .igXBkt {
    font-size: 24px;
    line-height: 40px;
}
.balance-term .bofAGR.mg-b-0 {
    margin-bottom: 0px;
}
.balance-term .bnc-progress-complete .bnc-progress-inner {
    background: -webkit-gradient(linear,left top,right top,from(#2d398b),to(#a0ffdf));
    background: -webkit-linear-gradient(90deg,#2d398b,#a0ffdf));
    background: -moz-linear-gradient(90deg,#2d398b,#a0ffdf));
    background: -o-linear-gradient(90deg,#2d398b,#a0ffdf));
    background: linear-gradient(90deg,#2d398b,#a0ffdf));
}
.acount-to-transfer {
    padding-top: 8px;
        padding-bottom: 8px;
        font-weight: bold;
}
.acount-wallet-to-transfer{
    background: #f5f5f5;
    border-radius: 4px;
}
.acount-to-transfer img.acount-img {
    width: 35px;
    padding: 2px;
    border: 1px solid #eee;
    border-radius: 50%;
    margin-right: 10px;
}

.acount-to-transfer strong {
    float: left;
    line-height: 35px;
    padding-left: 38px;
    padding-bottom: 7px;
}
.hBzvvX.Available-Balance {
    top: 35px;
}
.add-address-modal .form-group.mg-b-60{
        margin-bottom: 60px;
}
.invest-forms .cxuOHA .total-debit {
    padding-right: 0;
    padding-left: 0;
}
.invest-forms .iIotPK {
/*    padding-right: 0;
    padding-left: 0;*/
}
.invest-forms .cxuOHA .total-debit .igXBkt { font-size: 20px;}

.invest-tab .cxuOHA {
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}
.modal-title {
    color: #fff;
}
.modal-header h5 {
    color: #fff !important;
}
.modal-header h6 {
    color: #fff !important;
}
.modal-header h4 {
    color: #fff !important;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* background: url(../images/bk-modal.PNG); */
    background-position: right top;
    background-size: 15% auto;
    /* background-color: #e9e9e926 !important; */
    /* background-image: url(/assets/images/abstract-1.svg); */
    background-repeat: no-repeat;
}
h6.modal-title {
    color: #fff;
    font-weight: 600;
}
label.Invest-amount{width: 100%;}
label.Invest-amount span{
    height: 20px;
    line-height: 20px;
    color: #2d398b;
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 10px;
    background: #2d398b2b;
    position: absolute;
    right: 0;
    top: 15px;
}
.jkFSIE.click-to-shadow.activ-shadow {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px;
}
.jkFSIE.click-to-shadow{box-shadow: unset;}
.p-for-chart{    font-weight: 600;}
.chart-owl .owl-theme .owl-dots {
    float: right;
    margin-top: -41px;
    position: absolute;
    right: 8rem;
    top: 0;
}
.chart-owl .owl-theme .owl-nav {
    margin-top: 0px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    float: right;
    top: -52px;
    position: absolute;
    right: 0;
}
.nav-item.item-coin{
    background: #fbfbfb;
    width: 72%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 0 !important;
}
.nav-item.item-program{
    width: 28%;
}
.nav-item.item-coin a.nav-link{
    padding-left: 10px;
}
.acount-coin img.acount-img {
    width: 34px;
    padding: 4px;
    border: 1px solid #eee;
    border-radius: 50%;
    margin-right: 10px;
}
.acount-coin span{    padding-top: 10px;}
.acount-coin { padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold; display: flex;}

    .show-more {
    margin-left: 0px;
    font-size: 15px;
    color: #40bbb9;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: right;
        height: inherit;
}

i.fas.fa-sort-down.show-more.fa-sort-up {
    position: absolute;
    margin-top: 7px;
    color: #2d398b;
}
.special-cart span.ow8nwg-2.igXBkt.Titillium-font {
    line-height: 30px;
    color: #2d398b;
}
.special-cart h2.ow8nwg-1.bofAGR {
    font-weight: bold;
    color: #000 !important;
}
.brdr-sprcial{    border: 1px solid #f5f5f5;
    padding: 5px 20px;
    margin-bottom: 1rem;
    background: #fbfbfb;    border-radius: 4px;}
    .recipient span.current:after {
    margin-top: 6px;
    content: "USDT" !important;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #2d398b;
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 10px;
    background: #2d398b2b;
    top: -2px;
    margin-left: 15px;
    position: relative;
}

.stv-radio-buttons-wrapper {
    clear: both;
    display: contents;
    text-align: center;
}
.stv-radio-button {
  position: absolute;
    opacity: 0;
}
.stv-radio-button + label {
    -webkit-box-align: center;
    align-items: center;
    line-height: 38px;
    font-size: 14px;
    box-sizing: border-box;
    margin-right: 4px;
    cursor: pointer;
    -webkit-box-pack: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 236, 239);
    border-image: initial;
    border-radius: 3px;
    flex: 1 1 0%;
}

.stv-radio-button:checked + label {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(32, 213, 152);
    border-image: initial;
    background: rgba(32, 213, 152, 0.11);
}

.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.demo-table img.profile-pic{
    max-width: 200px;
    max-height: 200px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.file-upload {
}
.circle {
    border-radius: 984px !important;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border: 5px solid rgb(245, 245, 245);
    top: 72px;
}
/*img {
    max-width: 100%;
    height: auto;
}*/
.p-image {
    top: -17px;
    left: 60px;
    color: #41bfbc;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    position: relative;
}
.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
  font-size: 1em;
}

.upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}
.idInfo {
    float: left;
    padding-bottom: 0;
    padding-top: 1.5rem;
    padding-left: 1rem;
}
.idInfo .email h4 {
    font-size: 20px;
    line-height: 10px;
    margin-bottom: 7px;
    display: inline-block;
}
.idInfo .level i {
    color: rgb(240, 185, 11);
    font-size: 12px;
    margin-right: 3px;
}
.idInfo .level .vipLevel {
    color: rgb(132, 142, 156);
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    line-height: 18px;
}
.idInfo .level .markerTaker {
    font-size: 14px;
    color: rgb(132, 142, 156);
    line-height: 18px;
    margin-right: 12px;
}
.idInfo .level .markerTaker .markerTakerVal {
    color: rgb(33, 40, 51);
}
.p-image .file-upload {
    display: none;
}
.css-1x41l5z-top {
    box-sizing: border-box;
    min-width: 0px;
    display: flex;
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
    margin: 0px;
    border-bottom: 1px solid rgb(234, 236, 239);
    width: 100%;
        margin-left: 15px;
    margin-right: 15px;
}
.css-1ukfqwo {
    box-sizing: border-box;
    min-width: 0px;
    display: flex;
    align-items: flex-start;
    padding-top: 24px;
    margin: 0px;
    width: 100%;
}
.css-cpysc3 {
    box-sizing: border-box;
    min-width: 0px;
    color: currentcolor;
    font-size: 45px;
    fill: currentcolor;
    width: 1em;
    height: 1em;
    margin: -4px 0 0;
}

.css-1iype3k {
    box-sizing: border-box;
    min-width: 0px;
    width: 110px;
    margin: 0px;
}
.css-qu162x {
    box-sizing: border-box;
    min-width: 0px;
    position: relative;
    margin: 0px;
    outline: none;
}
.css-vurnku {
    box-sizing: border-box;
    min-width: 0px;
    margin: 0px;
}
.css-t9sa9a {
    box-sizing: border-box;
    min-width: 0px;
    display: flex;
    position: relative;
    padding-top: 0px;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px;
}
.css-12qbknq {
    box-sizing: border-box;
    min-width: 0px;
    background-color: transparent;
    color: rgb(30, 32, 38);
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    height: 32px;
    margin: 0px;
    padding: 0px;
    outline: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.css-41czi7 {
    box-sizing: border-box;
    min-width: 0px;
    color: rgb(132, 142, 156);
    width: 12px;
    height: 12px;
    font-size: 12px;
    fill: rgb(132, 142, 156);
    margin: 0px;
}
svg:not(:root) {
    overflow: hidden;
}
.css-gviaeo {
    box-sizing: border-box;
    min-width: 0px;
    opacity: 1;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: unset;
    pointer-events: none;
    height: 100%;
    word-break: keep-all;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
}
.css-3j2kqe {
    box-sizing: border-box;
    min-width: 0px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0px;
}
.css-q4g5u8 {
    box-sizing: border-box;
    min-width: 0px;
    padding-top: 2px;
    padding-right: 4px;
    margin: 0px;
}
.css-1okut2u {
    box-sizing: border-box;
    height: auto;
    display: block;
    max-height: 200px;
    position: absolute;
    overflow-y: scroll;
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 0px 2px;
    width: auto !important;
    min-width: 100% !important;
    margin: 0px;
    padding: 0px;
    transition: height 0.2s ease 0s;
    background: rgb(255, 255, 255);
}
.css-yw03l1 {
    box-sizing: border-box;
    min-width: 0px;
    color: currentcolor;
    font-size: 16px;
    fill: currentcolor;
    width: 1em;
    height: 1em;
    margin: 0px;
}
.css-vurnku {
    box-sizing: border-box;
    min-width: 0px;
    margin: 0px;
}
.css-1phetvq {
    box-sizing: border-box;
    height: 0px;
    display: none;
    max-height: 200px;
    bottom: 32px;
    position: absolute;
    overflow-y: scroll;
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 0px 2px;
    width: auto !important;
    min-width: 100% !important;
    margin: 0px;
    padding: 0px;
    transition: height 0.2s ease 0s;
    background: rgb(255, 255, 255);
}
.css-11sukp1 {
    box-sizing: border-box;
    min-width: 0px;
    opacity: 1;
    cursor: pointer;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 9px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
    background: rgba(245, 245, 247, 0);
    overflow: hidden;
}
.css-3j2kqe {
    box-sizing: border-box;
    min-width: 0px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0px;
}
.css-q4g5u8 {
    box-sizing: border-box;
    min-width: 0px;
    padding-top: 2px;
    padding-right: 4px;
    margin: 0px;
}
.css-vurnku {
    box-sizing: border-box;
    min-width: 0px;
    margin: 0px;
}
.css-1e8arfg {
    box-sizing: border-box;
    min-width: 0px;
    opacity: 1;
    cursor: pointer;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
    background: transparent;
    overflow: hidden;
}

.SMS-Verification.qr-code-modal .modal-dialog{
        width: 480px;
    max-width: 100%!important;
        text-align: left;
}
.SMS-Verification.qr-code-modal .modal-dialog .modal-body {
    padding: 0px 40px 30px;
    text-align: left;
}
.css-v3o037 {

}
.css-10nf7hq {
    box-sizing: border-box;
    min-width: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px;
}
.css-d60mu6 {
    min-width: 0px;
    -webkit-appearance: none;
    user-select: none;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: inherit;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    background-color: transparent;
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    box-shadow: rgb(234, 236, 239) 0px 0px 0px 1px inset;
    color: rgb(240, 185, 11);
    margin: 0px;
    overflow: hidden;
    text-decoration: none;
    outline: none;
    border-radius: 4px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.css-6dsf6a {
    box-sizing: border-box;
    min-width: 0px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    color: #2d398b;
    margin: 0px 0px 0px 16px;
}
.jkFSIE {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px;
    padding: 30px 40px;
    border-radius: 10px;
    background: #2c323e45 !important;
}

button.css-c57ukc.tx-13.pull-right.save-button {
    min-width: 0px;
    -webkit-appearance: none;
    user-select: none;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: inherit;
    text-align: center;
    font-weight: bold;
    background-color: transparent;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 32px;
    padding-left: 7px;
    padding-right: 7px;
    box-shadow: none;
    color: #2d398b;
    font-size: 14px;
    line-height: 1.5;
    width: 88px;
    height: 32px;
    margin: 0px;
    overflow: hidden;
    text-decoration: none;
    outline: none;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #2d398b;
}
.css-1y7u95c {
    box-sizing: border-box;
    min-width: 0px;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px;
}
.css-1x41l5z {
    display: flex;
}
.css-1y7u95c img {
    box-sizing: border-box;
    min-width: 0px;
    color: currentcolor;
    font-size: 45px;
    fill: currentcolor;
    width: .8em;
    height: .8em;
    margin: 0px 0 0;
}
.add-edit-btn {
    min-width: 0px;
    -webkit-appearance: none;
    user-select: none;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: inherit;
    text-align: center;
    font-weight: bold;
    background-color: transparent;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 32px;
    padding-left: 7px;
    padding-right: 7px;
    box-shadow: none;
    color: #2d398b;
    font-size: 14px;
    line-height: 1.5;

    height: 32px;
    margin: 0px;
    overflow: hidden;
    text-decoration: none;
    outline: none;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #2d398b;
}
.pull-right {
    float: right;
}
.title-sitting {
    margin-bottom: 10px;
}
.title-sitting h3 {
    box-sizing: border-box;
    min-width: 0px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    margin: 0px;
    margin-bottom: 1rem;
}
.css-1c82c04 {
    box-sizing: border-box;
    min-width: 0px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
}
.css-1n6gnxm {
    box-sizing: border-box;
    min-width: 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: rgb(118, 128, 143);
    margin: 0px;
}
a.css-c57ukc {
    min-width: 0px;
    -webkit-appearance: none;
    user-select: none;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: inherit;
    text-align: center;
    font-weight: bold;
    background-color: transparent;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 32px;
    padding-left: 7px;
    padding-right: 7px;
    box-shadow: none;
    color: #2d398b;
    font-size: 14px;
    line-height: 1.5;
    width: 88px;
    height: 32px;
    margin: 0px;
    overflow: hidden;
    text-decoration: none;
    outline: none;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #2d398b;
}
.user-pic {
    background-color: #fff;
    border: solid 2px #0f0e0b;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    cursor: pointer;
}

.user-pic img {
    width: 100%;
    height: 100%;
    padding: 4px;
    border-radius: 50%;
    object-fit: cover;
}

.tree ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    display: flex;
    padding-left: 7%;
    padding-right: 7%;
}

.tree li {

    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    margin: 0 auto;
}
/*We will use ::before and ::after to draw the connectors*/

.tree li::before,
.tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 20px;
}

.tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}
/*We need to remove left-right connectors from elements without
any siblings*/

.tree li:only-child::after,
.tree li:only-child::before {
    display: none;
}
/*Remove space from the top of single children*/

.tree li:only-child {
    padding-top: 0;
}
/*Remove left connector from first child and
right connector from last child*/

.tree li:first-child::before,
.tree li:last-child::after {
    border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/

.tree li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}
/*Time to add downward connectors from parents*/

.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
}

.tree li a {
    text-decoration: none;
    font-size: 11px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    background-color: #2d398b;
    color: #fff;
    margin-top: 5px;
    border-radius: 2px;
    font-size: 12px;
    padding: 2px 6px;
    width: max-content;
}

.tree {
    width: 100%;
    overflow: auto;
    padding-bottom: 6rem;
    border: 0px solid #eee;
    border-radius: 4px;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/

.tree li a:hover,
.tree li a:hover+ul li a {
    background: #001737;
    color: #8392a5;
}
/*Connector styles on hover*/

.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before {
    border-color: #94a0b4;
}
/*Thats all. I hope you enjoyed it.
Thanks :)*/
@media (min-width: 992px) and (max-width: 1169px) {
    .top-head-content {
        margin: -50px 0px -16px;}
}
td .add-edit-btn {
    min-width: 0px;
    -webkit-appearance: unset;
    user-select: unset;
    cursor: unset;
    text-overflow: unset;
    white-space: unset;
    display: unset;
    -webkit-box-align: unset;
    align-items: unset;
    -webkit-box-pack: unset;
    justify-content: unset;
    box-sizing: unset;
    font-family: unset;
    text-align: unset;
    font-weight: unset;
    background-color: unset;
    padding-top: unset;
    padding-bottom: unset;
    min-height: unset;
    padding-left: unset;
    padding-right: unset;
    box-shadow: unset;
    color: unset;
    font-size: unset;
    line-height: unset;
    height: unset;
    margin: unset;
    overflow: unset;
    text-decoration: unset;
    outline: unset;
    border-radius: unset;
    border-width: unset;
    border-style: unset;
    border-image: unset;
    border-color: unset;
    color: #2d398b !important;
    text-decoration: none;
    z-index: 99;
    position: relative;
    margin-right: 10px;
}
.deposit-input{
    height: 50px;
    font-size: 32px !important;
    line-height: 38px;
    color: rgb(33, 40, 51);
}
.deposit-lable span{
    height: 20px;
    line-height: 20px;
    color: #2d398b;
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 10px;
    background: #2d398b2b;
    position: absolute;
    right: 15px;
}
.balance-term .kTkaGA.minthly-span{
    height: 20px;
    line-height: 20px;
    color: #2d398b;
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 10px;
    background: #2d398b2b;
    top: 0;
    position: absolute;
    right: 15px;
}
.rc-anchor-normal {
    width: auto !important;
}
.h-15px{
    height: 15px;
}
.w-15px{
    width: 15px;
}
.select2-container--default {
    margin-right: 0px;
    margin-left: 0px;
}
.add-address-modal .form-control-placeholder.top--15 {
    top: -15px;
}
.back-gray{
    background: #f9f9f97a;
    border: 1px dashed #eee;
    border-radius: 4px;
    background-position: right top;
    background-size: 13% auto;
    /* background-color: #e9e9e926 !important; */
    background-image: url(/assets/images/abstract-2.svg);
    background-repeat: no-repeat;
}

.invest-tab .back-gray .cxuOHA {
    grid-row-gap: 0;
    grid-column-gap: 0;
    width: 100%;
}
.bg-white.bg-white1{
    background-position: right top;
    background-size: 25% auto;
    /* background-color: #e9e9e926 !important; */
    /* background-image: url(/assets/images/abstract-1.svg); */
    background-repeat: no-repeat;
    border-radius: 8px;
    background-color: #2c323e45 !important;
}
.back-img-grid{

    /* background-image: url(/assets/images/bg-3.jpg); */
    background-repeat: no-repeat;
    background-position: 0 top;
    background-size: cover;
}
span.symbol-label {
    width: 45px;
    height: 45px;
    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: 500;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: .42rem;
    background-color: #2d398b2b;
    color: #1bc5bd;

    margin-right: .7rem;
    background: #212429;
    border-radius: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.symbol {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: .42rem;
}
span.symbol-label svg g path {
    fill:#2d398b;    stroke: #65656500;
}
.symbol-25 .symbol-label{
width: 38px;
height: 38px;
}
.symbol-25 .symbol-label svg{
height: 1rem!important;
width: 2rem!important;
margin-right: 0;
}
.symbol-25 .symbol-label path {
    stroke: #2d398b00;
    fill: #fff;
}
.symbol-25 .symbol-label g#Transfer g path {
    stroke: #2d398b00;
    fill: #ffffff;
}
.sidebar-nav li.nav-item {
    border-bottom: 0px solid #eeeeee2e;
    border-radius: 0 10px 10px 0;
    line-height: 1rem;
    margin: 10px 1rem;
    height: 48px;
}
.sidebar.sidebar-fixed.sidebar-components {
    background-position: left bottom;
    background-size: 240% auto;
    /* background-image: url(/assets/images/bg-3.jpg); */
    background-repeat: no-repeat;
}

.landing-footer{
    margin-top: 0;
    font-size: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
    letter-spacing: .3px;
    padding: 15px 25px;
    background-color: #fafbfc;
    color: #637388;
    border-top: 1px solid rgba(72, 94, 144, 0.16);
    text-transform: uppercase;
}
.back-dark-img{
    height: 160px;
    width: 100%;
    background: #12161c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-image: url(/assets/images/loan-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.navbar-header.header-dark-landing {
    background-color: #212429;
    border-bottom: 0px solid rgba(72, 94, 144, 0.16);
}
.banner .banner-title {
    margin-top: 0;
    font-size: 48px;
    line-height: 62px;
    font-weight: 500;
    text-align: center;
}
.banner .sub-title {
    margin-top: 24px;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    position: relative;
}
.banner .sub-title:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 12px;
    left: -16px;
    background: linear-gradient(180deg,#84e3ea 0%,#23d7e1 99.77%);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.banner .sub-title:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 12px;
    right: -16px;
    background: linear-gradient(180deg,#84e3ea 0%,#23d7e1 99.77%);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.css-1k3pvbo {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    border-radius: 8px;
    overflow: hidden;
    background-image: linear-gradient(180deg,rgb(44 50 62 / 22%) 0%,rgb(44 50 62 / 29%) 100%);
    /* display: none; */
    max-width: 1200px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.css-1k3pvbo:before {
    content: "";
    position: absolute;
    width: 484px;
    height: 484px;
    border: 1px solid #7795d247;
    opacity: .4;
    top: 0;
    left: 0;
    -webkit-transform: rotate(45deg) translate(-268px,38px);
    -ms-transform: rotate(45deg) translate(-268px,38px);
    transform: rotate(45deg) translate(-268px,38px);
}
.css-15owl46 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    position: relative;
}
.css-8643aq {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    font-size: 14px;
    width: 280px;
}
.css-1m4jai6 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    max-width: 230px;
}
.css-l9j7by {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    line-height: 20px;
    color: #f6f7f9;
    font-weight: 500;
}
.css-l9j7by:after {
    content: '';
    display: inline-block;
    margin-left: 4px;
    width: 56px;
    height: 1px;
    background-color: #fff;
    vertical-align: middle;
}
.css-wnkl24 {
    box-sizing: border-box;
    margin: 15px 0 0;
    min-width: 0;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
}
.css-11x3cd9 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    font-size: 16px;
    margin-top: 15px;
    line-height: 24px;
    color: rgb(132, 142, 156);
}
a.css-iibv0f {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    /* color: #F0B90B; */
    margin-top: 40px;
    margin-bottom: 40px;
}
button.css-1ay9t6e {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    outline: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 32px;
    border: none;
    padding-left: 16px;
    padding-right: 16px;
    background-image: linear-gradient(180deg,#34c4e4 0%,#2d398b 100%);
}
.saving.css-1jdngvz {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    border-left: 1px solid;
    border-color: #43c3c0;
    background-image: linear-gradient(
180deg
,rgb(3 11 25) 0%,rgb(3 11 25) 100%);
    padding: 28px;
}
.css-1cclkuj {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    line-height: 24px;
    font-size: 20px;
    font-weight: 500;
    color: #73c6cb;
}
.css-1jaq6uv {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    line-height: 20px;
    font-size: 14px;
    color: #76808F;
    margin-top: 4px;
    line-height: 24px;
    font-size: 16px;
}
.css-1oit096 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 24px;
}
.flex-con.css-4cffwv {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-item.css-117yyy6 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    background-color: #2d398b;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 1px rgba(20,21,26,0.1), 0px 3px 6px rgba(71,77,87,0.04), 0px 1px 2px rgba(20,21,26,0.04);

}
.title.css-vurnku {
    background-color: #002e7b9c;
    color: #f6f7f9;
    line-height: 16px;
    font-size: 12px;
    border-radius: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 8px;
    margin-bottom: 0;
    text-align: center;
    text-transform: capitalize;
}
.coin.css-vurnku {
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px;
}
.css-1mfpw7s {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
img.css-1b110pj {
    box-sizing: border-box;
    margin: 0px 8px 0px 0px;
    min-width: 0px;
    max-width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(20, 21, 26, 0.1) 0px 0px 1px, rgba(71, 77, 87, 0.08) 0px 7px 14px, rgba(20, 21, 26, 0.08) 0px 3px 6px;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}
.apy.css-4cffwv {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #ffffff;
    line-height: 40px;
    font-size: 32px;
    font-weight: 500;
    -webkit-align-items: baseline;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 12px;
}
.percent.css-vurnku {
    line-height: 24px;
    font-size: 16px;
}
.est-apy.css-vurnku {
    color: #212429;
    line-height: 20px;
    font-size: 14px;
    margin-top: 2px;
    text-align: center;
    margin-bottom: 18px;
}
.css-8mvhti {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
}
.css-11l08sf {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    font-size: 14px;
    color: #12161c;
    cursor: pointer;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
svg.css-1s17bks {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    color: currentColor;
    width: 8px;
    height: 8px;
    font-size: 8px;
    fill: #1E2026;
    fill: currentColor;
    width: 1em;
    height: 1em;
    margin-left: 2px;
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.250,0.100,0.250,1.000);
    -webkit-transition: transform .2s cubic-bezier(0.250,0.100,0.250,1.000);
    transition: transform .2s cubic-bezier(0.250,0.100,0.250,1.000);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.flex-margin .flex-item.css-117yyy6 {
    margin: 0 5px;
}
.tecktok svg{
    fill: #2d398b;
    stroke: #65656500;
    padding:4px;
}

.form-group.select-choose {

  }
  .form-group.select-choose .selector {
    margin-left: auto;
  }
  .form-group.select-choose:last-child {
    border-bottom: none;
  }

  .demo-container {
    display: flex;
    flex-direction: column;
    width: 800px;
    margin: 60px auto;
    background: #293848;
  }
  .demo-container h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 2px 0;
  }
  .demo-container p {
    font-size: 12px;
    color: #ced7e2;
    margin: 2px 0;
  }

  .selector {
    display: initial;
    align-items: center;
    justify-content: center;
  }
  .selector .selection {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer !important;
    height: 100%;
    width: 100%;
    background-clip: border-box;
    transform: scale3d(1, 1, 1);
    color: #ced7e2;
    transition: 0.15s ease-in-out background-color;
    z-index: 2;
    background: #f9f9f97a;
    border: 2.3px dashed #eee;
    background-position: right top;
    background-size: 13% auto;
    background-color: #e9e9e926 !important;
    background-image: url(/assets/images/abstract-2.svg);
    background-repeat: no-repeat;
    padding: 8px 15px;
    float: left;
  }
  .selector .selection.selected {
    background: rgba(91, 150, 213, 0.2);
    border-color: #2d398b;
    border-width: 2.3px;
    color: #ffffff !important;
    z-index: 2;
    background-image: url(/assets/images/abstract-2.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 25% auto;
  }
  .selector .selection:hover {
    color: #accaea;
    background: rgba(91, 150, 213, 0.05);
  }
  .selector .selection:first-child {
  }
  .selector .selection:last-child {

  }

  .selector.width-per-item {
    width: auto;
  }
  .selector.width-per-item .selection {
    /* width: calc(50% - 10px); */
    width: calc(100% - 0px);
    margin: 5px 3px;
  }
/*  .selector .selection:last-child {*/
/*    display: none;*/
/*}*/
.number-letter {
    font-weight: bold;
    color: #fff;
    background-color: #767f8a00;
    padding-left: 0px;
    border-radius: 3px;
}

  .sci-fi .selector .selection {
    transition: all 0.2s ease-in-out;
  }
  .sci-fi .selector .selection:hover {
    box-shadow: 0 0 10px 0px rgba(91, 150, 213, 0.2);
  }
  .sci-fi .selector .selection.red:hover {
    background: rgba(194, 50, 50, 0.15);
    box-shadow: 0 0 10px 0px rgba(194, 50, 50, 0.2);
    color: #dd7d7d;
  }
  .sci-fi .selector .selection.red.selected {
    background: rgba(194, 50, 50, 0.2) !important;
    border-color: #C23232 !important;
  }
  .sci-fi .selector .selection.yellow:hover {
    background: rgba(224, 187, 56, 0.15);
    box-shadow: 0 0 10px 0px rgba(224, 187, 56, 0.2);
    color: #eed990;
  }
  .sci-fi .selector .selection.yellow.selected {
    background: rgba(224, 187, 56, 0.2) !important;
    border-color: #E0BB38 !important;
  }

/* path {
    stroke: #2d398b00;
    fill: #2d398b;
}
a.dropdown-link.new-indicator path {
    stroke: #f6f7f9;
    fill: #ffffff;
} */
.select-techtok-amount{
    display: inline-table;
    width: 100%;
}
.offer-tecktok{
    display: block;
    height: 100%;
    position: absolute;
}
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
.btn svg {
    margin-right: 5px;
}
.ker0ea-0.cxuOHA.mb-0 {
    grid-row-gap: 0;
}
.tecktok g line {
    stroke: #dbf1f5;
}
.img-botom{    background-position: center bottom;
    background-size: 70% auto;
    background-image: url(/assets/images/jsw-header-illustrations-v3.png);
    background-repeat: no-repeat;
    border-radius: 8px;}
.bottom-img{    width: 55%;}
a.How-Work {
    float: right;
    font-size: 12px;
    border-bottom: 1px solid;
}

.font-15 .css-11x3cd9 {
    font-size: 15px;}
    .align-center {
        align-self: center;
    }
    .btn.btn-primary.max-balance {
        font-size: 11px;
        height: auto;
        padding: 3px 6px;
        float: right;
        position: absolute;
        right: 0;
        top: 0;
    }
    a.address-manage-How {
        font-size: 12px;
        border-bottom: 1px solid;
        line-height: normal;
        margin-left: 1rem;
    }

    body.light-mode .loading-overlay-page {
        background: radial-gradient(circle, rgba(187,229,246,1) 0%, rgba(255,255,255,1) 48%);
        color:#2c323e;}

    .loading-overlay-page {
        background: radial-gradient(circle, rgba(37,57,89,1) 0%, rgba(33,36,41,1) 48%);
        color:#FFF;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:99999
    }

    .spinner {
        margin: 20% auto;
        width: 40px;
        height: 40px;
        position: relative;
      }

    .double-bounce1, .double-bounce2 {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #2d398b;
      opacity: 0.6;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-animation: bounce 2.0s infinite ease-in-out;
      animation: bounce 2.0s infinite ease-in-out;
    }

    .double-bounce2 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }

    @-webkit-keyframes bounce {
      0%, 100% { -webkit-transform: scale(0.0) }
      50% { -webkit-transform: scale(1.0) }
    }

    @keyframes bounce {
      0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }
    .cube1, .cube2 {
        background-color: #2d398b;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 0;
        left: 0;

        -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
        animation: sk-cubemove 1.8s infinite ease-in-out;
      }

      .cube2 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
      }

      @-webkit-keyframes sk-cubemove {
        25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
        50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
        75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
        100% { -webkit-transform: rotate(-360deg) }
      }

      @keyframes sk-cubemove {
        25% {
          transform: translateX(42px) rotate(-90deg) scale(0.5);
          -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
        } 50% {
          transform: translateX(42px) translateY(42px) rotate(-179deg);
          -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        } 50.1% {
          transform: translateX(42px) translateY(42px) rotate(-180deg);
          -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        } 75% {
          transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
          -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        } 100% {
          transform: rotate(-360deg);
          -webkit-transform: rotate(-360deg);
        }
      }
      .SMS-Verification h6.modal-title{font-size: 1.2rem}
      .add-address-modal .google-auth .form-group {
          margin: 1rem auto;
      }
      .add-address-modal .google-auth .form-group.mg-b-5{    margin-bottom: 5px;}
      .content.content-components.profile.mg-l-0 {
          margin-left: 0;
      }
      .css-163wcv3 {
          box-sizing: border-box;
          margin: 0;
          min-width: 0;
          color: #ffffff;
          font-weight: 600;
          font-size: 24px;
          margin-bottom: 0px;
          text-align: center;
              margin-top: 50px;
      }
      .modal .css-163wcv3 {
              margin-top: 25px;
      }
      .css-zdbmt0 {
          box-sizing: border-box;
          min-width: 0px;
          width: 100%;
          background-color: rgb(12 20 33);
          margin: 0px auto;
          border-radius: 2px;
          padding: 0px;
      }
      .css-zdbmt0 {
          width: 416px;
          box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 0px 2px;
          margin: 40px auto;
      }
      .css-81xrsn {
          box-sizing: border-box;
          min-width: 0px;
          -webkit-box-pack: center;
          justify-content: center;
          margin: 0px;
      }
      .css-zdbmt0 .nav-line li.nav-item {
              margin: 0 auto;
          width: 50%;
          text-align: center;
          font-size: 14px;
      }
      .css-zdbmt0 .nav-line li.nav-item a {
          font-size: 14px;
      }
      .css-zdbmt0 .nav-line{padding: 30px 15px 5px;    border-bottom: 0px solid rgba(72, 94, 144, 0.16);}
      .css-zdbmt0 .tab-content > .tab-pane {
          padding: 0 24px 20px;}

          .css-1xt9qt5 {
          box-sizing: border-box;
          min-width: 0px;
          display: flex;
          margin: 0px 0px 20px;
      }
      .css-zub7tm {
          box-sizing: border-box;
          min-width: 0px;
          color: currentcolor;
          font-size: 56px;
          fill: currentcolor;
          width: 1em;
          height: 1em;
          margin: 0px 15px 0px 0px;
      }
      .css-3ih69m {
          box-sizing: border-box;
          min-width: 0px;
          display: flex;
          -webkit-box-align: center;
          align-items: center;
          width: 232px;
          color: rgb(158 158 158);
          margin: 0px;
      }
      .color-theme{color:#2d398b !important;}
      .css-fb6xjs {
          box-sizing: border-box;
          min-width: 0px;
          cursor: pointer;
          text-align: center;
          font-weight: 500;
          font-size: 14px;
          color:#2d398b;
          margin: 32px 0px 0px;
      }
      .css-zdbmt0 .nav-line .nav-link.active::after{
          height: 3px;}
      .css-zdbmt0 .nav-link.active {
          color: #fff;
          box-sizing: border-box;
          min-width: 0px;
          line-height: 20px;
          font-weight: 600;
          margin: 0px;
      }
      .css-jlji81 {
          box-sizing: border-box;
          min-width: 0px;
          display: flex;
          margin: 0px 0px 16px;
      }
      .css-zub7tm {
          box-sizing: border-box;
          min-width: 0px;
          color: currentcolor;
          font-size: 56px;
          fill: currentcolor;
          width: 1em;
          height: 1em;
          margin: 0px 15px 0px 0px;
      }
      .css-3ih69m {
          box-sizing: border-box;
          min-width: 0px;
          display: flex;
          -webkit-box-align: center;
          align-items: center;
          width: 232px;
          color: rgb(118, 128, 143);
          margin: 0px;
      }
      .css-mpr5v4 {
          box-sizing: border-box;
          min-width: 0px;
          display: flex;
          flex-direction: column;
          -webkit-box-align: start;
          align-items: start;
          margin: 0px;
      }
      .css-1bjzqrd {
          -webkit-appearance: none;
          user-select: none;
          cursor: pointer;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-flex;
          -webkit-box-align: center;
          align-items: center;
          -webkit-box-pack: center;
          justify-content: center;
          box-sizing: border-box;
          font-family: inherit;
          text-align: center;
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          color: #fff;
          background-color: #2d398b;
          padding-top: 4px;
          padding-bottom: 4px;
          min-height: 32px;
          padding-left: 8px;
          padding-right: 8px;
          min-width: 104px;
          margin: 0px 0px 8px;
          overflow: hidden;
          text-decoration: none;
          outline: none;
          border-radius: 4px;
          border-width: initial;
          border-style: none;
          border-color: initial;
          border-image: initial;
      }
      .css-13dfmtk {
          box-sizing: border-box;
          min-width: 0px;
          opacity: 1;
          height: 65px;
          margin: 0px;
      }
      .css-pc8jwo {
          box-sizing: border-box;
          min-width: 0px;
          font-weight: 500;
          font-size: 12px;
          line-height: 16px;
          color: rgb(118, 128, 143);
          display: inline;
          margin: 0px 8px 0px 0px;
      }
      .css-at6wi0 {
          box-sizing: border-box;
          min-width: 0px;
          cursor: pointer;
          font-weight: 500;
          font-size: 12px;
          line-height: 16px;
          display: inline;
          color: #2d398b;
          margin: 0px;
      }

      .icon-svg path {
          stroke-width: 2.2;
          stroke: #656565;
      }
      .icon-svg line {
          stroke-width: 4.2px;
          stroke: #212429;
      }
      p.under-construction {
          font-size: 30px;
      }
      .mm-number-input-item {
        width: 35px;}

        .mm-number {

        }

        .mm-number-container {
            -ms-box-orient: horizontal;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            margin: 0 auto;
            align-items: center;
            justify-content: center;
            height: inherit;
        }

        .mm-number-input {
            margin: 0 auto;
            text-align: center;
        }

        .mm-number-input-container {
            -ms-box-orient: horizontal;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            margin: 0 auto;
            align-items: center;
            justify-content: center;
            height: inherit;
        }

        .mm-number-input-item {
            width: 44px;
            height: 40px;
            margin: 10px 10px;
        }

        .mm-number-input-item input {
        box-sizing: border-box;
            min-width: 0px;
            width: 100%;
            text-align: center;
            position: relative;
            font-size: 32px !important;
            height: 32px;
            margin: 0px;
            padding: 0px;
            outline: none;
            border-width: initial;
            border-style: none;
            border-color: initial;
            border-image: initial;
            color: #fff;
            background: #0c142100;
            border-bottom: 1px solid rgb(57 166 166);
                font-family: 'Barlow', sans-serif;
        }

        .mm-number-input-submit {
            text-align: center;
            width: 80px;
            height: 40px;
            background: #f1f1f1;
            color: #333;
            border: none;
            font-size: 14px;
            font-weight: 300;
        }

        .mm-number-input-submit:focus, .mm-number-input-submit:hover {
            background: #333;
            color: #f1f1f1;
            cursor: pointer;
        }
        p.auth-code-p {
            box-sizing: border-box;
            min-width: 0px;
            width: 100%;
            color: #ffffff !important;
            margin: 0px 0 5px;
            font-size: 14px;
        }
        p.error-msg {
            display: none;
        }
        p.error-msg.show {
            display: block;
            text-align: center;
            color: #f00;
            background: #fadbdc00;
            font-size: 14px;
            padding: 5px;
            margin-bottom: 0;
        }
        .css-vurnku span{
            font-weight: 600;
        }
        .css-vurnku span.active {
            color: #2d398b;
        }
        .css-vurnku span.inactive {
            color: rgb(118, 128, 143);
        }
        .dropdown.dropdown-notification.notify {
            display: none;
        }
        span.currency-exchange-rate.w-70-exchange {
            width: 70px;
            position: relative;
            display: inline-block;
            padding-right: 3px;
        }
        input#amount::placeholder {
            font-size: 12px;
            margin-top: 10px;
            position: relative;
            top: 7px;
          }
html[lang="de"] .wizard > .steps > ul li + li {
    margin-left: 30px;
}
html[lang="de"] .wizard > .steps > ul li .title {
    margin-left: 5px;
}
html[lang="de"] .qr-code-modal .modal-body {
    padding: 0px 15px 15px;
}
html[lang="de"] .mr-2.mr-de-1 {
    margin-right: 5px !important;
}
.card-dashboard-table {
    padding: 0 10px 10px;
    background: #2c323e57;
    border-radius: 0.5rem;
}
.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 45px;
    text-align: center;
    font-size: 1.2em;
    background: #2c323e00;
}
.detail-box {
    width: 100%;
}
label {
    color: rgb(255 255 255)!important;
}
.sc-kfGgVZ.hNtFwS {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    min-width: 0px;
    padding: 0.875rem 0px;
}
.sc-bdVaJa.sc-iuJeZd.sc-eerKOB.lmcAut {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 46px;
    object-fit: contain;
    border-radius: 0.5625rem;
    background: linear-gradient(to right, #246a6f, #246a6f);
    /* font-family: Manrope; */
    /* font-size: 0.875rem; */
    /* font-stretch: normal; */
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #fff;
    white-space: nowrap;
    padding: 0px 1.5rem;
    margin-right: 1rem;
    /* font-weight: bold; */
    cursor: pointer;
}
button.sc-jwKygS.sc-lhVmIH.hqdLFg {
    flex-flow: row nowrap;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    /* font-family: Manrope; */
    width: 100%;
    height: 46px;
    font-size: 0.9rem;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.5rem 0;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    font-weight: 500;
    background-color: rgb(38 43 51 / 0%);
    border: 0rem solid rgb(38 43 51);
    color: rgb(255 255 255);
    margin-left: 0px;
}
img.sc-dfVpRl.JRakt {
    width: 20px;
    height: 20px;
    max-width: 100%;
    max-height: 100%;
    background-color: white;
    border-radius: 20px;
}
p.sc-elJkPf.jTzAeG {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px 10px 0px 0px;
    font-size: 1rem;
    /* font-family: Manrope; */
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px 0.5rem 0px 0.25rem;
    width: 152px;
    /* font-size: 1rem; */
    font-weight: 500;
}
.hvgGlX {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 36px;
    height: 36px;
    box-shadow: rgb(0 0 0 / 4%) 0px 0.125rem 0.25rem 0px;
    border: 0.0625rem solid rgba(0, 0, 0, 0.1);
    background-color: rgb(255, 255, 255);
    border-radius: 100%;
    padding: 0.3125rem;
    margin-right: 1.25rem;
}
.bg-primary-defi{
    /* background: linear-gradient(to right, #246a6f, #47d0cc);  */
    background: rgba(255, 255, 255, 0.5);
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 10px;
}

.bg-primary-default {
    /* background: linear-gradient(to right, #47d0cc, #47d0cc); */
    background: rgba(255, 255, 255, 0.5);
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 10px;
}
.h-250{height: 250px;}
.eIjFfG {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
   /* background-color: white;*/
    border-radius: 100%;
}
.hCNClJ {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
}
.hCNClJ .left {
    z-index: 2;
}
.hCNClJ .logo {
    width: 70px;
    height: 70px;
    border-radius: 100%;
}
.hCNClJ .logo img {
    height: 100%;
    display: block;
}
.fuMfqD {
    background: none;
}
.hCNClJ .add {
    font-size: 50px;
    /* color: rgb(255, 255, 255); */
    color: rgb(140 140 140);
    display: block;
    margin: 0px 20px;
}
.hCNClJ .right {
    z-index: 1;
}
.hEpqmZ .default .info {
    width: 100%;
    text-align: center;
    margin: 0px;
}
.hEpqmZ .default .info h3 {
    /* color: rgb(255, 255, 255); */
    color: rgb(57 57 57);
    font-size: 18px;
    margin: 0px;
    font-weight: 800;
}
.hEpqmZ .default .info p {
    /* color: rgb(255, 255, 255); */
    color: rgb(52 52 52);
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    line-height: 35px;
}
.hEpqmZ .default .info p .pecent {
    padding: 2px 3px;
    background: rgb(20, 161, 94);
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    line-height: 21px;
    color: #fff;
}
.hEpqmZ .default {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 40px 10px 30px;
    border-radius: 10px;
}

.gTOhsM {
    width: 100%;
    background: rgb(3 18 36);
    box-shadow: rgb(0 0 0 / 6%) 0.4375rem 0.125rem 1.625rem 0px;
    display: block;
    border-radius: 10px;
    padding: 40px 10px;
    position: relative;
}

.iBUGTm {
    min-width: 40px;
    padding: 3px 10px;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: linear-gradient(to right, #246a6f, #47d0cc);
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-align: center;
}
.grVZRz {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
}
.grVZRz .logo {
    width: 70px;
    height: 70px;
    border-radius: 100%;
}
.grVZRz .left {
    z-index: 1;
}
.grVZRz .logo img {
    height: 100%;
    display: block;
}
.hTgWqe {
    background: none;
}
.grVZRz .right {
    margin-left: -15px;
    z-index: 0;
}
.jEFXMb {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    margin: 30px 0px;
}
.jEFXMb .item {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin: 10px 0px;
    font-size: 16px;
}
.jEFXMb .item .left {
    color: rgb(150, 157, 172);
}
.jEFXMb .item .right {
    color: rgb(255, 255, 255);
}
.iuFjaK {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.iHQsWh {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 1rem 2rem;
    border-radius: 0.5625rem;
    cursor: pointer;
    user-select: none;
    font-size: 1rem;
    border: none;
    outline: none;
    background: linear-gradient(to right, rgb(115, 76, 226), rgb(96, 107, 251));
    color: rgb(255, 255, 255);
    width: 100%;
    font-weight: 800;
    box-shadow: rgb(118 68 203 / 27%) 6px 0.875rem 22px 0px;
    white-space: nowrap;
}
.tx-danger {
    color: #ed0b4c;
}
.hZgRJm {
    height: 40px;
    width: 40px;
    display: inline-block;
    border-radius: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 236, 239);
    border-image: initial;
    position: absolute;
    right: 0;
    bottom: 0px;
 /*   opacity: .4;*/
}
.hZgRJm img {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 4px;
    vertical-align: sub;
    border-radius: 20px;
}
.sc-62mpio-0.dmNCNO {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 50px;
}
.caeasE {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    background: none;
    padding: 0.625rem 0px 0px;
}
.uNiJu {
    outline: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    flex: 1 1 auto;
    width: 0px;
    font-size: 44px;
    height: 70px;
    color: rgb(255, 255, 255);
    background: none;
    border-bottom: 0.0625rem solid rgb(92, 103, 125);
    margin-right: 1.875rem;
}
.gVOsaA {
-webkit-box-align: center;
    align-items: center;
    color: rgb(151, 157, 172);
    font-size: 1rem;
    height: 70px;
    width: 220px;
    border: 0.0625rem solid rgb(54, 61, 95);
    border-radius: 0.75rem;
    background-color: rgb(45 133 135);
    outline: none;
    cursor: pointer;
    user-select: none;
    padding: 0px 1.25rem;
    position: relative;
}
.kVtxvC {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    padding: 0px 1.625rem 0px 51px;
    width: 100%;
    height: 100%;
}
.bPFNqn {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 46px;
    height: 46px;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    border-radius: 100%;
    margin-right: 1.25rem;
    position: absolute;
    top: 0.625rem;
    left: 0px;
}
.eAWamJ {
    width: 1.625rem;
    height: 1.625rem;
    max-width: 100%;
    max-height: 100%;
    background-color: white;
    border-radius: 1.625rem;
}
.hKCvnc {
    text-align: left;
    width: 100%;
}
.hKCvnc h3 {
    font-size: 1rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: rgb(255, 255, 255);
    margin: 0px 0px 2px;
}
.hKCvnc p {
    font-size: 0.75rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: rgb(255, 255, 255);
    margin: 0px;
}
.cepyyc {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 1.625rem;
    height: 1.625rem;
    background: rgb(10 30 37);
    border-radius: 100%;
    position: absolute;
    top: 1.25rem;
    right: 0px;
}
.gaYyjp {
    height: 35%;
}
.gaYyjp path {
    stroke: rgb(151, 157, 172);
}
.title-logo{
    font-size: 12px;
    padding-left: 9px;
    margin-top: -13px !important;
}
.card.card--elevated.posts-card-popular{
    margin-bottom: 1.5rem;
}
.toleft.bg-primary-defi{
    /* background: linear-gradient(to left, #246a6f, #47d0cc); */
    background: rgba(255, 255, 255, 0.5);
}
.dataTables_filter {
    display: none;
}
.dataTables_length {
    display: none;
}

.chart-legend {
    display: flex;
    white-space: nowrap;
    justify-content: center;
}
.chart-legend--vertical {
    flex-direction: column;
}
.chart-legend-item {
    padding: 0.25rem 0.5rem;
    border: 1px solid #e9edf2;
    border-radius: 0.2rem;
    margin-right: 5px;
}
.chart-legend-item {
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 0.875rem;
    color: rgba(39, 44, 51, 0.5);
}
.chart-legend-item {
    border-color: #e9edf238!important;
}
.chart-legend-item {
    color: rgba(242,249,255,.5);
}
.chart-legend-indicator {
    border-radius: 50%;
}
.chart-legend-indicator {
    margin-right: 0.25rem;
}
.chart-legend-indicator {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
}

.chart canvas[height="150"] {
    display: none; opacity: 0;
}
canvas[height="150"] {
    display: none;
    opacity: 0;
}
.chartjs-render-monitor~canvas {
    display: none; opacity: 0;
}
.fullbleed {
    position: absolute;
    top: 0;
    bottom: 0;
}
.fullbleed, .fullbleed {
    left: 0;
    right: 0;
}
.card-title {
    font-size: 1rem;}
    .p-card-header {
        padding: 1rem;line-height: 1.25;
    }
    html.dark-mode .card-title {
        color: #f2f9ff;
    }
.text-50, .text-muted {
        color: rgba(242,249,255,.5)!important;
    }
    .chart-legend--vertical .chart-legend-item + .chart-legend-item {
        margin-top: 1.5rem;
    }
     .mt-24pt, .my-24pt {
        margin-top: 1.5rem !important;
    }
    .card {
        border-color: #2c323e45 ;
        background-color: #2c323e45 ;
        box-shadow: 0 3px 3px -2px rgb(0 0 0 / 10%), 0 3px 4px 0 rgb(0 0 0 / 4%), 0 1px 8px 0 rgb(0 0 0 / 2%);
    }
    .card-title {
        font-weight: 500;
    }
    .sc-kfGgVZ.hNtFwS {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        min-width: 0px;
        padding: 0rem 0px;
    }
    .sc-bdVaJa.sc-iuJeZd.sc-eerKOB.lmcAut {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        height: 46px;
        object-fit: contain;
        border-radius: 0.5625rem;
        background: linear-gradient(to right, #246a6f, #246a6f);
        /* font-family: Manrope; */
        /* font-size: 0.875rem; */
        /* font-stretch: normal; */
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #fff;
        white-space: nowrap;
        padding: 0px 1.5rem;
        margin-right: 1rem;
        /* font-weight: bold; */
        cursor: pointer;
    }

    img.sc-dfVpRl.JRakt {
        width: 20px;
        height: 20px;
        max-width: 100%;
        max-height: 100%;
        background-color: white;
        border-radius: 20px;
    }
    p.sc-elJkPf.jTzAeG {
        flex: 1 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0px 10px 0px 0px;
        font-size: 0.83rem;
        /* font-family: Manrope; */
    }
    .page-separator {
        color: rgba(242,249,255,.5);
    }
    .page-separator:before {
        background-color: #3cb0ae;
        background: linear-gradient(
            90deg
             , rgba(60,176,174,0) 0%, rgba(60,176,174,1) 200%);
    }
    .page-separator__text {
        /* background-color: #212429; */
    }
    .page-separator__text {
        color: #f2f9ff;
    }
    .page-separator {
        position: relative;
        color: #868e96;
        display: flex;
        align-items: center;
        justify-content: start;
        z-index: 0;
    }
    .page-separator {
        margin-bottom: 1rem;
    }
    .page-separator:before {
        left: 0;
    }
    .page-separator:before {
        content: "";
        height: 1px;
        width: 100%;
        top: 50%;
        position: absolute;
        z-index: -1;
    }
    .page-separator__text {
        padding-right: 0.5rem;
    }
    .page-separator__text {
        display: inline-flex;
        max-width: 90%;
        /* text-transform: uppercase; */
        font-size: 1rem;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: 2px;
        /* font-family: Exo\2, Helvetica Neue, Arial, sans-serif; */
    }
    .box label.form-control-placeholder {
        top: -14px;
    }


    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
        border: 1px solid #8390a5;
        -webkit-text-fill-color: white;
        -webkit-box-shadow: 0 0 0px 1000px #09254d inset;
        transition: background-color 5000s ease-in-out 0s;
    }
    body.modal-open {
        padding-right: unset !important;
    }
    body {
        padding-right: unset !important;
    }
    .iNLaad {
        padding: 1rem 1rem 1.5rem;
        border: 1px solid rgb(64, 68, 79);
        border-radius: 20px;
        position: relative;
        display: grid;
        row-gap: 12px;
        margin-bottom: 20px;
    }
    .gyBZog {
        display: flex;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 400;
        color: rgb(255, 255, 255);
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .gyBZog div {
        display: contents;
    }

    .iaRisj {
        text-align: center;
        outline: none;
        text-decoration: none;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        align-items: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
        border: 1px solid rgb(70 204 200);
        color: rgb(64 186 184);
        background-color: transparent;
        border-radius: 12px;
        width: fit-content;
        font-weight: 400;
        margin-left: 8px;
        font-size: 0.825rem;
        padding: 10px 10px;
    }

    .bLLGio {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-width: 0px;
        width: 100%;
        font-weight: 500;
        font-size: 1.25rem;
    }
    .bfCLmW {
        display: flex;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin-right: 8px;
    }

    .gKrSqp {
        height: 1rem;
        width: 1rem;
        border-radius: 1.125rem;
        background-color: rgb(86, 90, 105);
    }
    .bLLGio p {
        min-width: 0px;
        margin: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ifbJKo {
        border: none;
        background: none;
        cursor: pointer;
        font-weight: 500;
        color: rgb(108, 114, 132);
        flex-shrink: 0;
        display: flex;
        text-decoration: none;
        font-size: 0.825rem;
    }
    .dlrsWp {
        margin-left: 0.25rem;
        font-size: 0.825rem;
        display: flex;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        align-items: center;
    }
    .dWAPaj {
        text-decoration: none;
        cursor: pointer;
        color: rgb(33, 114, 229);
        font-weight: 500;
    }
    .tLjWE {
        color: rgb(108, 114, 132);
        margin-left: 1rem;
        font-size: 0.825rem;
        display: flex;
    }
    .copy-input {
        background: #2c323e00;
        border: 0;
        color: #fff;
        margin: 0 0 0 7px;
        width: 100%;
        font-size: 22px;
        flex: 1 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0px 10px 0px 10px;
    }
    .bhlpJK {
        width: initial;
        font-size: 1rem;
        font-weight: 500;
        color: rgb(108, 114, 132);
    }
    #conect-wlet .modal-content {
        border-radius: 20px;
    }
    .copied {
        width: fit-content;
        display: none;
        position: fixed;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: auto;
        color: #fff;
        padding: 15px 15px;
        background-color: #204d53;
        border-radius: 5px;
        box-shadow: 0 3px 15px #b8c6db;
        -moz-box-shadow: 0 3px 15px #b8c6db;
        -webkit-box-shadow: 0 3px 15px #2c323e;
        z-index: 9999;
    }
    button.sc-jwKygS.sc-lhVmIH.hqdLFg div {
        /* width: 20px !important;
        height: 20px !important; */
    }
.wallet-balance-address{
    display: flex;
    background: rgb(44 50 62 / 0%);
    width: 100%;
    height: 50px;
    padding: 2px 2px 2px 2px;
    border-radius: 8px;
}
.wallet-balance-address span {
    line-height: 2.9;
    font-size: 16px;
    color: #fff;
}
.jebOoi {
    background-color: #212429;
    padding: 2rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.fhcDxi {
    display: grid;
    gap: 10px;
}
.bHIpnJ {
    background-color: rgb(64, 68, 79);
    outline: none;
    border: 1px solid transparent;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    margin-top: 0px;
    opacity: 1;
    width: 100% !important;
}
.iGptdp {
    display: flex;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
}
.jsJmJE {
    display: flex;
    flex-flow: row nowrap;
    color: rgb(255, 255, 255);
    font-size: 1rem;
    font-weight: 500;
}
.jPkkRH {
    color: rgb(39, 174, 96);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.cxPPHP {
    display: flex;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.cxPPHP:first-child {
    height: 8px;
    width: 8px;
    margin-right: 8px;
    background-color: rgb(39, 174, 96);
    border-radius: 50%;
}
.lgYJCf {
    display: flex;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.lgYJCf > img, .lgYJCf span {
    height: 24px;
    width: 24px;
}
.hMViOl {
    display: flex;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 2rem;
}
.dWAPaj {
    text-decoration: none;
    cursor: pointer;
    color: rgb(33, 114, 229);
    font-weight: 500;
}

.khxnKB {
    background-color: #212429;
    outline: none;
    border: 1px solid rgb(64, 68, 79);
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    margin-top: 0px;
    opacity: 1;
    width: 100% !important;
}
.backheader{
    background: rgb(44 50 62);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.khxnKB:hover {
    cursor: pointer;
    border: 1px solid rgb(70 204 200);
}
.modal-header h5.href-back {
    cursor: pointer;
    color: #43c3c0 !important;
}
.td-13 {
    font-size: 13px;
}
.date-td {
    font-size: 12px;
}
/* light mode */


body.light-mode .df-title {
    color: #212429 !important;
    background: #21242900;
    border-bottom: 0px solid #e2e5ed;
      }
body.light-mode .navbar-header.header-dark-landing {
    background-color: rgb(255 255 255);
    border-bottom: 0px solid rgba(72, 94, 144, 0.16);
}
body.light-mode .navbar-header .navbar-brand {
    background-color: #2c323e;
}
body.light-mode .navbar-menu .nav-item.active .nav-link {
    color: #2c323e;
}
body.light-mode .sc-bdVaJa.sc-iuJeZd.sc-eerKOB.lmcAut {
    background: linear-gradient(to right, #246a6f, #47d0cc);
  }
body.light-mode .wallet-balance-address {
    background: rgb(237 238 242 / 0%);}
body.light-mode .wallet-balance-address span {
    color: rgb(0, 0, 0);
}
body.light-mode button.sc-jwKygS.sc-lhVmIH.hqdLFg {
    background-color: rgb(247 248 250 / 0%);
    border: 0rem solid rgb(237, 238, 242);
    color: rgb(0, 0, 0);
}
body.light-mode .content-components {
    background: radial-gradient(50% 50% at 50% 50%, rgb(33 114 229 / 22%) 0%, rgba(255, 255, 255, 0) 100%);
}
body.light-mode {
    background-color: #ffffff;
}
body.light-mode .page-separator__text {
    background-color: #ffffff00;
        color: #212429;
}
body.light-mode .page-separator:before {
    background: linear-gradient(
90deg
, rgba(60,176,174,0) 0%, rgba(60,176,174,1) 200%);
}
body.light-mode .card-dashboard-table {
    background: #2c323e;
    background-color: rgba(255, 255, 255, 0.4);
    border: 0px solid rgb(237, 238, 242);
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 10px;
}
body.light-mode .dataTables_wrapper .dataTables_length, body.light-mode .dataTables_wrapper .dataTables_filter, body.light-mode .dataTables_wrapper .dataTables_info, body.light-mode .dataTables_wrapper .dataTables_processing, body.light-mode .dataTables_wrapper .dataTables_paginate {
    color: rgb(31, 31, 31);
}
body.light-mode .table th, body.light-mode .table td {
    border-top: 1px solid rgba(43, 43, 43, 0.035);
}
body.light-mode thead {
    color: rgb(31, 31, 31);
}
body.light-mode table.dataTable tbody th, body.light-mode table.dataTable tbody td {
    color: rgb(31, 31, 31);
  font-weight: 400 !important;}
body.light-mode tr {
    border-bottom: 1px solid rgba(234, 236, 239, 0.6);
}
body.light-mode table.dataTable.no-footer {
    border-bottom-color: rgba(43, 43, 43, 0.035);
}
body.light-mode .navbar-menu .nav-link {
    color: #2c323e;}
body.light-mode .df-breadcrumbs .breadcrumb-item a {
        color: #212429;}
body.light-mode .bg-white.bg-white1 {
    background-color: rgba(255, 255, 255, 0.4) !important;
    border: 0px solid rgb(237, 238, 242);
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 10px;
}
body.light-mode .tx-inverse {
    color: #212429;
}
body.light-mode label {
    color: #212429!important;
}
body.light-mode .lebnwi {
    color: #212429;}
body.light-mode .bTpZHd {
color: #212429;}
body.light-mode .form-control:focus {
color: #212429;
background-color: #2c323e00;}
body.light-mode .jkFSIE {
    background-color: rgba(255, 255, 255, 0.4) !important;
    border: 0px solid rgb(237, 238, 242);
     box-shadow: rgb(0 0 0 / 5%) 0px 6px 10px;
    background-image: linear-gradient(
180deg
 ,rgb(255 255 255 / 0%),rgba(255, 255, 255, 0.4));
}
body.light-mode .add-address-modal .form-control-placeholder {
font-weight: 400;}

body.light-mode .alert.alert-success.deposit-alert {
    color: #2d398b;
    font-weight: 400;
    background-color: #45cbc81a;
    border-color: #2d398b38;
}

body.light-mode .sc-17p3190-10.ehGLql .alert.alert-primary.alert-btc.alert-success.deposit-alert {
    font-weight: 400;
}
body.light-mode .text-50, body.light-mode .text-muted {
    color: #212429!important;
}
body.light-mode .chart-legend-item {
    color: #212429;
}
body.light-mode .chart-legend-item {
    border-color: rgb(43 43 43 / 19%)!important;
}
body.light-mode .card {
 background-color: rgba(255, 255, 255, 0.4);
    border: 0px solid rgb(237, 238, 242);
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 1;
}
body.light-mode .copy-input {
    color: #212429;}
    body.light-mode .gyBZog {
        color: #212429;}
        body.light-mode .iNLaad {
            border: 1px solid rgb(64 68 79 / 22%);}
            body.light-mode .close {
                color: #212429;}
                body.light-mode .modal-header h5 {
                    color: #212429 !important;
                }
                body.light-mode .backheader {
                    background: #fff;}
                    body.light-mode .jebOoi {
                        background-color: rgb(247, 248, 250);}
                        body.light-mode .khxnKB {
                            background-color: rgb(247, 248, 250);
                            border: 1px solid rgb(237, 238, 242);}
                            body.light-mode .bHIpnJ {
                                background-color: rgb(237, 238, 242);
                                border: 1px solid transparent;}
                                body.light-mode .jsJmJE {
                                    color: rgb(0, 0, 0);}
                                    body.light-mode .backheader {
                                        background: #fff;}
                                        body.light-mode .iaRisj {
                                            border: 1px solid rgb(64 68 79 / 22%);}
                                            body.light-mode .modal-content {
                                                background-color: rgb(247, 248, 250) !important;
                                                border: 1px solid rgba(0, 0, 0, 0.2);
                                                background: radial-gradient(50% 50% at 50% 50%, rgb(33 114 229 / 22%) 0%, rgba(255, 255, 255, 0) 100%);
                                            }
                                            body.light-mode .mail-content {
                                                background-color: #ffffff;
                                            }
                                            body.light-mode .mail-content-header {
                                                background-color: #ffffff;
                                                border-bottom: 1px solid rgba(72, 94, 144, 0.16);}
                                                body.light-mode .mail-content-body {
                                                    background-color: #ffffff;}
                                                    body.light-mode .reply-forward {
                                                        border-left: 1px solid #e2e5ed;
                                                    }
                                                    body.light-mode .reply-forward {
                                                        background: #ffffff;
                                                        border-top: 1px solid #e2e5ed;
                                                    }
                                                    body.light-mode .panel {
                                                        background-color: #e7f0fd;}
                                                        body.light-mode .panel-default {
                                                            border-color: #e8f1fc;
                                                        }
                                                        body.light-mode .comment-list .panel.arrow.left:after {
                                                            border-right-color: #e7f0fd;}
                                                            body.light-mode .mail-group-body .media {
                                                                background-color: #e7f0fd;}
                                                                body.light-mode .content-mesage {
                                                                    border-left: 1px solid #e2e5ed !important;}
                                                                    body.light-mode .comment-list .panel.arrow.right:after {
                                                                        border-left-color: #e7f0fd;}
                                                                        body.light-mode .parsley-style-1 .parsley-input.parsley-error .form-control{
                                                                            background-color: #282e3800;
                                                                        }
                                                                        body.light-mode .khxnKB:hover {
                                                                            cursor: pointer;
                                                                            border: 1px solid rgb(70 204 200);
                                                                        }
                                                                        body.light-mode .content.content-components.profile{
                                                                            background: radial-gradient(50% 50% at 50% 50%, rgb(33 114 229 / 22%) 0%, rgba(255, 255, 255, 0) 100%);
                                                                        }
                                                                        body.light-mode .top-head-content {
                                                                            background: #21242900;}
                                                                            body.light-mode .wizard {
                                                                                background-color: #2c323e00;}
                                                                                body.light-mode .css-ovthrp {
                                                                                    border: 1px solid #2d398b;
                                                                                    background: #fff0;}
                                                                                    body.light-mode .css-1i0rbqg{border: 1px solid #2d398b;
                                                                                        background: #fff0;}
                                                                                        body.light-mode .wizard > .content > .title {
                                                                                            color: #000;}
                                                                                            body.light-mode p.auth-code-p {
                                                                                                color: #333333 !important;}
                                                                                                body.light-mode .add-address-modal .store-update-btn .form-control {
                                                                                                    border-bottom: 1px solid #333 !important;}
                                                                                                    body.light-mode .css-ryy4eq {
                                                                                                        background-color: rgb(12 20 33 / 8%);}
                                                                                                        body.light-mode .css-1k3pvbo {
                                                                                                            background-image: linear-gradient(
                                                                                                        180deg
                                                                                                        ,rgba(255, 255, 255, 0.4),rgba(255, 255, 255, 0.4));}
                                                                                                        body.light-mode .css-l9j7by:after {
                                                                                                            background-color: #d0d9eb;}
                                                                                                            body.light-mode .qr-code-modal h3 {
                                                                                                                color: #212429}
/* mode settings switch light or mode */
.sc-bHwgHz.cIcxWi {
    display: flex;
    width: fit-content;
    cursor: pointer;
    text-decoration: none;
    margin-top: 0rem;
}
.mode {
    opacity: 0.3;
}
body.light-mode .mode.light-mode {
    opacity: 1;
}
body.dark-mode .mode.dark-mode {
    opacity: 1;
}
body.light-mode .mode.dark-mode {
    opacity: 0.3;
}
body.dark-mode .mode.light-mode {
    opacity: 0.3;
}
.mode:hover {
    opacity: 1;
}


body .kLLPhG {
    margin-top: unset !important;
}
body .hcnbHQ {
    padding-top: unset !important;}


    body .jkddJW[data-reach-dialog-overlay] {
        overflow: hidden;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.3);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        width: 100%;
        height: 100%;
        outline: 0;
    }
    body .jnHDyF {
        background-color: rgb(237, 238, 242);
        border-radius: 8px;    padding: 2px;}
        body.dark-mode .jnHDyF {
            background-color: rgb(44 50 62);}
    body .gLYnEB {
        text-align: center;
        outline: none;
        text-decoration: none;
        -webkit-box-pack: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        font-size: 16px;
        border-radius: 8px;
        display: flex;
        flex-flow: row nowrap;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        padding: 0.7rem 2rem;
        cursor: pointer;
        user-select: none;
        font-weight: 500;
    }
    body.dark-mode .gLYnEB {
        background-color: rgb(38 43 51);
        border: 0px solid rgb(237, 238, 242);
        color: rgb(255 255 255);
    }
    body.light-mode .gLYnEB {
        background-color: rgb(247, 248, 250);
        border: 0px solid rgb(237, 238, 242);
        color: rgb(51, 51, 51);
    }
    body .gLYnEB:hover, body .gLYnEB:focus {
    border-radius: 8px;
    }
    body.dark-mode .gLYnEB:hover, body.dark-mode .gLYnEB:focus {
        background-color: rgb(33 43 57);}
        body.light-mode .gLYnEB:hover, body.light-mode .gLYnEB:focus {
            background-color: rgb(251 251 251);}

    body .gLYnEB:hover {
        border: 0px solid rgb(255, 153, 201);
    }
    body .gLYnEB:hover:focus, body .gLYnEB:focus:focus {
        border: 0px solid rgb(207, 210, 221);
    }
    body .gLYnEB:focus {
        box-shadow: unset;
        border: 0px solid rgb(255, 153, 201);
    }

    body .dMXQlO {
        background-color: rgb(255 255 255 / 0%);}

        body .ljXtWJ[data-reach-dialog-content] {
            margin: 0px 0px 2rem;
            box-shadow: rgb(47 128 237 / 5%) 0px 4px 8px 0px;
            padding: 0px;
            width: 540px;
            overflow: hidden;
            align-self: center;
            max-width: 540px;
            max-height: 90vh;
            display: flex;
            border-radius: 20px;
        }
        /* body.light-mode .mode svg {
            stroke: #fff;
        } */
        body.light-mode .ljXtWJ[data-reach-dialog-content] {
            background-color: rgb(247, 248, 250) !important;
            border: 1px solid rgba(0, 0, 0, 0.2);
            background: radial-gradient(50% 50% at 50% 50%, rgb(33 114 229 / 22%) 0%, rgba(255, 255, 255, 0) 100%);
        }
        body.dark-mode .ljXtWJ[data-reach-dialog-content] {
            background-color: rgb(247, 248, 250) !important;
            border: 1px solid rgba(0, 0, 0, 0.2);
            background: #2c323e !important;
        }
        body.dark-mode .gkYZUA[data-reach-dialog-content] {
            background-color: rgb(247, 248, 250) !important;
            border: 1px solid rgba(0, 0, 0, 0.2);
            background: #2c323e !important;
        }
        body.dark-mode .fgaaBc {
            border: 1px solid rgb(64, 68, 79);
        }
        body.dark-mode .css-1wueu2x {
            color: rgb(255 255 255);
        }
        body.dark-mode .URnJg {
            border: 1px solid rgb(70 204 200);}
        body .MwWOP {
            background-color: rgb(247 248 250 / 0%);}
            body .fgaaBc {
                border: 1px solid rgb(64 68 79 / 22%);}
                body .URnJg {
                    border: 1px solid rgb(64 68 79 / 22%);
                    color: rgb(64 186 184);
                    background-color: transparent;
                    border-radius: 12px;
                    width: fit-content;
                    font-weight: 400;
                    margin-left: 8px;
                    font-size: 0.825rem;
                    padding: 8px 8px;
                }
                body .URnJg:hover {
                    border: 1px solid rgb(64 186 184);
                    text-decoration: none !important;
                }
                body .URnJg:focus {
                    box-shadow: rgb(64 186 184 / 7%) 0px 0px 0px 1pt;
                    border: 1px solid rgb(64 186 184);
                }
                body .dsfyZA {
                    color: rgb(64 186 184);
                    background: #fff;
                    font-size: 1.09375rem;
                }
                body .erYPAD {
                    background-color: rgb(247, 248, 250);}
                    body .jnRxGi {
                        color: rgb(33, 114, 229);
                        margin-right: 0;
                        margin-left: auto;}
                        body.dark-mode .dsfyZA {
                            background: rgb(44 50 62);
                        }
                        body.dark-mode .erYPAD {
                            background-color: #212429;
                        }
                        body.dark-mode .cKBqzD {
                            background-color: rgb(64, 68, 79);}
                            body.dark-mode .eOnZBY {
                                color: rgb(255, 255, 255);}
                                body.dark-mode .iDiNbP {
                                    background-color: rgb(247 248 250 / 0%);
                                    border: 1px solid rgb(64, 68, 79);}
                                    body.dark-mode .jNcVHJ {
                                        background-color: rgb(64, 68, 79);
                                        border: 0px solid rgb(237, 238, 242);}
                                        body.dark-mode .eBzsSa {
                                            color: rgb(171 170 170);}
                    body .iDiNbP:hover {
                        cursor: pointer;
                        border: 1px solid rgb(70 204 200);
                    }
                    body .iDiNbP:focus {
                        box-shadow: rgb(70 204 200) 0px 0px 0px 1px;
                    }
                    body .jNcVHJ:focus {
                        box-shadow: rgb(70 204 200) 0px 0px 0px 1px;
                    }
                    body.dark-mode .iMAZoD p {
                        color: #fff;}
                        body.dark-mode.css-1wueu2x {
                            color: #fff;
                        }
                        html {
                            background-color: unset !important;
                        }
                        body.dark-mode .deiLkD {
                            background-color: rgb(38 43 51);
                            border: 0px solid rgb(253, 234, 241);
                            color: rgb(112 206 255);
                        }
                        body.dark-mode .deiLkD:hover, body.dark-mode .deiLkD:focus {
                            box-shadow: unset;
                            border: 0px solid rgb(241, 201, 218);
                            color: rgb(69 203 200);
                        }

                        body.light-mode .deiLkD {
                            /* background-color: rgb(253 234 241 / 0%); */
                            background-color: rgb(247, 248, 250);
                            border: 0px solid rgb(253, 234, 241);
                            color: rgb(69 203 200);
                        }
                        body.light-mode .deiLkD:hover, body.light-mode .deiLkD:focus {
                            box-shadow: unset;
                            border: 0px solid rgb(241, 201, 218);
                            color: rgb(69 203 200);
                        }
                        html, input, textarea, button {
                            font-family: Inter,sans-serif !important;
                        }
                        body .hYKIGM {
                            font-weight: 400;
                        }
                        body .iOBIQ {
                            background-color: rgb(255 255 255 / 0%);
                            border-radius: 4px;}
                        .Modal-component .page-container div {
                            height: auto !important;
                        }

                        body.dark-mode .toleft.bg-primary-defi{
                             background: #2c323e45 !important;}
                        body.dark-mode .bg-primary-defi {
                            /* background: linear-gradient(to right, #246a6f, #47d0cc); */
                            background: #2c323e45 !important;
                            box-shadow: rgb(0 0 0 / 5%) 0px 6px 10px;
                        }
                        body.dark-mode .bg-primary-default {
                        background: #2c323e45 !important;}
                        body.dark-mode .hEpqmZ .default .info h3 {
                        color: rgb(255, 255, 255);}
                        body.dark-mode .hEpqmZ .default .info p {
                        color: rgb(255, 255, 255);}
                        body.light-mode .bFQpTL {
                        background: #fff;
                        }
                        body.dark-mode .mode svg {
                        stroke: #fff;
                        }
                        body.dark-mode option {
                        background: #2c323e !important;}
                        body {
                        background-image: unset !important;
                        }
                        body .ivRRPZ {
                        padding: 0;
                        display: flex;
                        flex-direction: row;
                        -webkit-box-align: center;
                        align-items: center;
                        justify-self: flex-end;
                        }
                        body .dNutBB {
                        color: rgb(33, 114, 229);}
                        body .kMRZAG {
                        background: rgb(255, 255, 255);
                        margin: 0 auto;
                        z-index: 9;
                        }
                        div#swap-page .WdZfy .sc-bdVaJa.sc-iuJeZd.sc-eerKOB.lmcAut.jsRntm {
                        display: none;
                        }
                        .fHeMEv {
                        display: none;}

                        body.dark-mode .kMRZAG {
                        background: #21242994;}
                        body.dark-mode .eYWYYt {
                        color: #fff;
                        }
                        body.dark-mode .dUcTAj {
                        border-radius: 20px;
                        border: 1px solid rgb(247 248 250 / 13%);
                        background-color: rgb(255 255 255 / 0%);
                        }
                        body.dark-mode .jSjZBZ {
                        background-color: rgb(247 248 250 / 0%);}
                        body.dark-mode .bbaUAY > * {
                        stroke: rgb(255 255 255);}
                        body.dark-mode .eGXUhv {
                        color: rgb(255, 255, 255);
                        background-color: rgb(255 255 255 / 0%);}
                        body .bCfrIg {background-color: rgb(112 206 255 / 14%);
                        border: 0px solid rgb(253, 234, 241);
                        color: rgb(112 206 255)}

                        body .bCfrIg:focus {
                        box-shadow: rgb(112 206 255 / 20%) 0px 0px 0px 1pt;}
                        body .bWSFkj {    background-color: rgb(55 160 160);}
                        body .bWSFkj:focus, body .bWSFkj:hover {
                        background-color: rgb(62 182 180);
                        }

                        body.dark-mode .cnPaZL {
                        background-color: rgb(255 255 255 / 0%);
                        color: #fff;}
                        body.dark-mode .fMEfby path {
                        stroke: #fff;
                        }
                        body.dark-mode .cnPaZL:focus, body.dark-mode .cnPaZL:hover {
                        background-color: rgb(63 185 183 / 7%);
                        }
                        body .gduPaQ svg {
                        fill: #3fb8b7;
                        stroke: #41bfbc;
                        }
                        body .hNtgWw:focus {
                        border: 1px solid #3fb8b7;}
                        body .bCfrIg:hover {
                        background-color: rgb(112 206 255 / 21%);
                        }
                        body .bCfrIg:focus {
                        background-color: rgb(112 206 255 / 24%);
                        color: rgb(64 189 255);
                        }
                        body.dark-mode .hyhqoy[data-reach-dialog-content] {
                        background-color: #212429;}
                        body.dark-mode .hNtgWw {
                        border: 1px solid rgb(237 238 242 / 28%);
                        color: rgb(255, 255, 255);}
                        body.dark-mode .gJVOBY {
                        background-color: rgb(237 238 242 / 7%);
                        }
                        body.dark-mode .fWDFSQ {
                        background-color: #212429;
                        border-top: 1px solid rgb(237 238 242 / 7%);
                        }
                        body.dark-mode .nwIDK:hover {
                        background-color: rgb(247 248 250 / 6%);
                        }
                        body.dark-mode .jmIgvO {
                        background-color: rgb(64 186 184 / 57%);}
                        body .joaxbw {
                        background-color: #359c9c;}
                        body .jHYiXq {
                        background-color: rgb(53 156 156);
                        }
                        body .fpeeYX {
                        background: rgb(52 151 152);border: 0px solid rgb(237, 238, 242);}
                        body .fpeeYX:focus {
                        border: 1px solid rgb(52 154 155);
                        }
                        body .kZkPIL:focus {
                        border: 1px solid rgb(52 154 155);
                        }
                        body.dark-mode .cAfXSN {
                        background-color: rgb(33 36 41);
                        color: #fff;}
                        body.dark-mode .gaAfoF {
                        background-color: rgb(64, 68, 79);}
                        body.dark-mode .ettRXk {
                        background: rgb(64, 68, 79);
                        background-color: rgb(64, 68, 79);
                        color: rgb(240 242 249);}
                        body.dark-mode .kSTHMN {
                        background-color: rgb(44, 47, 54);}
                        body.dark-mode .catLrW {
                        background: rgb(33 36 41);}
                        body.dark-mode .dFHNKF {
                        color: #fff;
                        }
                        body.dark-mode .cFkxPM {
                        background-color: rgb(86, 90, 105);
                        }
                        body.dark-mode .hKivIQ {
                        color: rgb(195, 197, 203);
                        }
                        body.dark-mode .fExpYT {
                        color: rgb(195, 197, 203);
                        }
                        body.dark-mode .gnyEeD svg {
                        stroke: rgb(195, 197, 203);
                        }
                        body.dark-mode .css-8mokm4 {
                        color: #fff;
                        }
                        body.dark-mode .css-17h8a10 {
                        color: #fff;}
                        body.dark-mode .egVACS {
                        background-color: #212429;}
                        body.dark-mode .iAOYtb {
                        color: rgb(195, 197, 203);
                        }
                        body.dark-mode .css-1pnt2fu {
                        color: rgb(195, 197, 203);
                        }
                        body.dark-mode .kZkPIL {
                        border: 1px solid rgb(237 238 242 / 14%);
                        background: rgb(33 42 55);
                        color: rgb(255 255 255);
                        }
                        body.dark-mode .bJyiKp{
                        border: 1px solid rgb(237 238 242 / 14%);
                        background: rgb(33 42 55);
                        color: rgb(255 255 255);
                        }
                        body.dark-mode .jWslPC {
                        background: rgb(255 255 255 / 0%);
                        color: #fff;}
                        body.dark-mode .hnEpuk {
                        background: none rgb(247 248 250 / 0%);
                        color: rgb(195, 197, 203);
                        }
                        body.dark-mode .iEVgwg{background: rgb(33 42 55);}
                        body.dark-mode .cLnqsX {
                        color: rgb(195, 197, 203);}
                        body.dark-mode .QyGpq {
                        background: rgb(64, 68, 79);}
                        body.dark-mode .boTaZw {
                        background: rgb(108, 114, 132);
                        color: rgb(195, 197, 203);
                        }
                        body .bXqwJK {
                        background: rgb(52 151 152);}
                        body .bXqwJK:hover {
                        user-select: none;
                        background: rgb(52 151 152);}
                        body.dark-mode .iZJJDC {
                        color: rgb(255 255 255);
                        background: rgb(255 255 255 / 5%);
                        border: 1px solid rgb(62 181 179);
                        }
                        body .iZJJDC {
                        border: 1px solid rgb(62 181 179);
                        }
                        body .iZJJDC:hover {
                        border: 1px solid rgb(62 181 179);
                        }
                        .hnkMjc{ background: rgb(255 255 255 / 0%) !important;}
                        body.dark-mode .gcrhKe[data-reach-dialog-content] {
                        background-color: rgb(44, 47, 54);}
                        body.dark-mode .jmejbi {
                        background-color: rgb(44, 47, 54);
                        color: #fff;}
                        body.dark-mode .iPVhqv > * {
                        stroke: #fff;
                        fill: #fff !important;
                        }
                        body.dark-mode .bgppFN {
                        background-color: rgb(64, 68, 79);
                        }
                        body .ghLihZ {
                        margin-right: auto;
                        margin-left: auto;
                        }
                        body .ePfbnP {
                        height: 28px;
                        background-color: rgb(87 212 212 / 12%);
                        border: 1px solid rgb(87 212 212 / 0%);
                        color: rgb(69 203 200);
                        }
                        body.dark-mode .css-1rhdhic {
                        color: rgb(195, 197, 203);
                        }
                        body.dark-mode .jKSkbG:disabled {
                        background-color: rgb(64, 68, 79);}
                        body.dark-mode .ghLihZ {
                        background-color: rgba(0, 0, 0, 0.1);}
                        body.dark-mode .css-1i3lwi {
                        color: rgb(255, 255, 255);}
                        body.dark-mode .dNutBB {
                        color: rgb(255 255 255);
                        }
                        body.dark-mode .bIgUUP {
                        background-color: rgb(44, 47, 54);
                        color: rgb(195, 197, 203);}
                        body.dark-mode .bIgUUP:hover {
                        background-color: rgb(64 68 79);
                        }
                        body.dark-mode .gWFjFh {
                        color: rgb(255 255 255);
                        }
                        body.dark-mode .hzBYWd {
                        background-color: rgb(44 50 62);}
                        body.light-mode .dNutBB {
                        color: rgb(0, 0, 0);
                        }
                        body .fJsSnK {
                        margin: 0 auto;
                        }
                        body .fChqUY {
                        border: 1px solid rgb(53 156 156 / 33%);
                        color: rgb(53 156 156);}
                        body .cALeUh {
                        background-color: rgb(53 156 156);
                        color: white;}
                        body.light-mode .css-68pfx3 {
                        color: rgb(0, 0, 0);
                        }
                        body .fChqUY:hover {
                        border: 1px solid rgb(53 156 156);
                        }
                        body .fChqUY:focus {
                        box-shadow: rgb(53 156 156 / 8%) 0px 0px 0px 1pt;
                        border: 1px solid rgb(53 156 156 / 76%);
                        }
                        body .cALeUh:hover{
                        background-color: rgb(53 156 156);
                        }
                        body .cALeUh:focus {
                        box-shadow: rgb(53 156 156) 0px 0px 0px 1pt;
                        background-color: rgb(53 156 156);
                        }
                        body.light-mode .css-1d6204x {
                        color: #000;
                        }
                        body .dUGLfB {
                        color: #2d398b;}
                        body .blbWrN {
                        color: rgb(70 202 204);
                        }
                        body .hzqBng {
                        background-color: rgb(71 206 202 / 15%);
                        color: rgb(58 169 169);}
                        body .EeBTF {
                        margin: 0 auto;width: 100%;
                        }
                        body .ePfbnP:hover {
                        border: 1px solid rgb(69 203 200);
                        }
                        body.dark-mode .fDUwDZ {
                        color: #fff;
                        }
                        body.dark-mode .sc-hUfwpO.eCWQjx {
                            color: #fff;
                        }
                        body.light-mode .blbWrN {
                            color: rgb(71 206 208);
                        }
                        body.dark-mode .ktCgKk {border: 1px solid rgb(61 63 68);
                            background-color: rgb(38 43 51 / 0%);
                        }
                        body.dark-mode .bRyfla {
                            border: 1px solid rgb(61 63 68);
                            background-color: rgb(61 63 68 / 0%);
                        }
                        body.dark-mode .css-1m402ei {
                            color: rgb(159 162 173);}
                        body.dark-mode .css-zhpkf8 {
                                color: #fff;
                            }
                        body.dark-mode .SMqct {
                            border: 1px solid rgb(33 36 41);
                            background-color: rgb(33 36 41);
                            background: #21242994;
                            box-shadow: rgb(0 0 0 / 1%) 0px 0px 1px, rgb(0 0 0 / 4%) 0px 4px 8px, rgb(0 0 0 / 4%) 0px 16px 24px, rgb(0 0 0 / 1%) 0px 24px 32px;}
                        body.dark-mode .css-1aekuku {
                            color: #fff;
                        }
                        body.dark-mode .css-68pfx3 {
                            color: #fff;
                        }
                        body.dark-mode .css-1d6204x {
                            color: #fff;
                        }
                            body .jKSkbG:focus {
                                box-shadow: rgb(242 242 242 / 0%) 0px 0px 0px 1pt;
                                background-color: rgb(239 239 239);}

                            body .jKSkbG {
                                border: 0px solid transparent;
                                background: linear-gradient(to right, #246a6f, #47d0cc);}
                                body .jKSkbG:disabled {
                                    background-color: rgb(237, 238, 242);
                                    background: rgb(237, 238, 242);
                                }
                                body.dark-mode .eFxPIg {
                                    background-color: rgb(44, 47, 54);}
                                    body.dark-mode .css-zzqfaj {
                                        color: rgb(255, 255, 255);
                                    }
                                    body.dark-mode .css-1iaqvt6 {
                                        color: rgb(195, 197, 203);
                                    }
                                    body.dark-mode .sc-bdVaJa.sc-htpNat.sc-bZQynM.dQxICh svg {
                                        stroke: rgb(239 239 239);
                                    }
                                    body.dark-mode .css-13xjr5l {
                                        color: #fff;
                                    }
                                    .jvLGhW {
                                        line-height: 2;
                                    }
                                    body.dark-mode .eMHvEo svg {
                                        fill: #fff;
                                        stroke: #fff;
                                    }
                                    body .hSsjjo svg {
                                        stroke: rgb(55 160 160);
                                    }
                                    body .css-fprqu8 {
                                        color: rgb(55 160 160);
                                    }
                                    body .jYgFGn {
                                        background-color: rgb(55 160 160 / 15%);
                                        color: rgb(55 160 160);
                                    }
                                    body .jKSkbG .css-68pfx3 {
                                        color: #fff;
                                    }
                                    body .jYgFGn:hover {
                                        background-color: rgb(55 160 160 / 23%);
                                    }
                                    body .jYgFGn:focus, body .jYgFGn:active {
                                        box-shadow: rgb(55 160 160 / 23%) 0px 0px 0px 1pt;}
                                    body.dark-mode .kjeHJI{
                                        border-radius: 8px;
                                            background-color: rgb(38 43 51);
                                            border: 0px solid rgb(237, 238, 242);
                                            color: rgb(255 255 255);
                                        }
                                        body.dark-mode .iICkcq {
                                            background-color: #212429;}
                                            body.dark-mode .bbZEoL {
                                                color: rgb(64 186 184);}
                                                body.dark-mode .jYgFGn:focus {
                                                    background-color: rgb(55 160 160 / 25%);
                                                }
                                                body.dark-mode .css-ths9cn {
                                                    font-weight: 400;
                                                    color: #fff;
                                                }
                                                body.dark-mode .PaApO {
                                                    background-color: rgb(247 248 250 / 9%);
                                                }
                                                body.light-mode .kjeHJI{
                                                    border-radius: 8px;
                                                    background-color: rgb(247, 248, 250);
                                                    border: 0px solid rgb(237, 238, 242);
                                                    color: rgb(51, 51, 51);
                                                }
                                                body.dark-mode .cPENEL {
                                                }
                                                body.light-mode .hXfCPY {
                                                    background: radial-gradient(91.85% 100% at 1.84% 0%, rgb(251 253 254) 0%, rgb(220 233 251) 100%);
                                                }
                                                body .fJIOVm {
                                                    border: 1px solid rgb(44 50 62 / 9%);
                                                    color: rgb(53 156 156);}
                                                    body .fJIOVm:hover {
                                                        border: 1px solid rgb(53 156 156);
                                                    }
                                                    body .eIwWCo {
                                                        color: rgb(53 156 156);}
                                                        body.light-mode .cPENEL {
                                                            color: #000;
                                                        }
                                                        body.light-mode .dPzDwO {
                                                            background-color: rgb(44 50 62);}
                                                            body.light-mode .dPzDwO:hover {
                                                                background-color: rgb(44 50 62);}
                                                                body.light-mode .kpcjUq{
                                                            border: 1px solid rgb(44 50 62 / 20%);
                                                                color: #000;
                                                            }
                                                            body.light-mode .kpcjUq:hover , body.light-mode .kpcjUq:focus {
                                                                box-shadow: rgb(44 50 62 / 6%) 0px 0px 0px 1pt;
                                                                border: 1px solid rgb(44 50 62 / 20%);
                                                            }
                                                            body.dark-mode .hXfCPY {
                                                                background: radial-gradient(91.85% 100% at 1.84% 0%, rgb(33 49 72) 0%, rgb(34 39 46) 100%);
                                                            }
                                                            body.dark-mode .cPENEL {
                                                                color: #000;
                                                            }
                                                            body.dark-mode .dPzDwO {
                                                                background-color: rgb(44 50 62);}
                                                                body.dark-mode .dPzDwO:hover {
                                                                    background-color: rgb(44 50 62);}
                                                                    body.dark-mode .kpcjUq{
                                                                border: 1px solid rgb(44 50 62 / 20%);
                                                                    color: #000;
                                                                }
                                                                body.dark-mode .kpcjUq:hover , body.dark-mode .kpcjUq:focus {
                                                                    box-shadow: rgb(44 50 62 / 6%) 0px 0px 0px 1pt;
                                                                    border: 1px solid rgb(44 50 62 / 20%);
                                                                }
                                                                .gioTQF {
                                                                    display: flex;
                                                                    flex-direction: column;
                                                                    -webkit-box-pack: center;
                                                                    justify-content: center;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    width: 100%;
                                                                }
                                                                .jKFzeR {
                                                                    padding-bottom: 10px;
                                                                }
                                                                .eLvDsF {
                                                                    display: grid;
                                                                    grid-template-columns: 210px 110px 160px 140px 200px 1fr;
                                                                    width: 100%;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    color:#fff;
                                                                }
                                                                .jKFzeR div {
                                                                    padding-bottom: 0px;
                                                                }
                                                                .eLvDsF {
                                                                    display: grid;
                                                                    grid-template-columns: 210px 110px 160px 140px 200px 1fr;
                                                                    width: 100%;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                }
                                                                .eLvDsF > div:first-of-type {
                                                                    margin-left: 15px;
                                                                }
                                                                .jKFzeR div {
                                                                    padding-bottom: 0px;
                                                                }
                                                                .eLvDsF > div {
                                                                    white-space: nowrap;
                                                                    text-overflow: ellipsis;
                                                                }
                                                                .erbIZC {
                                                                    cursor: pointer;
                                                                }
                                                                .gLOMpu {
                                                                    font-size: 18px;
                                                                    font-weight: 400;
                                                                    font-style: normal;
                                                                    text-align: left;
                                                                    margin-bottom: 18px;
                                                                    padding-top: 20px;
                                                                }
                                                                .lbqtCv {
                                                                    overflow-wrap: break-word;
                                                                    white-space: normal;
                                                                }
                                                                .dsVafB {
                                                                    border-bottom: 1px dotted white;
                                                                }
                                                                .lnCDNW {
                                                                    margin-left: 0.8rem;
                                                                    display: inline-block;
                                                                    transform: rotate(
                                                                0deg
                                                                );
                                                                    transition: transform 0.05s linear 0s;
                                                                    width: 7px;
                                                                    height: 7px;
                                                                    top: -2px;
                                                                    left: -4px;
                                                                    position: relative;
                                                                    border-left: 7px solid transparent;
                                                                    border-right: 7px solid transparent;
                                                                    border-top: 7px solid rgb(255, 255, 255);
                                                                }
                                                                .iiweOG {
                                                                    padding-bottom: 10px;
                                                                    width: 100%;
                                                                }
                                                                .accordion {
                                                                    overflow-anchor: none;
                                                                    padding-bottom: 80px;
                                                                }
                                                                .accordion > .card {
                                                                    overflow: hidden;
                                                                }
                                                                .card.vault, .card.vault.active {
                                                                    background-color: transparent;
                                                                }
                                                                .card.vault {
                                                                    border: 0px;
                                                                }
                                                                .jKFzeR div {
                                                                    padding-bottom: 0px;
                                                                }
                                                                .vault {
                                                                    position: relative;
                                                                    display: flex;
                                                                    flex-direction: column;
                                                                    min-width: 0px;
                                                                    overflow-wrap: break-word;
                                                                    background-clip: border-box;
                                                                    background-color: rgb(10, 29, 63);
                                                                    margin: 0px 0px 7px;
                                                                    border-radius: 7px;
                                                                    border-color: rgb(10, 29, 63);
                                                                    color: rgb(255, 255, 255);
                                                                    transition: background-color 0.1s ease-out 0s, border-color 0.15s ease-out 0s;
                                                                }
                                                                .card.vault .card-header, .card.vault .collapse, .card.vault .card-body {
                                                                    background-color: #2c323e57;
                                                                }
                                                                .eLvDsF {
                                                                    display: grid;
                                                                    grid-template-columns: 210px 215px 195px 200px 1fr;
                                                                    width: 100%;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                }
                                                                .eLvDsF > div:first-of-type {
                                                                    margin-left: 15px;
                                                                }
                                                                .eLvDsF > div {
                                                                    white-space: nowrap;
                                                                    text-overflow: ellipsis;
                                                                }
                                                                .eHnoZD {
                                                                    display: flex;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                }
                                                                .UBqSR {
                                                                    display: inline-grid;
                                                                    text-decoration: none;
                                                                    color: #fff;
                                                                }
                                                                .bVurwu {
                                                                    width: 32px;
                                                                    margin-right: 16px;
                                                                }
                                                                .eERcsP {
                                                                    overflow: hidden;
                                                                    max-width: 145px;
                                                                    padding-right: 10px;
                                                                    text-overflow: ellipsis;
                                                                }
                                                                .lbqtCv {
                                                                    overflow-wrap: break-word;
                                                                    white-space: normal;
                                                                }
                                                                .kZrUgR {
                                                                    font-size: 18px;
                                                                    font-weight: 700;
                                                                    font-style: normal;
                                                                    text-align: left;
                                                                }
                                                                .vault .card-header {
                                                                    padding: 0px;
                                                                    margin-bottom: 0px;
                                                                    display: flex;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    height: 64px;
                                                                    background-color: transparent;
                                                                }
                                                                .dXZAoT {
                                                                    cursor: pointer;
                                                                }
                                                                .lbqtCv {
                                                                    overflow-wrap: break-word;
                                                                    white-space: normal;
                                                                }
                                                                .iPYqaW {
                                                                    font-size: 16px;
                                                                    font-weight: 700;
                                                                    font-style: normal;
                                                                    text-align: left;
                                                                    margin-right: 16px;
                                                                }
                                                                .card.vault .collapse {
                                                                    margin-top: 2px;
                                                                }
                                                                .gDnJEb {
                                                                    display: flex;
                                                                    flex-direction: column;
                                                                    width: 100%;
                                                                    padding: 0px 0px 24px !important;
                                                                }
                                                                .CeYKv {
                                                                    display: flex;
                                                                    width: 100%;
                                                                }
                                                                .idLMZR {
                                                                    display: flex;
                                                                    flex-direction: row;
                                                                    width: 100%;
                                                                }
                                                                .cXvHuk {
                                                                    display: flex;
                                                                    flex-direction: row;
                                                                }
                                                                .dYOCqR {
                                                                    margin-left: 12px;
                                                                }
                                                                .dsqQru {
                                                                    display: flex;
                                                                    flex-direction: column;
                                                                }
                                                                .Gfbjh {
                                                                    display: flex;
                                                                    flex-direction: row;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    width: 100%;
                                                                }
                                                                .egZWMI {
                                                                    position: relative;
                                                                    display: flex;
                                                                    flex-direction: column;
                                                                    -webkit-box-pack: center;
                                                                    justify-content: center;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    margin-right: 12px;
                                                                    width: 185px;
                                                                    min-width: 185px;
                                                                }
                                                                .bUmPjh {
                                                                    width: 100%;
                                                                }
                                                                .jueSIz {
                                                                    position: relative;
                                                                    height: 100%;
                                                                }
                                                                .css-2b097c-container {
                                                                    position: relative;
                                                                    box-sizing: border-box;
                                                                }
                                                                .css-7pg0cj-a11yText {
                                                                    z-index: 9999;
                                                                    border: 0px;
                                                                    clip: rect(1px, 1px, 1px, 1px);
                                                                    height: 1px;
                                                                    width: 1px;
                                                                    position: absolute;
                                                                    overflow: hidden;
                                                                    padding: 0px;
                                                                    white-space: nowrap;
                                                                }
                                                                .css-2pntbb-control {
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    background-color: rgb(255, 255, 255);
                                                                    border-color: rgb(204, 204, 204);
                                                                    border-radius: 4px;
                                                                    border-style: solid;
                                                                    border-width: 1px;
                                                                    cursor: default;
                                                                    display: flex;
                                                                    flex-wrap: wrap;
                                                                    -webkit-box-pack: justify;
                                                                    justify-content: space-between;
                                                                    min-height: 46px;
                                                                    position: relative;
                                                                    transition: all 100ms ease 0s;
                                                                    box-sizing: border-box;
                                                                    color: black;
                                                                    height: 46px;
                                                                    outline: 0px !important;
                                                                }
                                                                .css-1hwfws3 {
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    display: flex;
                                                                    flex: 1 1 0%;
                                                                    flex-wrap: wrap;
                                                                    padding: 2px 8px;
                                                                    position: relative;
                                                                    overflow: hidden;
                                                                    box-sizing: border-box;
                                                                }
                                                                .kwxcgg {
                                                                    display: flex;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                }
                                                                .fWXhgj {
                                                                    height: 16px;
                                                                    width: 16px;
                                                                    margin-right: 8px;
                                                                }
                                                                .css-62g3xt-dummyInput {
                                                                    background: 0px center;
                                                                    border: 0px;
                                                                    font-size: inherit;
                                                                    outline: 0px;
                                                                    padding: 0px;
                                                                    width: 1px;
                                                                    color: transparent;
                                                                    left: -100px;
                                                                    opacity: 0;
                                                                    position: relative;
                                                                    transform: scale(0);
                                                                }
                                                                .css-1okebmr-indicatorSeparator {
                                                                    align-self: stretch;
                                                                    background-color: rgb(204, 204, 204);
                                                                    margin-bottom: 8px;
                                                                    margin-top: 8px;
                                                                    width: 1px;
                                                                    box-sizing: border-box;
                                                                }
                                                                .css-r1z3uu-indicatorContainer {
                                                                    color: rgb(204, 204, 204);
                                                                    display: flex;
                                                                    padding: 0px 8px 8px;
                                                                    transition: color 150ms ease 0s;
                                                                    box-sizing: border-box;
                                                                }
                                                                .css-8mmkcg {
                                                                    display: inline-block;
                                                                    fill: currentcolor;
                                                                    line-height: 1;
                                                                    stroke: currentcolor;
                                                                    stroke-width: 0;
                                                                }
                                                                .jzcDkK {
                                                                    display: flex;
                                                                    -webkit-box-pack: start;
                                                                    justify-content: start;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                }
                                                                .eVBFtt {
                                                                    width: 185px;
                                                                    position: relative;
                                                                }
                                                                .eGxykm {
                                                                    width: 100%;
                                                                }
                                                                .dUvMaW {
                                                                    height: 46px;
                                                                    outline: none;
                                                                    background: rgb(255, 255, 255);
                                                                    border-radius: 5px;
                                                                    font-style: normal;
                                                                    font-weight: 500;
                                                                    font-size: 16px;
                                                                    line-height: 16px;
                                                                    letter-spacing: 0.529412px;
                                                                    color: rgb(17, 17, 17);
                                                                    padding: 0px 40% 0px 13px;
                                                                    width: 100%;
                                                                    box-sizing: border-box;
                                                                    border: 0px;
                                                                }
                                                                .gQNAhH {
                                                                    position: absolute;
                                                                    right: 13px;
                                                                    height: 46px;
                                                                    display: flex;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    top: 0px;
                                                                }
                                                                .eBYZMV {
                                                                    cursor: pointer;
                                                                    display: flex;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    color: initial;
                                                                    position: relative;
                                                                    top: -2px;
                                                                }
                                                                .ilFrfF {
                                                                    width: 130px;
                                                                    margin-left: 12px;
                                                                }
                                                                .MuiButtonBase-root.Mui-disabled {
                                                                    cursor: default;
                                                                    pointer-events: none;
                                                                }
                                                                .MuiButton-containedPrimary {
                                                                    color: #fff;
                                                                    background-color: #3f51b5;
                                                                }
                                                                .MuiButton-root {
                                                                    color: rgba(0, 0, 0, 0.87);
                                                                    padding: 6px 16px;
                                                                    font-size: 0.875rem;
                                                                    min-width: 64px;
                                                                    box-sizing: border-box;
                                                                    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                                                                    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
                                                                    font-weight: 500;
                                                                    line-height: 1.75;
                                                                    border-radius: 4px;
                                                                    letter-spacing: 0.02857em;
                                                                    text-transform: uppercase;
                                                                }
                                                                .jss2799 {
                                                                    color: #fff;
                                                                    width: 100%;
                                                                    border: inherit;
                                                                    height: 46px;
                                                                    margin: 10px 0px;
                                                                    padding: 0 20px;
                                                                    direction: ltr;
                                                                    font-size: 16px;
                                                                    text-align: center;
                                                                    font-weight: bold;
                                                                    border-radius: 5px;
                                                                    text-transform: capitalize;
                                                                    justify-content: center;
                                                                    background-color: #006AE3;
                                                                }
                                                                .MuiButton-root.Mui-disabled {
                                                                    color: rgba(0, 0, 0, 0.26);
                                                                }
                                                                .MuiButton-contained.Mui-disabled {
                                                                    color: rgba(0, 0, 0, 0.26);
                                                                    box-shadow: none;
                                                                    background-color: rgba(0, 0, 0, 0.12);
                                                                }
                                                                .jss2799.Mui-disabled {
                                                                    color: #fff;
                                                                    cursor: not-allowed;
                                                                    opacity: 0.5;
                                                                    pointer-events: auto;
                                                                    background-color: #006AE3;
                                                                    padding: 8px 0;
                                                                }
                                                                .MuiButton-label {
                                                                    width: 100%;
                                                                    display: inherit;
                                                                    align-items: inherit;
                                                                    justify-content: inherit;
                                                                }
                                                                .MuiButton-label {
                                                                    text-overflow: ellipsis;
                                                                    overflow: hidden;
                                                                    white-space: nowrap;
                                                                    display: block !important;
                                                                }
                                                                .kgdbJf {
                                                                    width: 130px;
                                                                }
                                                                .KssDU {
                                                                    display: flex;
                                                                    flex-direction: column;
                                                                    -webkit-box-pack: center;
                                                                    justify-content: center;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    margin-right: 12px;
                                                                    width: 185px;
                                                                    min-width: 150px;
                                                                }
                                                                .card.vault .action-button.outline {
                                                                    border-width: 2px;
                                                                    background-color: transparent;
                                                                    color: rgb(255, 255, 255);
                                                                    border: 1px solid rgb(67 196 193);
                                                                }
                                                                .action-button.bold.outline.Mui-disabled {
                                                                    color: #fff;
                                                                    cursor: not-allowed;
                                                                    opacity: 0.5;
                                                                    pointer-events: auto;
                                                                    background-color: #006AE3;
                                                                }
                                                                .card.vault .action-button {
                                                                    display: flex;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    -webkit-box-pack: center;
                                                                    justify-content: center;
                                                                    padding-top: 0px;
                                                                    padding-bottom: 0px;
                                                                    letter-spacing: 0.88px;
                                                                    font-weight: 500;
                                                                }
                                                                .card.vault .action-button.bold {
                                                                    font-weight: 700;
                                                                }
                                                                .MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.Mui-disabled.Mui-disabled {
                                                                    color: #fff;
                                                                    cursor: not-allowed;
                                                                    opacity: 1;
                                                                    pointer-events: auto;
                                                                    background-color: #006AE3;
                                                                    background: linear-gradient(to right, #246a6f, #47d0cc);
                                                                    padding: 8px 0;
                                                                    color: #fff;
                                                                    width: 100%;
                                                                    font-size: 16px;
                                                                    text-align: center;
                                                                    font-weight: bold;
                                                                    border-radius: 5px;
                                                                    text-transform: capitalize;
                                                                    justify-content: center;
                                                                    margin: 10px 0px;
                                                                }
                                                                .action-button.bold.outline  {
                                                                    color: #fff;
                                                                    width: 100%;
                                                                    border: inherit;
                                                                    height: 46px;
                                                                    margin: 10px 0px;
                                                                    padding: 0 20px;
                                                                    direction: ltr;
                                                                    font-size: 16px;
                                                                    text-align: center;
                                                                    font-weight: bold;
                                                                    border-radius: 5px;
                                                                    text-transform: capitalize;
                                                                    justify-content: center;
                                                                    background: #006ae30a !important;
                                                                    background-color: #006ae30a !important;
                                                                }
                                                                .eBYZMV {
                                                                    cursor: pointer;
                                                                    display: flex;
                                                                    -webkit-box-align: center;
                                                                    align-items: center;
                                                                    color: initial;
                                                                    position: relative;
                                                                    top: -2px;
                                                                }
                                                                .hide-true{display: none;}

                                                                .card-header[aria-expanded="true"] .hide-true{display: block;}
                                                                .card-header[aria-expanded="true"] .show-true{display: none;}

                                                                .vault .card-header[aria-expanded="false"] .show-true{display: block;}
                                                                body.light-mode .eLvDsF {
                                                                    color: #333;
                                                                }
                                                                body.light-mode .lnCDNW {
                                                                    border-top: 7px solid rgb(31, 31, 31);
                                                                }
                                                                body.light-mode .dsVafB {
                                                                    border-bottom: 1px dotted rgb(31, 31, 31);
                                                                }
                                                                body.light-mode .card.vault .card-header, body.light-mode .card.vault .collapse, body.light-mode .card.vault .card-body {
                                                                    background-color: rgba(255, 255, 255, 0.4);
                                                                }
                                                                body.light-mode .UBqSR {
                                                                    color: #333;
                                                                }
                                                                body.light-mode .card.vault {
                                                                    color: #3caead;}
                                                                body.light-mode .dUvMaW {
                                                                        background: rgb(237 238 242);}
                                                                        body.light-mode .action-button.bold.outline.Mui-disabled {
                                                                            color: #333 !important;}
                                                                            a {
                                                                                color: #39a6a6;}