/* Helper */
.theme-btn{
    background-color: #fcc319;
    padding: 8px 12px;
    color: #201603;
}
.theme-btn:hover,.theme-btn:focus,.theme-btn:active{
    background-color: #0f2454;
    border: 1px solid #edb41c;
    color: #ffffff;
}
.mb-3{
    margin-bottom: 20px !important;
}
.w-4{
    width: 80px !important;
}
a {
	color: #0f2454;
	text-decoration: none;
	background-color: transparent;
}
@media screen and (max-width: 767px) {
    .container .container-fluid{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.map-icon-input{
    height: 22px;
    position: absolute;
    right: 8px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.map-input-box{
    position: relative;
}
.map-input-box input {
    padding-right: 32px;
}
/* Base */
.card {
    /* box-shadow: 0px 5px 9.9px 4px #00000040; */
    border: none;
}
.logo-box .logo{
    color: #1f1602;
    font-weight: 500;
    font-size: 16px;
}
.card-title {
    color: #1f1602;
    font-weight: 500;
    font-size: 16px;
}
.card-description{
    color: #757575;
    font-weight: 400;
    font-size: 13px;
}
.form-button .ibtn {
    color: #212121;
    box-shadow: none;
    background: #0f2454;
    width: 100%;
    padding: 10px;
}
/* Header */

.navbar-custom {
    background-color: #01091b;
    width: 100%;
}

.navbar-custom .topnav-menu .nav-link {
    color: #ffffff;
    text-transform: capitalize;
}
header.fixed-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}
header.fixed-header .navbar-custom {
    background-color: transparent;
    width: 100%;
}
/* Profile Tab */
ul.nav.nav-tabs.tabs-bordered{
    margin-bottom: 2.5rem;
}
.nav>li {
    padding: 0px 4px !important;
}
.tabs-bordered li a{
    border-bottom: 1px solid #e5e5e6 !important;
    background: transparent !important;
    color: #757575 !important;
    border-radius: 8px 8px 0 0;
}
.tabs-bordered li a.active {
    border-bottom: 2px solid #F4C430 !important;
    color: #000000 !important;
    
}

/* Form inputs */
.wizard-border .form-control[disabled] {
  background-color: #e9ecef !important; /* light grey */
  color: #6c757d; /* muted text */
  cursor: not-allowed;
}
.form-group label {
    color: #63615d !important;
}
.form-control{
border: solid 1px #6c757d;
    box-shadow: none;
    height: 42px;
    background: #ffffff1a;
    border-radius: 5px;
    outline: none !important;
}
.form-control:focus {
    border-color: #fcc82b;
}
input[type=checkbox].form-control, input[type=radio].form-control {
    height: auto;
}
.checkbox-title{
    color: #1f1602;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 20px;
}
.checkform input[type="checkbox"]{display: none;}
.checkform input[type="checkbox"]+label{
    color: #1f1602;
    padding-left: 25px;
    font-size: 15px;
}
.checkform input[type="checkbox"]+label:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: 1.5px solid #F4C430;
    position: absolute;
    left: 0;
    top: 2px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
    border-radius: 0.2rem;
}
.checkform input[type="checkbox"]:checked+label:before {
    content: '';
    display: block;
    width: 9px;
    height: 16px;
    border: 2px solid #F4C430;
    position: absolute;
    left: 7px;
    top: 1px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
}
.form-group.inline-flex {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    padding-left: 25px;
}
.form-group.inline-flex label{
    margin: 0;
}

.checkform-box input[type="checkbox"]{display: none;}
.checkform-box input[type="checkbox"]+label{
    color: #01091b !important;
    padding-left: 25px;
    font-size: 13.5px;
    font-weight: 400;
}
.checkform-box input[type="checkbox"]+label:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: 1.5px solid #b5b5b5;
    position: absolute;
    left: 0;
    top: 2px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
    border-radius: 0.2rem;
}
.checkform-box input[type="checkbox"]:checked+label:before {
    content: '';
    display: block;
    width: 9px;
    height: 16px;
    border: 2px solid #000000;
    position: absolute;
    left: 7px;
    top: 1px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
}

/* Business KYC */
.business_kyc {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}
ul.business_kyc li {
    padding: 24px 16px;
    text-align: center;
    width: calc(33.33% - 12px);
    background: #ffffff;
    border-radius: 8px;
}
@media screen and (max-width: 767px) {
    ul.business_kyc li {
        width: calc(50% - 8px);
    }
    
}
ul.business_kyc li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
ul.business_kyc li a > img {
    height: 40px;
    margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
    
    ul.business_kyc li a > img {
        height: 28px;
        margin-bottom: 8px;
    }
}
ul.business_kyc li a h5 {
    font-weight: 400;
    font-size: 14px;
    color: #1f1602;
    margin: 0;
}
ul.business_kyc li a h6 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #1f1602;
    margin: 0;
    font-weight: 300;
    font-size: 13px;
}

ul.business_kyc li a h6 img{
    height: 10px;
}


a.earning-btn {
    border: 1px dotted #A1A4A9;
    color: #757575;
    padding: 12px;
    display: block;
    margin: 16px 5px;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
}

.manage-document-box {
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
}

.manage-btn{
    width: fit-content;
    font-size: 13px;
}

.manage-document{
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.manage-document-box{
    width: 100%;
}
.manage-document-content h5{
    color: #1f1602;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 8px;
}
.manage-document-content p{
    font-size: 12px;
    color: #757575;
    font-weight: 400;
    max-width: 430px;
}
@media screen and (min-width: 1023px) {
    .tab-show,
    .desktop-hide{
        display: none;
    }  
    .desktop-show{
        display: flex;
    }  
}
@media screen and (max-width: 1024px) {
    .tab-show{
        display: flex;
    }  
    .desktop-show,
    .tab-hide{
        display: none;
    } 
}

.required-box {
    background: #22C73B1F;
    padding: 20px;
    border-radius: 12px;
    margin: 30px 0 20px;
}
.required-box h6{
    color: #22C73B;
    font-weight: 600;
    margin-bottom: 20px;
}
ul.required-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

ul.required-list li span{
    color: #757575;
}

.not-required-box {
    background: #C52D2F29;
    padding: 20px;
    border-radius: 12px;
    margin: 30px 0 20px;
}
.not-required-box h6{
    color:#C52D2F;
    margin-bottom: 20px;
    font-weight: 600;
}
ul.not-required-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

ul.not-required-list li span{
    color: #757575;
}

/* ----------------  Wallet page  -------------------- */
.chain-list{
    display: flex;
    gap: 12px;
    flex-direction: column;
}
.chain-card {
    background: #0f2454;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
}
.chain-card h5 {
    color: #d4dae7;
    font-size: 16px;
    font-weight: 500;
}
.chain-card h6 {
    cursor: pointer;
    background: #F4C430;
    padding: 5px 14px;
    border-radius: 50px;
    color: #000000;
    font-weight: 500;
    font-size: 12px;
}
.chain-card svg{
    height: 40px;
}
h5,h6{
    margin: 0;
    color: #1f1602;
    font-weight: 400;
}
h6{
    font-weight: 600;
}

.wallet-steps{
    position: relative;
}
.wallet-steps h5{
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: 0.1px;
    color: #01091b;
}
.step-box {
    display: flex;
    gap: 12px;
    flex-direction: column;
    /* border-bottom: 1px solid #757575; */
}

.step-box .step-info {
    display: flex;
    gap: 12px;
    padding: 20px 12px;
   
}

.step-box .step-info .step-count {
    color: #fff;
    background: #F4C430;
    display: flex;
    align-self: flex-start;
    min-width: 28px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.step-box .qr-custom-class-wrapper{
margin: 0 auto;
}

.step-box .copy-address-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #757575;
    justify-content: start;
    width: fit-content;
    padding: 0;
    border-radius: 6px;
}

.step-box .copy-address-wrapper span.label {
    padding: 10px;
    border-right: 1px solid #757575;

    padding: 10px;
    border-right: 1px solid #757575;
    color: #757575;
    font-weight: 400;
    font-size: 100%;
    border-radius: 0;
}

.step-box .copy-address-wrapper .cursor{
    padding: 10px;
    border-left: 1px solid #757575; 
}

.step-title{
    margin: 0;
    color: #1f1602;
    font-weight: 400;
}
.step-box .custom-table-style tr{
    height: auto !important;
}
.step-box .custom-table-style tr td{
    text-align: left !important;
}
.step-box .custom-table-style tr th{
    color: #ffffff;
    text-align: left !important;
}
/* Wallet page  Swap style */

.swap-box {
    padding: 20px;
    background: #0f2454;
    border-radius: 10px;
}
.swap-box .title{
    color: #ffffff;

}
.swap-box .coin-box {
    background: #ffffff24;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
}
.swap-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    gap: 16px;
}
.coin-box .footerbx,
.coin-box .headerbx {
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.coin-box .headerbx h4 {
    font-size: 20px;
    color: #F4C430;
}
.coin-box .headerbx input {
    font-size: 20px;
    width: 6rem;
    border: none !important;
    font-weight: 500;
    color: #ffffff !important;
    text-align: right;
    padding: 0 !important;
    border-bottom: 2px solid #ffc008 !important;
    background: transparent;
}

.coin-box .footerbx{
    margin-top: 20px;
}
.coin-box .footerbx h6 {
    font-weight: 400;
    color: #ffffff;
}
.coin-box .footerbx h6 b{
    font-weight: 600;
}

.select-bx {
    display: flex;
    align-items: center;
    background: #F4C430;
    padding: 6px;
    border-radius: 10px;
}
.select-bx select {
    outline: 0 !important;
    background: transparent;
    border: none !important;
    color: #fff;
}
.select-bx  select.coin-select {
    background: transparent;
    border: none;
    color: #fff;
    font-weight: 500;
    outline: 0 !important;
    box-shadow: none !important;
}
.swap-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    margin: 0 auto;
}
.swap-icon svg {
    height: 40px;
}
.final-amount {
    font-size: 12px;
    color: #fcc319;
    padding: 10px;
    text-align: right;
    font-weight: 400;
}

/* ------------------ Dashboard page --------------------- */

.card-box.dashboard-card{
    background: #ffffff;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 24px 24px 0px #0000000F;
}
.card-box.dashboard-card svg {
    height: 2rem;
    margin-bottom: 0.2rem;
}
.card-box.dashboard-card h2{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 500;
    color: #1f1602;
    font-size: 24px;
    flex-direction: column;
    margin-bottom: 0;
}
.card-box.dashboard-card h2 span.count {
    color: #01091b;
    font-size: 36px;
    font-weight: 200;
}
.card-box.dashboard-card h2 i{
    font-size: 3rem;
    margin-bottom: 12px;
    color: #ffc109;
}
.card-box.dashboard-card p {
    font-size: 15px !important;
    font-weight: 300;
    color: #01091b !important;
}
.card-box.dashboard-card p.text-muted {
    color: #8f8f8f !important;
}
.widget-inline{
    margin-bottom: 30px;
}
ul.dashboard-btn-list {
    position: relative;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0;
    margin: 0;
}
ul.dashboard-btn-list li{
    background: #bdbdbd1a;
    width: calc(50% - 1rem);
    padding: 0;
    text-align: center;
    border-radius: 8px;
}
ul.dashboard-btn-list li a{
    color: #1f1602;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #ffffff;
}
ul.dashboard-btn-list li a .icon {
    padding: 0.5rem;
    background: #F4C430;
    height: 3.5rem;
    width: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.dashboard-btn-list li a .icon svg {
    height: 1.6rem;
}
ul.dashboard-btn-list li a .text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 4rem);
    padding: 0.5rem;
    text-align: left;
        
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    ul.dashboard-btn-list li{
        width: 100%;
    }
}

.wizard-border .form-control {
    /* border: 0px solid #8a99af;
    border-radius: 6px;
    background: #F4C4301A !important; */
    border: 1px solid #cfcfcf !important;
    border-radius: 6px;
    background: #F4C43000 !important;
    font-size: 15px;
    height: 40px;
}
.wizard-border .form-group label {
    color: #63615d !important;
    font-size: 13px;
    font-weight: 500;
}
.wizard-border .form-group .hint{
    font-size: 13px;
    color: #757575;
    font-weight: 400;
    margin-top: 1.5rem;
}

.radio-box {
    /* border: 0px solid #8a99af;
    border-radius: 6px;
    background: #F4C4301A !important; */
    border: 1px solid #cfcfcf !important;
    border-radius: 6px;
    background: #F4C43000 !important;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 4px 10px;
    gap: 10px;
}
.radio-box .form-control {
    height: 14px;
    width: 14px;
}

/* Header */


.menu-btn {
    font-size: 24px;
    background: none;
    border: none;
    color: white !important;
    cursor: pointer;
    display: none; /* Hidden by default */
}
.wallet-btn {
        background: #ffc10e21;
    border: 2px solid #ffc008;
    font-size: 12px;
    border-radius: 12px;
    padding: 0.4rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
@media screen and (max-width: 1199px) {
    .wallet-btn {
        width: 94%;
        border-radius: 0.5rem;
        border: 1px solid #ffc008;
        margin-top: 1rem;
    } 
}
.wallet-btn .theme-btn {
    background: transparent;
    padding: 0;
    color: #ebb31d;
    outline: 0 !important;
    border: none !important;
    font-size: 13px !important;
}
@media screen and (max-width: 1199px) {
    .wallet-btn .theme-btn {
        width: 94%;
        border-radius: 0.5rem;
        border: 1px solid #ebb31d;
        font-size: 14px !important;
    } 
}
.nav>li {
    padding: 0px 4px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-custom .nav li a.green-border-btn,
.navbar-custom .nav li a.green-border-btn:hover,
.navbar-custom .nav li a.green-border-btn:focus,
.navbar-custom .nav li a.green-border-btn:active{
    background: #0f245433;
    border: 2px solid #fcc724 !important;
    font-size: 14px;
    border-radius: 12px;
    padding: 0.4rem 1.2rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #fcc724 !important;
    text-transform: capitalize;
    font-weight: 500;
}
/* Show menu button and hide the nav on smaller screens */
@media (max-width: 1199px) {
    .menu-btn {
        display: block;
        color: #ffffff !important;
    }

    .toogle-menu-box{
        position: fixed;
        left: 0;
        top: 70px;
        bottom: 0;
        display: flex !important;
        flex-direction: column;
        background: #041b39;
        max-width: 24rem;
        width: 100%;
        transform: translateX(-100%);
        transition: 0.5s all ease;
        overflow: hidden;
    }
    .toogle-menu-box ul {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .navbar-custom .topnav-menu .nav-link {
        color: #ffffff;
        padding: 8px !important;
        font-size: 16px !important;
    }
    .navbar-custom .topnav-menu .nav-link span{
        color: #ffffff;
        font-size: 16px !important;
    }
    .toogle-menu-box.active{
        transform: translateX(0);
    }
    button.menu-btn.cancel-btn {
        color: #fff;
        margin-right: 0;
        margin-left: auto;
    }
    button.menu-btn.cancel-btn i{
        font-size: 20px !important;
    }
}


/* Data table */
table th {
   background: #0f2454;

    white-space: nowrap;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
}
table td a{
    color: #1f1602;
    cursor: pointer;
}
.page-item.disabled .page-link {
    color: #757575;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #757575;
}
/* Landing page */

.langing-page{
    background-image: url("../../../asset/images/landingBg.webp");
    background-position: center left;
    background-size: cover;
    background-attachment: fixed;
}

.property-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 110rem;
    gap: 1rem;
    margin: 0 auto 3rem;
}

.property-list .property-item {
display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    align-items: center;
}

.property-list .property-item .property-card {
    padding: 1.8rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0px 14px 10px 4px #0000001A;
    max-width: 30rem;
    width: 100%;
}
.property-card .title {
    color: #164D97;
    font-size: 18px;
    font-weight: 700;
}


.property-list .property-item .property-card .property-progress .pro-progress-block {
    height: 10px;
    background-color: #78788029;
    margin: 20px 0px 15px;
    border-radius: 30px;
    position: relative;
}

.property-list .property-item .property-card .property-progress .progress-value {
    background-color: #2f7dc1; /*#6ba1ff*/
    border-radius: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 10px;
    text-align: right;
}

.property-list .property-item .property-card .property-progress .progress-txt {
    display: inline-block;
    color: #2f7dc1;
    padding: 10px 0px;
    margin-top: -10px !important;
    font-weight: 800;
}
.property-list .property-item .property-card .property-progress .progress-txt b {
    color: #0f2454;
    margin-right: 15px;
}
.property-list .property-item .property-card .property-progress .progress-label {
    width: 45px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    background: #000102;
    box-shadow: 0 5px 5px rgba(0,0,0,0.4);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: -17px;
}

.property-list .property-item .property-card .progress-label:after {
    content: "";
    border-top: 7px solid #000102;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    bottom: -7px;
    left: 35%;
}
.property-list .property-item .property-card ul.asset-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
}
.property-list .property-item .property-card ul.asset-list li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #DEDADA;
    padding: 0 0 0.8rem;
}
.property-list .property-item .property-card ul.asset-list li .key,
.property-list .property-item .property-card ul.asset-list li .value{
    width: 50%;
    text-align: left;
    font-weight: 500;
}
.property-list .property-item .property-card ul.asset-list li .key{
    color: #757575;
}
.property-list .property-item .property-card ul.asset-list li .value{
    color: #2f7dc1;
    
}
.viewmore-btn{
    border: 2px solid #F4C430;
    color: var(--Blue, #2f7dc1);
    background: #ffffff;
    padding: 0.6em 2.8rem;
    border-radius: 50rem;
    font-weight: 600;

}
/* Invester UI layout updated */
.tab-content{
    padding: 0;
}
.dataTables_wrapper .btn-group {
    margin: unset;
}
.dataTables_wrapper>.dt-buttons {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 1rem;
}
@media screen and (max-width: 767px) {
    .dataTables_wrapper>.dt-buttons {
        align-items: flex-start;
        flex-direction: column-reverse;
       
    }
}
.dataTables_wrapper .dt-buttons.btn-group {
    display: flex;
    width: fit-content;
        background: transparent;
}
.dataTables_wrapper .dt-buttons.btn-group .btn{
    padding: 4px 8px !important;
    border-radius: unset !important;
}
@media screen and (max-width: 767px) {
    .dataTables_wrapper .dt-buttons.btn-group {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .dataTables_wrapper .btn-group .btn + .btn{
        margin-left: 0px;
    }
}
.dataTables_wrapper .dt-buttons.btn-group .btn-secondary {
    color: #757575 !important;
    background-color: transparent;
    border-color: #6c757d;
    border-style: dashed;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    margin-left: auto;
     float: left;
}
div.dataTables_wrapper .table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 2px solid #E3EBF6;
    color: #fff;
}
div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px;
}

div.dataTables_wrapper div.dataTables_length select{
    height: 33px;
    width: 60px;
}
div.dataTables_wrapper div.dataTables_filter input{
    height: 33px;
}


/* Sequrity page */

.qr-flex-box {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    width: 100%;
}

.twoFa-flex-box{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    width: 100%;
}
button.btn.theme-btn.twoFa-theme-btn {
    height: 42px;
    padding: 10px 40px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2px;
}
@media screen and (max-width: 1024px) {
    .qr-flex-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .twoFa-flex-box {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: flex-end;
        width: 100%;
    }
}

.input-group.cpyInput {
    border: 1px solid #757575;
    border-radius: 5px;
    margin-bottom: 15px;
    display: flex;
    max-width: 40rem;
}
.input-group.cpyInput .input-group-addon:last-child{
    border-left: 1px solid;
    background: #F4C430;
    color: #fff;
    border-radius: 0 5px 5px 0;
    display: flex;
    align-items: center;
    padding: 0.6rem 0.8rem;
    width: auto;
}
.input-group.cpyInput .input-group-addon:first-child {
    /* border-right: 1px solid; */
    background: transparent;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: center;
    padding: 0.6rem;
    color: #01091b;
    width: auto;
}
div#deposit_address {
    border-top: none;
    border-bottom: none;
    padding: 0.8rem 0.6rem;
    font-size: 14px;
    font-weight: 600;
}


.qrcode-container {
    margin: auto;
}
    .qrcode-container canvas {
    height: 120px;
    width: 120px;
   
}



/* Validator Dashboard */
section.login-section .form-content.dashboard *{
    font-family: "DM Sans", sans-serif !important;
}
section.login-section .form-content.dashboard {
    justify-content: flex-start;
    flex-direction: column;
    padding: 16px !important;
    
}
.dashboard .header{
    border-bottom: 1px solid #000000;
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.dashboard .body{
    width: 100%;
}
.dashboard .header h3{
    color: #2F2F2F;
    text-align: left;
}
.dashboard .header a{
    color: #1f1602;
    cursor: pointer;
}
.user-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
.user-block img {
    height: 50px;
    width: 50px;
}
.user-block .user-info h5 {
    color: #2F2F2F;
    font-size: 18px;
    font-weight: 500;
}
.user-info h6 {
    font-size: 13px;
    text-align: left;
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}
.user-info h6 svg{
    height: 16px;
}
/* validator accordian */
.validator-content-box {
    width: 100%;
}
.accordion-block .accordion-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    background: none;
    outline: none;
    color: #2F2F2F;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
button.accordion-btn.collapsed span.accor-icon {
    transform: rotate(180deg);
}
.collapse-box {
    background: #F2F2F2;
    border-radius: 12px;
}
.validator-table{
    margin: 0 !important;
}
.validator-table th,.validator-table td{
    padding: 6px;
    min-width: 6rem;
}
.validator-table th {
    background: transparent;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    border: none !important;
}

.validator-table td{
    border: none;
    color: #2F2F2F;
    font-size: 12px;
    white-space: nowrap;

}
.validator-table td .badge {
    font-size: 12px;
    border-radius: 5rem;
    padding: .5em .8em;
}

.property-info {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.property-info h6 {
    font-size: 13px;
    font-weight: 600;
    color: #2F2F2F;
    margin-bottom: 4px;
}
.property-info p {
    color: #2F2F2F;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
section.login-section .form-content.dashboard p strong {
    font-size: 13px;
    font-weight: 600;
    color: #2F2F2F;
    margin-bottom: 4px;
}
.property-info .listbox-flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    flex-wrap: wrap;
}
.property-info .listbox-flex ul{
    width: 50%;
    margin: 0;
    padding-left: 1rem;
}
.property-info .listbox-flex ul li a{
    color: #2F2F2F;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
}
@media screen and (max-width: 580px) {
    .property-info .listbox-flex {
        flex-direction: column;
    }
}

.property-approve-block {
    padding: 50px 0 20px;
}
.approve-box  p{
    color: #2F2F2F;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
}
.approve-box svg {
    height: 44px;
    width: 44px;
    margin-bottom: 16px;
}
.approve-box h5 {
    color: #2F2F2F;
    font-weight: 600;
    margin-bottom: 14px;
}



/* Property Detail page */
.nav>li>a {
    position: relative;
    display: block;
    padding: 1.5rem 1rem;
    color: #757575;
    font-weight: 400;
    letter-spacing: 0.25px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom: 3px solid #F4C430;
}

.tab-pane .content-box {
    position: relative;
}
.tab-pane .content-box .content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.tab-pane .content-box .content-header .title {
    color: #1f1602;
    font-size: 1.5rem;
    font-weight: 400;
}
.total-cost {
    color: #1E1E1E;
      font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0;

}
.total-cost span{
    color: #22C73B;
     font-size: 1.5rem;
    font-weight: 500;
}

.token-info .title {
    color: #1D1C3D;
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
}
.token-info  .flex-box {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
    .token-info  .flex-box {
        flex-direction: column;
    }
}
.property-img-box,
.property-info-box{
    position: relative;
}
.property-info-box h4{
    color: #01091b;
    font-size: 1.2rem;
    font-weight: 400;
}
.property-img-box img{
    width: 100%;
}

.property-info-box .coin-info {
    font-weight: 300;
    margin-bottom: 1rem;
    color: #1D1C3D;
    font-size: 1.4rem;
}
.property-info-box .coin-info .price {
    color: #22C73B;
    font-size: 1.4rem;
}
.percentage{
    color: #1f1602;
    font-size: 1.4rem;
}

.property-info-box .property-progress .progress-value {
    background-color: #1f1602;
    height: 6px;
}
.property-info-box .property-progress .pro-progress-block {
    height: 6px;
    background-color: #CCC9C9;
}
.invest-size {
    margin-top: 1.5rem;
    margin-bottom: 4rem;
    position: relative;
}

.invest-size .invest-percentage {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 1rem;
    align-items: center;
    /* justify-content: space-between; */
}
.invest-size .invest-percentage li {
    padding: 1rem;
    border: 2px solid #F4C430;
    background: #0f2454;
    color: #1f1602;
    border-radius: 1rem;
    font-weight: 600;
    cursor: pointer;
}
.invest-size .invest-percentage li.active{
    background: #F4C430;
    color: #0f2454;
}


.property-info-box ul.asset-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
}
.property-info-box ul.asset-list li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #DEDADA;
    padding: 0 0 0.8rem;
}
.property-info-box ul.asset-list li .key,
.property-info-box ul.asset-list li .value{
    width: 50%;
    text-align: left;
    font-weight: 500;
}
.property-info-box ul.asset-list li .key{
    color: #757575;
}
.invest-btn {
    margin: auto;
    display: table;
    border-radius: 50rem;
    padding: 0.8rem 3rem;
    font-weight: 500;
    letter-spacing: 0.25px;
}

/* Location Tab */
.location-address {
    padding: 1rem 0 1.5rem;
    border-bottom: 2px dashed #DEDADA;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    width: 100%;
    color: #757575;
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: 0.35px;
}

/*  broucher Tab*/
.broucher-info {
    padding: 1rem 0 1.5rem;
    border-bottom: 2px dashed #DEDADA;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
    width: 100%;
    color: #757575;
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: 0.35px;
}
.broucher-info p{
    margin: 0 !important;
}
.brochure-list{
    margin: 2rem 0 0;
    padding: 0;
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    list-style: none;
}
.brochure-list li .brochure-card{
    background-color: #F4C4301A;
    border: 1px solid #F4C430;
    padding: 1.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    box-shadow: 0px 16.61px 16.61px 0px #0000000F;
    border-radius: 0.6rem;
}
.brochure-list li .brochure-card i{
    color: #01091b;
    font-size: 5rem;
}
.brochure-list li .brochure-card  h6{
    color: #01091b;
}

.main-title{
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 400;
    color: #333;
}
.main-title span{
    font-size: 1.5rem;
    font-weight: 200;
    
}

ul.property-detail-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 1rem;
}
ul.property-detail-list li {
    display: flex;
    flex-direction: column;
    width: calc(25% - 1rem);
}
@media screen and (max-width: 1200px) {
    ul.property-detail-list li {
        width: calc(33.33% - 1rem);
    }
}
@media screen and (max-width: 991px) {
    ul.property-detail-list li {
        width: calc(50% - 1rem);
    }
}
@media screen and (max-width: 680px) {
    ul.property-detail-list li {
        width: calc(100%);
    }
}
ul.property-detail-list li .value {
    color: #01091b;
}

ul.property-detail-list li .key {
    color: #01091b;
    font-size: 1rem;
    font-weight: 500;
}
/* ul.property-detail-list li .value  .download-box, */
ul.property-detail-list li .value .download-box a {
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--Light-Blue, #F4C430);
    padding: 0.6rem 1rem;
    margin: 0.4rem 0;
    border-radius: 0.5rem;
    width: fit-content;
      color: #01091b;
    font-weight: 500;
}

ul.property-detail-list li .value .download-box h6 {
    color: #01091b;
    font-weight: 500;
}

.property-management-box{
    width: 50%;
}
@media screen and (max-width: 767px) {
    .property-management-box{
        width: 100%;
    }
}
.property-management-box .sub-title {
    font-size: 1.2rem;
    margin-bottom: 1.25rem;
    color: #01091b;
    font-weight: 500;
}

.property-management-box  .user-box {
    min-height: 80px;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 3rem;
    gap: 1rem;
}
.property-management-box  .user-box .avatar-circle {
    height: 5rem;
    width: 5rem;
    background: #D9D9D9;
    display: inline-flex;
    border-radius: 50rem;
}

/* Investment page in investor flow */

ul.investment-top-list {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    gap: 2rem;
    display: flex;
        flex-wrap: wrap;
        justify-content: center;
}
ul.investment-top-list li {
    width: calc(33.33% - 2rem);
}
@media screen and (max-width: 991px) {
ul.investment-top-list li {
    width: calc(50% - 2rem);
}
}
@media screen and (max-width: 767px) {
    ul.investment-top-list {
        flex-direction: column;
    }
    ul.investment-top-list li {
        width: 100%;
    }
}
ul.investment-top-list li .info-card {
    background: #0f2454;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.investment-top-list li .info-card.text-center {
    justify-content: center;
    text-align: center;
}
ul.investment-top-list li .info-card .title {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}
ul.investment-top-list li .info-card  .pill {
    background: #F4C430;
    padding: 5px 15px;
    color: #fff;
    font-weight: 400;
    border-radius: 10px;
}

.edit-btn{
    color: #1f1602;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
    outline: 0 !important;
}

/* investor style */
.chart-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 425px) {
   .chart-header{
    flex-direction: column;
    align-items: flex-start;
    } 
    .chart-header .theme-btn{
        margin-left: auto;
    }
}


/* Property create token page */

.flex-check{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.link-btn {
    background: transparent;
    border: none !important;
    color: #01091b;
    font-weight: 600;
}
.radio-flex-box{
    display: flex;
    align-items: center;
}
.radio-flex-box .radio-box {
    border: 0px solid #8a99af !important;
    border-radius: 6px;
    background: #F4C43000 !important;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 4px 10px;
    gap: 3px;
}

.aminities .form-group.checkform-box {
    display: inline-flex;
    min-width: 30%;
}
.upload-box {
    justify-content: space-between;
}
.upload-box .more-btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    padding: 0 10px;
    align-self: end;
}

/* Modal UI for RWA */
.rwa-modal .modal-content {
    border: 5px solid #0f2454;
    border-radius: 16px;
}

/* validator modal popup */
.calculate-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.calculate-box svg {
    height: 2rem;
        margin-bottom: 1rem;
}
.calculate-box h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}
.calculate-input {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 12rem;
    gap: 0.5rem;
}
.calculate-input .input-box {
    border: 2px solid #2727E4;
    border-radius: 50px;
    padding: 6px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #01091b;
    font-weight: 600;
}
.calculate-input .input-box.flex-box{
    display: flex;
    justify-content: space-between;
}
.calculate-input .input-box.filled {
    background: #2727E41A;
}

.convert-select-box {
    border: 2px solid #2727E4;
    background: #0f2454;
    padding: 12px 17px;
    margin-top: 20px;
    margin-bottom: 16px;
    width: 100%;
    max-width: 20rem;
    border-radius: 50rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.convert-select-box h5 {
    color: #01091b;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}

.convert-select-box .select-box select {
    background: #2727E4;
    color: #fff;
    outline: 0;
    border: none;
    padding: 2px 8px;
    border-radius: 30px;
}
.secondary-btn {
    background: #0f2454;
    color: #212121;
}

/* VAlidation process */

.validate-process {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.validate-process h5 {
    color: #01091b;
    font-size: 14px;
    padding: 8px 16px;
    border: 2px solid #2727E4;
    margin-bottom: 10px;
    border-radius: 6px;
}

ul.validator-list {
    margin: 0;
    padding: 0;
    list-style: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 26rem;
    gap: 0.5rem;
    margin-top: 30px;
}
ul.validator-list  .validator-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.validator-box .validator-ico-box svg {
    height: 18px;
}
.validator-box .validator-check-box {
    background: #F4C430;
    height: 52px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .validator-box .validator-check-box svg {
    margin: 0;
    padding: 0;
}
.validator-list .active .validator-box .validator-check-box svg {
    height: 14px;
}
ul.validator-list li.inactive .validator-box .validator-check-box {
    opacity: 0.5;
}


/* Tooltip */
.form-tooltip {
      position: relative;
      display: inline-block;
      cursor: pointer;
      opacity: 1;
    }
    .form-tooltip .tooltiptext {
      visibility: hidden;
      width: 140px;
      background-color: black;
      color: #ffffff;
      text-align: center;
      border-radius: 5px;
      padding: 5px;
      position: absolute;
      z-index: 1;
      bottom: 125%; /* Position above */
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      transition: opacity 0.3s;
    }
    .form-tooltip:hover .tooltiptext {
      visibility: visible;
      opacity: 1;
    }

.sec-title{
    color: #01091b;
    font-weight: 500;
}


/* --------------------------- Voting Page --------------------------- */

.voting-pg{
    position: relative;
}
.main-heading{
    font-size: 22px;
    margin-bottom: 14px;
    font-weight: 600;
    color: #1f1602;
}
.voting-pg hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #fff;
    border-top: 1px solid #00000033;
}
.voting-pg .info-bg{
    background-color: #F4C4301A;
    border: 1px solid #F4C430;
    text-align: center;
    padding: 15px;
    border-radius: 5rem;
}
.voting-pg .info-bg h6{
    color: #01091b;
}
.voting-pg .info-bg p {
    margin: 0;
    color: #01091b;
}
.sec-block{
    position: relative;
}
.sec-block .block-heading{
    color: #01091b;
    font-size: 22px;
    margin-bottom: 24px;
    font-weight: 500;
}
.sec-block  .block-sub-heading {
    font-size: 18px;
    margin-bottom: 24px;
    font-weight: 600;
}
.sec-block p{
    color: #5E5E5E;
}
.sec-block ul{
    padding-left: 20px;
}
.sec-block ul li{
margin-bottom: 4px;
}
.sec-block ul.list-style-none {
    list-style: none;
    padding-left: 0;
}
.sec-block ul.list-style-none li{
    margin-bottom: 8px;
}
.sec-block ul.gap-list li{
    margin-bottom: 16px;
}
.sec-block ul.list-style-alpha {
    list-style: lower-alpha;
}
.sec-block .list-style-number{
    list-style:decimal;
}

.blue-box {
    background: #bdbdbd1a;
    border: 1px solid #F4C430;
    border-radius: 20px;
    padding: 40px;
}
.blue-box.flex-box {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 16px;
}

.blue-box.flex-box .content-box h4 {
    color: #1f1602;
    font-weight: 500;
    font-size: 18px;
}
.blue-box.flex-box .content-box p {
    margin-bottom: 0;
}
.blue-box.flex-box .content-box{
    border-right: 1px solid #F4C430;
    padding: 20px;
}
.blue-box.flex-box .content-box:last-child{
    border: none;
}
@media screen and (max-width: 992px){
    .blue-box {
        padding: 16px;
    }
}
@media screen and (max-width: 767px) {
    .blue-box.flex-box {
        flex-direction: column;
    }
    .blue-box.flex-box .content-box{
    border-bottom: 1px solid #F4C430;
    border-right: none;
    padding: 20px;
}
}

.para-content h5 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}
.para-content p{
    margin: 30px 0;
}

.modal-header .close span{
    font-size: 22px;
}
 div#exampleModal .modal-content{
    max-width: 40rem;
    margin: auto !important;
}


/* Button */

.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    color: #fff !important;
    background-color: #00091b !important;
    border-color: #00091b !important;
}

.input-group.twoFaInput {
    display: flex;
    align-items: center;
    border: 1px solid #cfcfcf;
    border-radius: 7px;
}

.input-group.twoFaInput  .input-group-addon{
    padding: 0 10px;
}

.wizard-border .withdraw-instruction .form-control {
    border: 1px solid transparent !important;
    border-radius: 6px;
    background: #F4C43000 !important;
    font-size: 15px;
    height: 40px;
    border-left: 1px solid #cfcfcf !important;
}