@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800&display=swap');

@font-face {
font-family: 'Varsity Team';
src: url('../fonts/VarsityTeamBold.woff2') format('woff2'),
url('../fonts/VarsityTeamBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
body {-moz-transition: ease 0.1s;-o-transition: ease 0.1s;-webkit-transition: ease 0.1s;transition: ease 0.1s; color: var(--ancor-color);font-weight: 400;font-family: 'Barlow', sans-serif;font-size: 15px;overflow: initial;
background-image: url(../images/achtergrond.jpg);
/*background-position: top center;
background-repeat: no-repeat;
background-size: auto;
background-attachment: fixed;
padding-bottom: 100px;*/

background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 100px;
}
body:before {content: '';position: absolute;background-image: url(../images/kixx-animation-4.png);width: 100%; 
  background-repeat: no-repeat;top: 24%;bottom: 0;margin: auto;opacity: 0.2;left: 0;right: 0;background-position: center;}
 
  
.btn { display: inline-block;
line-height: 1;
background-color: #22FF90;

padding: 8px 15px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #471473;
box-shadow: 0px 0px 0px 5px #22ff90;
border-style: solid;
border: 1px solid #471473;
border-width: 3px 3px 3px 3px;
border-radius: 0px 0px 0px 0px;
text-align: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
letter-spacing: 1.2px;
font-family: 'Varsity Team';transform: skewY( 
-7.5deg
);}

.btn:focus, .btn:hover {
color: #22FF90;
background-color: #461473;
box-shadow: 0px 0px 0px 5px #461473;
border-style: solid;
border: 1px solid #22FF90;
border-width: 3px 3px 3px 3px;
border-radius: 0px 0px 0px 0px;
}  


a{text-decoration: none; color: var( --ancor-color);}
a:hover{text-decoration:none; color: var(--ancor-hover-color);} 
li{list-style: none;}

.form-control{font-weight: 500;}
.form-control:focus{box-shadow: none;}
.form-control :focus-visible {outline: none;}
.kyc-form-body .btn { display: inline-block;
font-size: 18px;   }



.btn:hover{color: #fff;}


.btn-org{background-color: var(--main-org);color: #fff;}
.btn-org:hover { background: transparent; color: var(--main-org);  border-color: var(--main-org);;}
.form-check-input,.form-check-label{display: none;}
.badge {display: inline-block;padding: 0.5em 0.85em;font-size: 12px; line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.475rem;}
.bg-inverse-primary {background: rgba(77, 138, 240, .2) !important;color: #4d8af0 !important;}
.bg-inverse-secondary {background: rgba(194, 198, 209, .2) !important;color: #c2c6d1 !important;}
.bg-inverse-success {background-color: #22FF90 !important;color: #471473 !important;}
.bg-inverse-purple {background: rgba(108, 97, 246, .2) !important;color: #6c61f6 !important;}
.bg-inverse-warning { background-color: #f39c12 !important;color: #fff !important;}
.bg-inverse-danger { background-color: #ff3e3e !important;color: #ffffff !important;}
.bg-inverse-light {background: rgba(223, 223, 223, .2) !important;color: #dfdfdf !important;}
.bg-inverse-dark {background: rgba(116, 118, 123, .2) !important;color: #74767b !important;}
.bg-inverse-white {background: rgba(255, 255, 255, .2) !important;color: #fff !important;}
.bg-inverse-info {background-color: rgba(2, 182, 179,0.12) !important;color: #1db9aa !important;}
.bg-inverse-default {background-color: rgba(40, 52, 71,0.12) !important;color: #283447 !important;}


:root {
--ancor-color:#fff;
--ancor-hover-color:#22FF90;
--body-color:     background-image: linear-gradient( 
180deg
, #000000 0%, #471473 100%);
--border-color: #511374;
--card-color:  #3a0c53;   
--main-org:#22FF90;
--head-color:#2e0b41;
--inner-border:#23fe90;

--color-fff: #000000;
--color-100: #212121;
--color-200: #262727;
--color-300: #616161;
--color-400: #757575;
--color-500: #8f8f8f;
--color-600: #BDBDBD;
--color-700: #E0E0E0;
--color-800: #EEEEEE;
--color-900: #F0F0F0;
--color-000: #FFFFFF;
--buy-color: #1f9358;
--sell-color: #e04d5c;
}


.nav-tabs { border-color: var(--border-color); border-bottom: 1px solid var(--border-color);
}
 

 
.nav-pills .nav-link {  text-align: center;border-radius: 0px;transition: 0.3s;    padding: 6px 10px;  border: 2px solid transparent;  }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color: transparent;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent; color: var(--main-org);  border-color: transparent;     border-bottom: 1px solid var(--main-org);}
ion-icon {pointer-events: none;}
/*marque css start*/
.green {color: var(--buy-color);}
.red{color: var(--sell-color);}
marquee a {padding-bottom: 0rem !important;font-size:12px;}
/*marque css end*/
/*custome scroll css start*/
::-webkit-scrollbar {width: 1px;height:2px;}
::-webkit-scrollbar-track {background: rgba(123, 129, 138, 0);}
::-webkit-scrollbar-thumb {background: #b0c2f3}
::-webkit-scrollbar-thumb:hover {background: rgba(123, 129, 138, 0.2);}
/*custome scroll css end*/
/*universal buy sell  css start */
.buybtn{background-color: var(--buy-color); color: #fff;    box-shadow: 0 0 10px 0 rgb(38 222 129 / 45%);}
.buybtn:hover{background-color: #22cb75;}
.buybtn-outline{ background-color: transparent; border-color: var(--buy-color); color: var(--buy-color); }
.buybtn-outline:hover{background-color: var(--buy-color); color: #fff;    box-shadow: 0 0 10px 0 rgb(38 222 129 / 45%);}
.sellbtn{background-color: var(--sell-color); color: #fff;       box-shadow: 0 0 12px 0 rgb(224 77 92 / 90%);}
.sellbtn-outline{background-color: transparent; border-color: var(--sell-color); color: var(--sell-color);}
.sellbtn-outline:hover{background-color: var(--sell-color); color: #fff;  box-shadow: 0 0 12px 0 rgb(224 77 92 / 90%);   }
.sellbtn:hover{background-color: #ff394d;}
/*universal buy sell  css end */
/*universal custome radio button  css start */
[type="radio"]:checked,  [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label,   [type="radio"]:not(:checked) + label{position: relative;padding-left: 25px;cursor: pointer;line-height: 20px;display: inline-block;font-weight: 500;       color: var(--color-900); }
[type="radio"]:checked + label:before,   [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 2px solid #23fe90;border-radius: 100%;    background: transparent;}
[type="radio"]:checked + label:after,   [type="radio"]:not(:checked) + label:after {content: '';width:12px;height: 12px;background:#23fe90;position:absolute;top: 3px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);
transform: scale(1);}
/*universal custome radio button  css end */
/*input placeholder color change css*/
.form-control::-webkit-input-placeholder {color: var(--color-200);  }  
.form-control:-ms-input-placeholder {color: var(--color-200);}  
.form-control::placeholder {color: var(--color-200);}
/*input placeholder color change css*/
/*input arrow remove css*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;} 
input[type=number] {-moz-appearance: textfield;}
/*input arrow remove css*/
/*header   css start*/
.logo {width: 70px;}
.logo img{width:100%;}
/*.header_top.fixed {    position: fixed;
top: 0;
z-index: 99;
height: 65px;
width: 100%;
margin: 0 auto;
left: 0;
right: 0;}*/
header{    padding: 10px 15px;
display: flex;
align-items: center; 
background-color: var(--card-color);
max-width: 1200px;
margin: 0 auto;}

section {
max-width: 1200px;
margin: 0 auto;
}
.header-center {display: flex;align-items: center;flex: 1;}
.header-center .main-menu{display: none !important;}
.header-right {display: flex;align-items: center;    position: relative;}
.main-menu {display: flex;align-items: center;flex: 1;margin-bottom: 0;}
.main-menu li {position: relative;white-space: nowrap;}
.main-menu li a {padding: 10px 15px;display: flex;align-items: center;text-transform: capitalize; font-weight: 700;}
.main-menu li ul.sub-menu{position: absolute;top: 110%;left: 0;background-color: var(--card-color);-webkit-box-shadow: 0 2px 29px rgb(0 0 0 / 5%);box-shadow: 0 2px 29px rgb(0 0 0 / 5%);padding: 10px 0;
border-radius: 5px;z-index: 99;border-top: 2px solid #22FF90;opacity: 0;visibility: hidden;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.main-menu  li:hover>.sub-menu {opacity: 1;visibility: visible;top: 100%;}
.main-menu  li   ul.sub-menu a{font-size: 14px;padding: 7px 15px; font-weight: normal;} 
.form-switch .form-check-input {width:2em;margin-left:-2.5em;background-image:url(../images/gray-circle.svg );
background-position: left center;border-radius: 2em;transition: background-position 0.15s ease-in-out;}
.form-check-input {width: 1em;height: 1em;margin-top: 0.25em;vertical-align: top;background-color: #fff;
background-repeat: no-repeat;background-position: center;background-size: contain;border: 1px solid rgba(0, 0, 0, 0.25);appearance: none;color-adjust: exact; cursor: pointer;}
.form-check-input:checked {background-color: var(--main-org);border-color: var(--main-org);}
.form-switch .form-check-input:checked {background-position: right center;background-image: url(../images/white-circle.svg) !important;}
.form-switch .form-check-input:focus {background-image: url(../images/blue-circle.svg);}
.form-check-input:focus {border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);}
.user-icon{width:25px; height:25px; border-radius: 80px; border: 0.1rem solid var( --border-color); display:flex; align-items: center; justify-content: center; background-color: #fff; font-size: 12px; color: #1c2951; }
.marquee {width: 100%;}
.avl-balance {text-align: right;position: absolute;bottom: -8px; right: 0;}
.avl-balance span{    font-size: 14px;}
.avl-balance a {padding: 0 !important;color: var(--main-org);    font-weight: 700;}
/*header css end*/


.card{  background-color: var(--card-color);box-shadow: 0 2px 6px -1px rgb(0 0 0 / 20%);}
.card-body   {padding: 0;}
.main-content { padding: 5px; padding-bottom: 80px;}

/*watchlist  css start*/
.md-accordion  a:not(.collapsed) .rotate-icon {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.accordian-head a:not(.collapsed){    color: var(--ancor-hover-color);}
.all-currency {overflow: hidden;overflow-y: scroll;display: block;position: relative; will-change: scroll-position;height: calc(75vh - 100px); padding-top: 0px;}
.aside-tab .nav-pills .nav-link{  padding: 6px 9px;}
.currency-item {display: flex;}
.all-currency ul li a {width:100%;display: flex;align-items: center;}
.all-currency ul li .favorite {margin-right: 8px;}
.all-currency ul li .favorite a{color: var(--main-org);}
.value {padding: 3px 4px;border-radius: 3px;color: #fff;font-size: 12px; margin-left: 5px;}
.all-currency ul li   {padding: 10px 10px;display: flex;align-items: center;margin-bottom: 0;background-color: var(--body-color);  border-radius: 0;    border-bottom: 0.1rem solid var( --border-color);} 
.all-currency ul li:hover {--bs-bg-opacity: 0.5; background:var(--bs-gradient);color: #1c2951;}
[data-theme="dark"] .all-currency ul li:hover {color: #fff;}
.up-value {--bs-bg-opacity: 0.5;background-color: var(--buy-color);}
.down-value { --bs-bg-opacity: 0.5;background-color: var(--sell-color) !important;}
.search-row {padding: 0px 0px; }
.search-icon {position: absolute;top: 10px;right: 15px;font-size: 17px;bottom: 0;}
.search-row .form-control {background-color: var(--body-color);border-color: var(--border-color);color: var(--color-000);border-bottom: none;     border-bottom: 0.1rem solid var( --border-color);}
.searchbar {position: relative;}
.currency-item {display: flex;flex-grow: 1;    align-items: center;}
.currency-info h4 {font-size: 15px;margin-bottom: 0;}
.currency-info h4 span {font-weight: normal;font-size: 12px;color: var(--color-600); }
.currency-p p{font-size: 12px; margin-bottom: 0;}
.currency-icon {margin-right: 7px;width: 25px;height: 25px;    display: flex;}
.currency-icon img {width:100%;}
/*watchlist  css end*/
/*trading chart  css start*/
.tradingview-widget-container{height: 100%; }
#tradingview_17f8f{height:100%;}
.c-W{width: 19%;max-width: 240px;}
.wd-50{width: 22%;max-width: 285px;}
.wd-55 {    width: 100%;}
.BuySell-head {
margin-bottom: 0;
background: #fff;
padding: 15px 15px;
background: var(--head-color);
border-bottom: 1px solid var(--inner-border);
border-radius: 10px 10px 0px 0px;
}
.BuySell-head h3 {
font-size: 22px;
color: #fff;
margin-bottom: 0;
}
.pre-sale {
margin-top: 5px;
}
.pre-sale a {
color: var(--main-org);font-size: 14px;}
.nav-pills.buysell-tab  .nav-link{    padding: 10px 10px;     font-size: 16px;      }
.nav-pills.buysell-tab .nav-link i {
  font-size: 18px;
  font-weight: bold;
  color: #1cf289;
}
.nav-pills.buysell-tab .nav-link.active i, .nav-pills.buysell-tab .show>.nav-link i{  color: #000;}
.nav-pills.buysell-tab .nav-link.active, .nav-pills.buysell-tab .show>.nav-link
{       background-color: #23fe90;
  color: #000;}

/*trading chart  css end*/

/*home wallet box css start*/
.wallet-header-top {--bs-bg-opacity: 0.5;background: var(--bs-gradient);padding: 10px 10px;display: flex;align-items: center;justify-content: space-between;} 
.wallet-header-top p {display: block;font-size: 15px;width: 100%;margin-bottom: 0;margin-top: 5px; }
.wallet-header-top h2 {margin-bottom: 0;font-size: 18px; font-weight: 400; }
.wallet-header-top h2  i{margin-right: 5px;}
.Deposit-withdraw .btn {flex: 1; }
.currency-value .btn {font-size: 12px;padding: 2px 15px;margin-left: 4px;box-shadow: none;     flex: 1;}
.wallet-body { overflow: hidden;overflow-y: scroll;  display: block;position: relative;will-change: scroll-position;height: calc(75vh - 100px);padding-top: 0px; margin-top: 10px;}
.wallet-body ul li {padding: 10px 10px;margin-bottom: 0;background-color: var(--body-color);border-radius: 0;border-bottom: 0.1rem solid var( --border-color);}
.watchlist-btn{display: flex; align-items: center;}
.wallet-body ul li .currency-item{align-items: center;}
.wallet-body ul li .currency-info{flex-grow: 1;}
.wallet-body ul li .currency-p p{font-size: 14px;font-weight: 500;}
.wallet-body ul li .currency-value{display: flex;justify-content: center;margin-top: 10px;}
/*home wallet box   css end*/


/*home but-sell- box css start*/


.buysell-tab   li{flex: 1;} 
.buysell-tab   li a{font-weight: 500;}    

.nav-pills .nav-link.green.active, .nav-pills .nav-link.green:hover{color: var(--buy-color);border-bottom: 2px solid var(--buy-color);} 
.nav-pills .nav-link.red.active, .nav-pills .nav-link.red:hover{color: var(--sell-color);border-bottom: 2px solid var(--sell-color);}
.custome-radio span { margin: 0 7px;}
.aside-tab .nav-pills .nav-link ion-icon{    vertical-align: middle;}
.custome-radio {text-align: center;margin-top: 10px;display: flex;justify-content: center;}
.buy-sell-form .form-control {font-size: 16px;height: 45px;    font-weight: 700; }
.buy-sell-form .select2-container .select2-choice{ font-weight: 700; }
.buy-sell-form .select2-container .select2-choice .select2-arrow{top:3px;}
.buy-sell-form  .auto-hight{overflow: hidden;overflow-y: scroll;position: relative; will-change: scroll-position;/*height: calc(58vh - 100px);*/ } 
.option {
  margin: 10px 0px;
}
.option h3 {font-size: 18px;color: var(--main-org); margin-bottom: 0;}
.pop-icon {text-align: center;width: 250px;margin: 25px auto;background: #fff;padding: 26px;
border-radius: 10px;}
.pop-icon img {width: 100%;}
.payment-row {padding: 15px;}
.payment-row .label-col label{color: #d83838; font-weight: bold;}
.payment-row .label-col label small{ font-weight: bold;}
.payment-row .label-col .form-control{font-size: 20px;font-weight: 600;}
.payment-row .btn{transform: inherit !important;     padding: 5px 10px !important;} 
.payment-row ul li {display: flex;border-bottom: 1px solid var(--inner-border);padding: 15px 15px;}
.payment-name {padding-right: 36px;}
.paymeny-image {width: 22%;display: flex;align-items: center;}
.paymeny-image img{width:100%;}

.payment-row ul {padding: 0; margin-bottom: 0;}
.payment-name h3 {font-size: 18px;}
.payment-name p{font-size: 14px;    margin-bottom: 0;}
.autoamount label {color: var(--color-700) !important;font-size: 20px;border-bottom: 1px solid var(--main-org);width: 100%;padding-bottom: 6px;}
.modal-content .close {   position: absolute;
top: 0;
opacity: 1;
color: #000;
background: #fff;
width: 26px;
height: 26px;
border-radius: 50px;
right: 0px;
z-index: 999;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;    padding: initial;
margin: initial;}
.modal .modal-content h4 {
font-size: 18px;
margin-bottom: 10%;
}
.qr-scanner .modal-content {background: var(--head-color);border: none;}

.qr-scanner .modal-content .modal-title {
color: #fff;text-align: center;
text-transform: capitalize;
margin-bottom: 25px;
font-weight: 400;
}
.qr-link .btn {
position: absolute;
top: 6px;
right: 5px;
transform: inherit !important;
padding: 5px 10px !important;
}

.qr-link {
position: relative;
}
.qr-link .form-control {
  font-size: 14px;
  height: 45px;
  padding-right: 125px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;

}
.buy-sell-form .form-group label { font-weight: bold; }

.footer-btn { padding: 10px 15px 10px 15px; text-align: center;}
.footer-btn  .btn{transform: inherit !important;}
.buy-sell-form {
padding: 25px 15px;
}
.buy-sell-form .footer-btn{margin-top: 15px;}

.pre-sale-massage {
  background-image: url(../images/achtergrond.jpeg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: inherit;
  position: relative;
  padding: 30px 15px;
  overflow: hidden;
}
.pre-sale-massage:before {
  content: '';
  position: absolute;
  background-image: linear-gradient( 28deg , #500c76 55%, #2c7b80 77%, #30ccab 87%);
  opacity: 0.9;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.pre-sale-massage .sale-head h2{font-size: 26px; text-align: center;}
.pre-sale-massage  .sale-head h2 span {
  display: inline-block;}
.pre-sale-massage .sale-list {
  padding-right: 0px;
  position: relative;
}

.pre-sale-massage .sale-listing ul {
  
  display: flex;
  flex-wrap: wrap;
}
.pre-sale-massage .sale-listing ul li {
  display: flex;
  margin-bottom: 25px;
  width: 50%;
}
.pre-sale-massage .sale-listing ul li p {
  font-size: 16px;}
  .pre-sale-massage-box {
    position: absolute;
    top: 55px;
    z-index: -1;
    width: 100%;
}



.select2-container {width: 100% !important;}

.select2-results .select2-highlighted {border-radius:3px;    background: #25fd90;
color: #062132;}
.select2-container .select2-choice .select2-arrow b {display: block !important;width: 100% !important;height: 100% !important;background: url(../images/arrow-dropdown.png) no-repeat 8px 9px !important;
transform: rotate(0deg);}
.select2-container .select2-choice {padding: 0;height: 40px;line-height: 27px; padding-bottom: 10px;  background: transparent;padding: 4px 0px 0 0px;color: #000;font-weight: 600;font-size: 14px;}
.select2-drop{ border-radius: 10px;} 
.current-rate label{color: var(--main-org) !important;}
/*home but-sell- box css end*/

.bottom-row {display: flex;margin-top: 15px;}
.bottom-row .card {flex: 1;margin: 0px 3px;}
.card .table-head{background: var(--bs-gradient);}
.card .table-head a:hover{color: var(--ancor-color);}
.card .table-head.buyhead a:hover, .card .table-head.sellhead a:hover{color: #fff;}
.card .table-head a {padding: 10px 10px;display: flex;align-items: center;justify-content: space-between; cursor:inherit;}

.table-head span {color:var(--color-600);}
.buyhead h2, .sellhead h2{color: #fff !important;}
.card .table-head h2 {font-size: 18px;margin-bottom: 0;font-weight: 400;color:var(--ancor-color);}
.buyhead{background-color: var(--buy-color) !important;}
.sellhead{background-color: var(--sell-color) !important;}
.bottom-row tbody {display:block;max-height:300px;overflow:auto;will-change: scroll-position;}
.bottom-row thead, .bottom-row tbody tr {display:table;width:100%;table-layout:fixed;}
.bottom-row  .collapse:not(.show) {display: block;}
.md-accordion.bottom-row .rotate-icon {display: none;}
/*home table css start*/
.table-body .table-responsive .table thead {background: var(--bs-gradient);color: var(--color-900);border: 0.1rem solid var( --border-color);box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);}
.table-body .table-responsive .table td, .table-body .table-responsive .table th {padding: 5px 5px;vertical-align: middle; font-size: 14px;border-bottom: 1px solid var( --border-color);}
.table-body .table {color: var(--color-900);}
.table-body .table-responsive .table td {padding: 8px 5px; border-top: 1px solid var( --border-color); }
.table-body .table-hover tbody tr:hover{background: var(--bs-gradient); color: var(--color-700);}
.table-body .table td.green,  .table-body .table td.red{font-weight: 600;}
/*home table css end*/
/*inner table css start*/
.common-table .table-responsive .table thead {  padding: 10px 15px;
background: var(--head-color);box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);}
.common-table .table-responsive .table td, .common-table .table-responsive .table th { vertical-align: middle;    border: none;  font-size: 14px;border-bottom: 1px solid #ffffff;border-width: 0.1px;}
.common-table .table {color: var(--color-900);margin-bottom: 0;}
 
.common-table .table-responsive .table td .currency-value  {display: flex; align-items: center;position: relative;}
.common-table .table-responsive .table td .currency-value .btn{flex: initial;}
.common-table .table-responsive .table td .currency-value a{margin-left: 5px;     }
.common-table .table-responsive .table td i ion-icon{font-size: 22px;}
.common-table .table-hover tbody tr:hover{background: var(--head-color); color: var(--color-700);}
.common-table .table td.green,  .common-table .table td.red{font-weight: 600;}
.common-table .table-responsive .table th {color: var(--color-600);font-size: 14px;font-weight: bold;  }
.common-table .table-responsive .table td .currency-value a:hover .statement-table{opacity: 1;visibility: visible;top: 100%;}
.common-table .table-responsive .table td .currency-value a i{padding-top: 3px;}
/*inner table css end*/
/*Portfolio inner page css end*/
.inner-sec-mt-20{padding-top: 25px;}

.inner-main-header {     background: var(--main-org);
  border-bottom: 1px solid var(--inner-border);
padding: 10px 15px;border-radius: 10px 10px 0px 0px;}
.investments {display: flex;}
.investments .card{border-radius: 10px; margin-right: 15px;width: 20%;}
.investments .card .card-head {border-bottom: 1px solid var(--inner-border);padding: 10px 15px;background: var(--head-color);}
.investments .card .card-head h4 {font-size: 17px;margin-bottom: 0;font-weight: normal;}
.investments .card .amount h2 {font-weight: 500;margin-bottom: 0;font-size: 24px;}
.inner-main-header h2 {color: #000;      margin-bottom: 0; font-size: 20px;
  font-weight: bold;}
.investments .card .amount {padding: 15px 15px;}
.amount .currency-value {display: flex;    justify-content: center;}
.amount .currency-value .btn{flex: 1;margin: 0px 3px;}
.Portfolio-btn .btn { margin-left: 5px;}
.Portfolio-btn {display: flex;}
.Portfolio-btn .add{  display: flex;align-items: center;   }
.Portfolio-btn .add i{margin-right: 2px;    line-height: 0;}
.inner-header-heading p {color: var(--color-600);    margin-bottom: 0;}
.statement-table {position: absolute;top: 0%;right: 0;-webkit-box-shadow: 0 2px 29px rgb(0 0 0 / 5%);box-shadow: 0 2px 29px rgb(0 0 0 / 5%);border-radius: 5px;z-index: 99;overflow: hidden;opacity: 0;visibility: hidden;border: 1px solid var( --border-color);background-color: var(--card-color); box-shadow: 0 2px 6px -1px rgb(0 0 0 / 20%);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;width:350px;}
.statement-table .table-responsive .table thead{ background: #4c61ee;}
.statement-table .table-responsive .table thead th{color: #fff; padding:6px 9px;}
.statement-table .table-responsive .table td, .statement-table .table-responsive .table th{font-size: 12px;}
.statement-table .table-responsive .table td{padding:6px 9px;  }
.statement-table .table-responsive .table thead tr:hover{background: #4c61ee;}
.statement-table .table-responsive .table tbody{background: var(--head-color);}
.statement-table .table-responsive .table td {border-bottom: 1px solid var( --inner-border);}
.statement-head {padding: 9px 7px;background: var(--head-color);border: 1px solid var( --inner-border);}
.statement-head h3 {font-size: 14px;margin-bottom: 0;color: var(--color-700);font-weight: 500;}



/*Portfolio inner page css end*/

/*wallet page css sart*/ 
.statement .modal-content {
  border: 1px solid var( --border-color);
  background-color: var(--card-color);
  box-shadow: 0 2px 6px -1px rgb(0 0 0 / 20%);
}
.statement .btn{transform: inherit !important; margin-top: 15px;}  
.openorder-box { }
.opnorder-bal {text-align: center;padding: 30px;border-radius: 25px;}
.opnorder-bal  h5{font-size: 30px; margin: 15px 0px;}
.opnorder-bal  h2 {color: var( --ancor-color);font-size: 22px;font-weight: 400;}
.history-btn .btn { transform: inherit !important;font-size: 14px;} 
.history-btn {
  display: flex;
   
  flex-grow: 1;
  flex-direction: column;
  gap: 30px;
  padding: 10px 30px;
}
.wallet-row {
  display: flex;
 align-items: center;
  padding: 7px 15px;
  border: 1px solid #eee;
  
  background: rgba(255,255,255,1);
  border-radius: 15px;
}
.wallet-row-left {
  flex-basis: 60%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 15px;

}
.wallet-currency-balance {
  flex-grow: 1;
  text-align: right;  
}
.wallet-currency-balance {
  flex-grow: 1;
}
.wallet-currency-balance h5 {
  color: #000;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
.waller-inner {
  flex-basis: 60%;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  border-right: 1px solid #f6e6ff;
  padding-right: 15px;
 
}
.all-waller-wrapper {
  display: flex;
  
}
.wallet-currency-name {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.wallet-currency-balance span {
  color: #737373;
}

/*wallet page css end*/
/*order book page css start*/
 
table.table-tranx  td {     background-color: var(--card-color);}
.bg-teal-dim {
  background-color: #e2f8f1 !important;
}

.text-teal {
  color: #20c997 !important;
}
.bg-orange-dim {
  background-color: #fff3e9 !important;
}
.text-orange {
  color: #ffa353 !important;
}
.bg-pink-dim {
  background-color: #ffebf3 !important;
}
.text-pink {
  color: #ff63a5 !important;
}
.bg-blue-dim {
  background-color: #e9f2fe !important;
}

.text-blue {
  color: #559bfb !important;
}
.colrow3 {
  color: #676767 !important;
}
.openorder-box .card-body{padding: 15px ;}

/*order book page css end*/
/*home slider csss stat*/
.swiper-pagination-bullet-active {opacity: 1;background: #f19e4b !important ;}
.swiper-pagination-bullet{width:12px !important;height:12px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -17px !important;}
.swiper-pagination-bullet{background-color: var(--color-500);}
.swiper-button-next:after, .swiper-button-prev:after{color: #363a8a; display: none;}
.custome-swiper {overflow: hidden;}
.swiper-button-prev, .swiper-button-next {top:15px;width: auto;margin-right: 0px;}
.swiper-button-prev, .swiper-button-next ion-icon{ font-size: 25px;}
.swiper-button-prev {left: inherit;right: 50px;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{    display: none;}
/*home slider csss end*/

/*footer css start*/
.card.main-dock { border-radius: 15px;background-color: #461473;border: 1px solid #0b0413;
width: 65%;margin: 0 auto;}
.top-row { display: flex;width: 100%;flex-direction: column;}
.all-tabbing-row{display: flex;flex-wrap: wrap;}
.bottom-row .table-body.collapse {display: block;}
.top-row .fade:not(.show){opacity: 1;}
.mobile-all-tab{display: none;}
.top-row .card{ margin: 0px 3px; }
.top-row .card .card-header{ background: var(--bs-gradient);border: 0.1rem solid var( --border-color);}
.top-row .card .card-header h4{margin-bottom: 0;}
footer {position: fixed;width: 100%;bottom: 25px;    z-index: 999;}
.main-dock .nav-pills .nav-link {padding: 0px 5px;margin: 0px 20px;}
.main-dock .nav-pills .nav-link.active, .main-dock .nav-pills .show>.nav-link{border-bottom: none;}
.main-dock .nav-pills .nav-link i{line-height:0;color: #511374; font-size: 22px;   width: 45px;height: 45px;border-radius: 10px;background-color: #ffffff;
border: 0.1rem solid #511374;box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);display: flex;align-items: center;justify-content: center;transition: transform .2s; transform: scale(1.3); }
.main-dock .nav-pills .nav-link i ion-icon{transition:0.5s; }
.main-dock .nav-pills .nav-link:hover ion-icon{color: var(--main-org); transform: scale(1.3);}
.tooltip-inner {background-color: var(--main-org);color: #1c2951; font-weight: 600;}
.tooltip.bs-tooltip-right .arrow:before {border-right-color: var(--main-org) !important;}
.tooltip.bs-tooltip-left .arrow:before {border-left-color: var(--main-org) !important;}
.tooltip.bs-tooltip-bottom .arrow:before {border-bottom-color: var(--main-org) !important;}
.tooltip.bs-tooltip-top .arrow:before {border-top-color: var(--main-org) !important;}
/*footer css end*/


/*login  css start*/
.login-box {
padding: 20px 20px 40px;
}
.tab-box{     margin-bottom: 15px;
  text-align: center;}
.tab-box h2{font-size: 22px;}
#particles-js {position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;
background-position: 50% 50%;z-index: 1;}
section.login-bg {height: 100vh;display: flex; align-items: center; justify-content: center;  }
.login-box .btn {  display: block; width: 100%;margin-top: 30px;transform: inherit;}

.login-box { border-radius: 8px;max-width: 350px; background-color: #3a0c53;box-shadow: 0 2px 6px -1px rgb(0 0 0 / 20%);z-index: 999999;     width: 350px;} 
.tab-box .buysell-tab .nav-item {
margin: 0px 0px;
}
.login-box .tab-content {
padding: 20px 20px 40px;
}

fieldset:not(:first-of-type) {display: none; }
.login-head .logo {margin: 0 auto;
  margin-bottom: 10px;
  display: block;
  width: 85px;}
.login-head .logo img{width:100%;}
.login-head h3 {font-size: 21px;color: #E0E0E0;font-weight: 500;}
.login-head p {font-weight: 300;font-size: 14px;color: #f9f9f9;margin-bottom: 6px;}
.login-head {margin-bottom: 20px;}
.login-box .form-group{margin-bottom: 10px;}
.login-box .form-group .form-control {   font-size: 14px;height: 50px; background-color: #fff;  border: none; }
.login-box .form-group .form-control::placeholder { color: #000;opacity: 1;  }
.main-dock .nav-pills .nav-link.active i, .main-dock .nav-pills .show>.nav-link i, .main-dock .nav-pills .nav-link.active {
color: #461473;border-bottom: none;}
.main-dock .nav-pills .nav-link.active i ion-icon{transform: scale(1.3);}
.login-box  a.forgotlink , .Resend-otp a{color: #22FF90;}
.login-box .form-group .note span{color: #22FF90;}
.login-box .form-group .note{    color: #E0E0E0;font-size: 14px;font-weight: 400;}
.login-head h4 {font-size: 18px;color:#E0E0E0;font-weight: bold;margin-bottom: 4px;}
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name{color: #000 !important;}
.intl-tel-input.separate-dial-code .selected-dial-code{color: #fff;}
.form-check-- label {
  padding-left: 12px;
}
.form-check--  a {
  color: #23fe90;
  display: block;
  text-decoration: underline;
}
.form-check--  input{width: 17px;
  height: 17px;}

  .login-box .mobile-input input.form-control {
    padding-left: 70px;
}
/*login  css end*/


.menu-toggal {display: none;}
.main-dock .nav-pills .nav-link span{display: none;}
.mobtab{display: none;}
.mobilemarque{display: none;}




/*user  profile page css start*/
.bg-white{padding:15px 0px 15px 0px;}
.edit {position: absolute;right: 2px;bottom: 2px;background: #3a0c53;border-radius: 50px;height: 40px;width: 40px;display: flex;align-items: center;
justify-content: center;}
.edit ion-icon{color: #fff;font-size: 22px; cursor: pointer;}
.user-name p {margin-bottom: 7px;}
.profie-header {padding: 20px 15px;text-align: center;}
.profile-pick {width: 100px;height: 100px; margin:o auto;display: inline-block;flex-shrink: 0;border-radius: 0.95rem;overflow: hidden;margin-right:15px; margin-bottom: 10px;}
.profile-pick img{width:100%; object-fit:cover; height: 100%;}
.profile-pick{position: relative;}
.profile-pick input {position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
}
.user-name h2 {font-size: 22px;font-weight: 500;  }
.profile-status {
display: flex;
align-items: center;
justify-content: center;
margin-top: 5px;
}
.profile-status p{margin-bottom: 0;}
.profile-status span svg {
width: 16px;
height: 16px;
fill: green;
}
.profile-status span {
display: flex;
align-items: center;
background: #fff;
padding: 5px;
border-radius: 50px;
margin-right: 5px;
}

.profile-content a{ color: #23fe91;}

.Profile-body .ststus-row {

display: flex;
align-items: center;
justify-content: space-between; 
border-bottom: 1px solid var( --border-color); 

padding: 15px 0px;
margin-bottom: 0px;
}

.Profile-body .ststus-row  a{color: #23fe91;    text-decoration: underline;}
.Profile-body {
padding: 10px 20px;
}
.changepin-box {
padding: 20px 0px;
}
.changepin-box .form-control{    font-size: 14px;
height: 45px;
}

.changepin-box .form-group label {
font-weight: 500;
margin-bottom: 5px;

}



.security-status-box span {
margin-left: 15px;
}
.ststus-row span {
  color: #23fe90;
  font-weight: 600;
}
.refrance-code {
  text-align: left;
}
.refrance-code .form-group label {
  color: #23fe90;
  font-weight: 500;
}
.refrance-code .form-group {
  margin-bottom: 10px;
}
/*user  profile page css end*/

/*kyc form css start*/
section.mt-25 {margin-top: 15px;}

.kyc-status {
display: flex;
align-items: center;
justify-content: space-between;
}
.kyc-status .badge{
margin-bottom: 5px;
padding: 5px 0.85em;
}

input:-webkit-autofill {
color: #999 !important;
font-weight: bold;
}
.admin-remark {
background: #f7e6ff;
margin-top: 10px;
padding: 6px 15px;
border-radius: 5px;
}
.admin-remark h3 {
font-size: 15px;
color: #ff3e3e;
margin-bottom: 0 !important;
text-decoration: underline;
}
.admin-remark p {
color: #000 !important;
margin-top: 3px !important;
font-size: 14px !important;
font-weight: 400 !important;
}
.or {
position: absolute;
top: 40px;
right: -7px;
font-weight: bold;
}
/*enroll page css start*/
.invalid-feedback {display: none;margin-top: 0.25rem;font-size: .875rem;color: #dc3545;}
.kyc-form {    padding: 0px 0px;border-radius: 10px; margin-bottom:30px; box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%);overflow: hidden;         background-color: var(--card-color); }
.form-head {    background: var(--main-org);    border-bottom: 1px solid var(--inner-border);padding: 15px 15px;    display: flex;
align-items: center;
justify-content: space-between;}
.form-head .help a {color: #000;display: flex;    display: flex;
  font-weight: 600;}
.form-head .help a:hover{color: #f19e4b;}
.form-head .help ion-icon {font-size: 20px;}
.breadcrumb {        background-color: transparent;
border-radius: 0;
border: 1px solid rgba(0,0,0,.125);
margin-bottom: 0;
}
.breadcrumb li a{  font-size: 12px;    text-transform: capitalize;}
.breadcrumb li a.active{color: var(--main-org);  font-weight: 600;}
.form-head h1{ font-size: 22px; margin-bottom: 0;    color: #000;
  font-weight: bold;}
.bticolor{color: #f19e4b;} 
.bit2color{color: #0f7642;}
.kyc-form-body {padding: 30px;}
.kyc-form-body p{ font-weight: 400;margin-bottom: 13px;font-size: 16px;    text-align: center;}
.kyc-form-body h2{font-size: 22px; font-weight: 600;text-align: center; }
/*custome card  radio  css start*/
.body-head {margin-bottom: 20px;}
.card-radio h3{margin-bottom: 30px;font-size: 18px;}
.card-radio .card{margin-bottom: 25px;transition: 0.5s; width: 200px; position: relative; margin-right: 15px;  text-align: center; border-radius: 10px; box-shadow: 7px 7px 15px rgb(2 28 53 / 8%);       background: #fff;
border: 1px solid #3c1161;}

.card-radio .card:hover{    border: 1px solid #43136d;
background: #511374;}

.card-radio .card a{color: #000;}  
.card-radio .card:hover a{color: #fff;}


.card-radio .card:hover a img{filter: invert(100%) sepia(0%) saturate(36%) hue-rotate(351deg) brightness(110%) contrast(98%);}
.card-radio .card h5.f18 {font-size: 14px;line-height: 20px;}

.card-radio .card h5{font-weight: 600;font-size: 18px;letter-spacing: 0.5px;   margin-top: 15px;  margin-bottom: 5px;}
.card-radio .card h2{font-size: 28px;}
.card-radio .card input[type="radio"]{-webkit-appearance: none;appearance: none; height: 100%;width: 100%;border-radius: 10px;position: absolute;box-shadow: 7px 7px 15px rgba(2,28,53,0.08);cursor: pointer;outline: none;}
.card-radio .card input[type="radio"]:before{content: "";position: absolute;height: 22px;width: 22px;background-color: #f9fafd;border: 1px solid #e2e6f3;border-radius: 50%;top: 35px;right: 20px;}
.card-radio .card input[type="radio"]:after{content: "";position: absolute;height: 13px;width: 13px;background-color: transparent;border-radius: 50%;top: 39.5px;right: 24.5px;}
.card-radio .card label{ margin: 20px 10px;cursor: pointer;}
.card-radio .card label P{margin-bottom: 0;}
.card-radio .card span{font-weight: 400;font-size: 18px;color: #7b7b93;} 
.card-radio .card input[type="radio"]:checked{border: 3px solid #478bfb;}
.card-radio .card input[type="radio"]:checked:after{background-color: #478bfb;}
/*custome card  radio  css end*/
.kyc-form-body .custome-radio{    justify-content: flex-start;}
.kyc-form-body label{font-weight:bold; }
.kyc-form-body .select2-container {width: 100% !important;}
.kyc-form-body .select2-container .select2-choice .select2-arrow {display: inline-block;width: 26px;height: 26px;position: absolute;right: 0px;top: 8px;text-align: center;}
.kyc-form-body .select2-results .select2-highlighted {border-radius:3px;background: #f19e4b;color: #fff;}
.kyc-form-body .select2-container .select2-choice {padding: 0;height: 40px; font-size: 14px;padding-bottom: 10px;    padding: 2px 0px 0 0px;}
.kyc-form-body .select2-container .select2-choice .select2-arrow b {display: block !important;width:100% !important;height:100% !important;background: url(../images/arrow-dropdown.png) no-repeat 3px 4px !important;transform: rotate(0deg);}
.note {margin: 15px 0px;}
.note b {color: #363b90;margin-right: 5px;}
.fileUpload {position: relative;overflow: hidden;}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.fileUpload .btn {position: absolute;top: 0;right: 0;font-size: 13px;background: #353a8e;color: #fff;letter-spacing: 1px;text-transform: capitalize;padding: 6px 10px;top: 6px;right: 15px;bottom: 6px;}
/*enroll page css end*/
.downloadKYC .btn {display: block;margin: 20px auto;}
.kyc-popup .modal-header{background-color: #052133;}
.kyc-popup .modal-header .close{ color:#fff; opacity: 1;}
.kyc-popup .modal-header h5{color:#fff}
.from-to-date p{    font-size: 15px !important;
color: #d5d5d5 !important;
margin-top: 0 !important;
text-align: left !important;
margin-bottom: 6px !important;}
.kyc-form-body  .form-group p{font-size: 13px;color: #b9b9b9;  margin-top: 10px;    text-align: left; margin-bottom: 0;}
.kyc-form-body  .form-group p span{margin-right: 5px;}
.kyc-form-body  .form-group p span b{color: #8f8f8f;}
.kyc-form-body .form-group {margin-bottom: 25px;}
.brows-file {margin-top: 10px;display: flex;}
.brows-file .uploadFile{margin: 0px 3px;}
.uploadFile .btn {position: absolute;top: 4px;right: 4px;display: flex;align-items: center;font-size: 12px; background: var(--main-org);    padding: 5px 5px;    transform: inherit;}
.uploadFile .btn ion-icon {margin-right: 4px;font-size: 20px; }
.uploadFile {    width: 100%;background: #fff;border: 1px solid #461473;margin-bottom: 0;font-size: 14px;height: 45px;line-height: 33px;overflow: hidden;padding: 0.375rem 0.75rem;position: relative;resize: none;font-weight: 500 !important;color: #000;border-radius: 5px;}
.uploadFile [type="file"] {cursor: pointer !important;display: block;font-size: 999px;min-height: 100%;min-width: 100%;opacity: 0;position: absolute;right: 0px;text-align: right;top: 0px;z-index: 1;}
.modal-confirm {color: #434e65;width: 525px;}
.modal-confirm .modal-content {padding: 20px;font-size: 16px;border-radius: 5px;border: none;   box-shadow: 0 2px 6px -1px rgb(0 0 0 / 20%);}
.modal-confirm .modal-header {background: #72ffb8;border-bottom: none;position: relative;text-align: center;margin: -20px -20px 0;border-radius: 5px 5px 0 0;padding: 9px 35px;}
.modal-confirm h4 {text-align: center;font-size: 28px;margin: 10px 0;color: #15d172;}
.modal-confirm p{font-size: 15px; color: var(--color-300); }
.modal-confirm .form-control, .modal-confirm .btn {min-height: 40px; margin-top: 20px;}
.modal .modal-confirm  .modal-content h4{margin-bottom: 5%;}
.modal-confirm .close:hover {opacity: 0.8;}
.modal-confirm .icon-box {color: #062132;width: 60px;height: 60px;display: flex;border-radius: 50%;z-index: 9;border: 2px solid #062132;padding: 15px;text-align: center;font-size: 27px;align-items: center;justify-content: center}

.form-inline label{justify-content: initial;}
.progress-bar {
background-color: #23fe91;
color: #3a0c53;
}
.progress{    background-color: #fff0e2; display: none;}
.breadcrumb{border: none;}
.breadcrumb-item+.breadcrumb-item  {padding-left: 2px;}
.breadcrumb-item+.breadcrumb-item::before{    padding-right: 6px;
  padding-left: 6px; color: var(--main-org);}
.takephoto{background-color: var(--main-org);border: 1px solid var(--main-org);}
.takephoto {
width: 150px;margin-top: 10px;border: 1px solid #e0e3eb; text-align: center;padding: 15px 10px;border-radius: 10px;transition: 0.4s;}
.takephoto:hover {border: 1px solid #4c61ee;background: #4c61ee;}
.takephoto:hover h3{color: #fff;}
.takephoto:hover .camra-icon img {filter: invert(100%) sepia(0%) saturate(36%) hue-rotate(
351deg) brightness(110%) contrast(98%);}
.camra-icon img {width: 100%;}
.camra-icon {width: 25px;height: 25px;margin: 0 auto;margin-bottom: 7px;}
.cam-hed h3 {font-size: 14px; margin-bottom: 0; color: #2c323f;}
.modelhead h2 {font-size: 16px;}
.modelhead ul li {list-style: auto;margin-bottom: 15px;}
.modelhead ul {padding: revert;margin-top: 19px;}


.kyc-form-body .form-control{    font-size: 14px;height: 45px; }
.kyc-form-body textarea.form-control {
height: auto !important;
}




.kyc-form-body .form-group span a{ color: var(--main-org);}

.otpverification .form-group label {
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
.otpverification .form-group label .btn {
font-size: 13px;
padding: 8px 10px;
min-height: auto;
background: #23fe90;
color: #471573;
font-weight: bold;
box-shadow: none;
border-radius: 5px;
transform: inherit;
}
.countdown {
width: 28px;
height: 28px;
background: #ffffff;
border-radius: 50px;
color: #051c2c;
display: flex;
align-items: center;
font-size: 12px;
justify-content: center;
}
.modal .modal-content .btn{ 
font-size: 14px;
}






.nocv   .modal-content{    background: #511374;}
.modal .modal-content{padding: 20px;
font-size: 16px;
border-radius: 5px;
border: none;

box-shadow: 0 2px 6px -1px rgb(0 0 0 / 20%);
}

.modal .modal-content .form-control{font-size: 14px;
height: 45px;
}


.cvform {
padding: 0;
}



.checkbox-new {
padding: 0;
margin-top: 10px;
display: flex;
}

.checkbox-new .form-group {
margin: 0 7px;


}

.checkbox-new .form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}

.checkbox-new .form-group label {
position: relative;
cursor: pointer;
font-weight: normal;
color: #d5d5d5;
}

.checkbox-new .form-group label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--main-org);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 10px;
}

.checkbox-new .form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 9px;
width: 6px;
height: 14px;
border: solid var(--main-org);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}

.clickevent {
display: none;
padding: 20px 0px 0px 0px;
}
.clickevent.current {
display: inherit;
}

.cvform.kyc-form-body{    padding: 25px 0px 0px 0px;}
.kyc-icon {    width: 100px;
  height: 100px;
  background: #3a0c53;
  border-radius: 50%;
  padding: 20px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 15px;
  box-shadow: 7px 13px 18px rgb(2 28 53 / 10%);
}
.kyc-icon img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.kyc-document-sucess {
  background: #fff;
  padding: 20px 0px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgb(2 28 53 / 8%);
}
.kyc-document-sucess h2 {
  color: #3a0c53;
  
}
.kyc-document-sucess p {
  color: #3a0c53;
 
  margin-bottom: 0;
  font-weight: 500;
}

.reason-head {
  background: #e6d2f7;
  padding: 10px 15px;
  margin-top: 18px;
}
 
.reason-head h4 {
  margin-bottom: 0;
  font-size: 18px;
  color: #3a0c53;
  font-weight: 700;
}
.reason-list-box {
  padding: 15px;
  color: #000;
}
.reason-list-box ul li{margin-bottom: 10px;display: flex;
}
.reason-list-box ul li  span{flex: 1;}
.reason-list-box ul li  .devider{text-align: center;    width: 50px;
  flex: inherit;}
  .reason-list-box ul li .label-answer{text-align: right;}
.reason-list-box ul li .document-lable {
  font-weight: 600;
}
.reason-foot p{    font-size: 16px !important;}
.reason-foot a{color: #000;
  font-size: 15px;
  text-decoration: underline;
  margin-top: 15px;}

  .country-box {
    background: #fff;
    padding: 0px 0px 20px 0px;
    border-radius: 5px;
    box-shadow: 7px 7px 15px rgb(2 28 53 / 8%);
    overflow: hidden;
}
.country-head {
  background: #eee;
  padding: 10px 15px;
 
  text-align: left !important;
}
.country-head h2 {
  margin-bottom: 0;
  color: #3a0c53;
  text-align: left;
}

.countru-doc {
  display: flex;
}
.cont-flex{flex: 1;}
.search-country {
  background: #fff;
  padding: 8px 10px;
  position: relative;
}
.search-country ion-icon {
  position: absolute;
  color: #808080;
  top: 20px;
  right: 20px;
  font-size: 20px;
}
.count-dec-head {
  background: #e6d2f7;border-bottom: 1px solid #eee;}
  .count-dec-head h4 {
    padding: 10px 15px;
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
    color: #3a0c53;
    font-weight: 700;
}
.alpha-head span {
  color: #000;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.alpha-head {
  background: #eee;
  padding: 7px 15px;
}
.alpha-country ul{margin-top: 10px;}
.alpha-country ul li {
  list-style: disc;
  color: #000;
  margin-bottom: 7px;
}
.alpha-country ul li a{color: #000;}
.country-order-list {
  max-height: 390px;
  overflow: hidden;
  overflow-y: scroll;
}

.country-list.cont-flex {
  border-right: 1px solid #eee;
}
.list-id p{color: #3a0c53;
  font-weight: 500; font-size: 14px;  text-align: left;
  padding-left: 15px;
  padding-top: 15px; margin-bottom: 0;}
  .id-head h2 {
    color: #000;
    margin-bottom: 0;
    font-size: 16px;
    text-align: left;
}

.id-head {
    background: #eee;
    padding: 10px 15px;
}
.id-body {
  max-height: 190px;
  overflow: hidden;
  overflow-y: scroll;
  padding-bottom: 20px;
}
.country-head-doc {
  padding: 10px 0px;
   
}
.country-head-doc h2 {
  margin-bottom: 0;
  color: #000;
  font-size: 18px;
}


.kyc-id-box {
  background: #fff;
  border-radius: 5px;
}

.kyc-document-list {
  padding: 50px 15px 15px 15px;
  border-right: 1px solid #eee;
  
}
.kyc-document-list ul{padding: 0; margin: 0;}
.kyc-document-list ul li{color: #6c757d;display: flex;gap: 10px;    margin-bottom: 15px;}

  .check ion-icon {
    font-size: 24px;
    color: #d8d8d8;
}
.kyc-document-list ul li.active .check ion-icon{color: #28da81;}

.kyc-id-box {
  background: #fff;
  border-radius: 5px;
  display: flex;

}
.kyc-document-detail{flex-grow: 1;    width: 50%;}
.id-detail-head h2 {
  margin-bottom: 0;
  color: #000;
  font-size: 18px;
}
.id-document-body {
  padding: 20px;
}
.id-detail-head {
  background: #e6d2f7;
  padding: 10px 0px;
}
.selfi-icon img {
  width: 100%;
 
}

.selfi-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.selfie-bg h4 {
  color: #3a0c53;
  font-size: 16px;
  margin-bottom: 10px;
}
.camra-icon-new ion-icon {
  color: #eee;
  font-size: 60px;
}
.selfie-bg a{color: #6c757d;}
.selfie-bg {
  text-align: center;
 position: relative;
  border: 4px dotted #eee;

  padding: 30px 15px;
  border-radius: 20px;
  width: 100%;
 
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.capture-btn{margin: 20px 0px 15px 0px;display: flex;
  align-items: center; justify-content: center;}
.capture-btn .btn {
  transform: inherit;
  margin-left: 20px;
  font-size: 14px;
  
}
.btn.Cancel-btn{  box-shadow: 0px 0px 0px 5px #ff3e3e;  color: #fff;   border: 1px solid #fff;  background-color: #ff3e3e; }
.upload-doc{text-align: center;}
.upload-doc  a{ font-weight: 500;   color: #000;
  font-size: 16px;
  margin-top: 15px;
  text-align: center;
  display: flex;
  gap:5px;
   align-items: center; justify-content: center;
  margin-left: 10px;  }
  .upload-doc   a ion-icon{font-size: 20px;}
  .doc-det h4 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}.doc-det p {
  color: #000;
  text-align: left;
  font-size: 14px;
}
.doc-det{margin-bottom: 30px;}
.id-image img {
  width: 100%;
}
.instraction-body{padding-top: 10px; margin-top: 10px;}
.instraction-body  h4{color: #000; font-size: 15px; display: flex; align-items: center; gap: 3px;}
.instraction-body  p{color: #000; text-align: left; font-size: 13px;}
.good .instraction-body{ border-top:3px solid #309c4d ;  }
.good .instraction-body h4{color: #309c4d;}
.bad-id .instraction-body{ border-top:3px solid #bc4040 ;  }
.bad-id .instraction-body h4{color: #bc4040;}
.id-proof-instraction {
  margin-bottom: 30px;
}
.selfie-bg .uploaded-documents .labeltext {
  color: #000;    margin-bottom: 0;
}
.selfie-bg .id-button .btn{transform: inherit !important;}
.kyc-all-details .custome-radio [type="radio"]:checked + label:before, .kyc-all-details [type="radio"]:not(:checked) + label:before{     border: 2px solid #3a0c53;}
.kyc-all-details .custome-radio [type="radio"]:checked + label:after, .kyc-all-details [type="radio"]:not(:checked) + label:after{     background: #3a0c53;}
.kyc-all-details [type="radio"]:checked + label, .kyc-all-details [type="radio"]:not(:checked) + label{color: #000;}
.selfie-photo-box h6 {
  color: #000;
  margin-bottom: 15px;
  padding-left: 15px;
}
.cancel-doc{position: absolute; top: 0; right: 0;  font-size: 25px;  color: #ca1f59 !important;}
.kyc-all-details p {
  display: block;
  color: #000000;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
}
.id-document-body label{color: #000;}
 .kyc-cheak-body h4{font-size: 14px;     color: #f00; font-weight: 500;}
 .result-note {
  padding: 0px 15px;
}

.vendor-upload-qty-row table {
  width: 100%;
}
.vendor-upload-qty-row table tr td {
  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 10px;
  border-top: none;
  color: #fff;
}
.vendor-upload-qty-row table tr th label{color: #fff ;}
.ec-vendor-upload-qty .add-field{transform: inherit; font-size: 14px;}
.vendor-upload-qty-row .table  thead th{border: none;     padding-bottom: 0;}
.Beneficial {margin-top: 0 !important;}
.custome-radio.Beneficial span {
  margin: 0 7px 0px 0px !important;
}
.vendor-upload-qty-row table tr th:first-child ,.vendor-upload-qty-row table tr td:first-child  {
  text-align: center;
}
/*kyc form css end*/


.bank-details p {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--border-color);
margin-bottom: 0;
padding: 10px 0px;
}
.bank-details {
width: 100%;
margin: 0 auto; 
padding: 15px;
background-color: var(--card-color);
}

.bank-details .detail-head {
color: #23fe90;
font-weight: 600;
    font-size: 16px;
}



.mobile-input {
position: relative;
}
.mobile-input input.form-control {
padding-left: 90px;
}
.country-select {
position: absolute !important;
top: 0px;
left: 0px;
bottom: 0;
}
.mobile-input .country-name {
color: #000 !important;
}
.country-select.inside input, .country-select.inside input[type=text]{   background: #e4e4e4 !important;height: 50px !important;}
.country-select .selected-flag .arrow{    border-top: 4px solid #000 !important; }

.country-select .country-list{border-radius: 6px !important;}

.Profile-body  .btn{transform: inherit;}

.otpverification .modal-content {
background: #511374;
}
.uploaded-documents .card {
margin-bottom: 25px;
transition: 0.5s;

position: relative;
margin-right: 15px;
text-align: center;
border-radius: 10px;
box-shadow: 7px 7px 15px rgb(2 28 53 / 8%);
background: #fff;
border: 1px solid #3c1161;
text-align: center;
padding: 15px;
}
.kyc-form-body .uploaded-documents .card{    margin-right: 0px;}
.uploaded-documents .card .btn{transform: inherit; font-size: 15px; display: block;}
.uploaded-documents    .card img {
margin: 0 auto;

}
.id-button  {margin-top: 20px;}
.id-button input {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
height: 100%;
}

.uploaded-documents .card .labeltext{color: #000;
width: 200px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
top: 2px;
margin: 0 auto;} 
.error-align {
background: rgb(177, 35, 255, 20%);
padding: 50px 15px;
}
.error-align .logo{width:200px; margin: 0 auto; margin-bottom: 40px;}

.error-content{text-align: center;}
.error-head{margin-bottom: 50px;}
.error-content h2{    font-size: 100px;
color: #23fe91;
font-weight: bold; }
.error-content p{font-size: 18px;     margin-bottom: 13px;}
.error-content h3{ color: #23fe91;}
.error-content p a{ color: #23fe91;}

.error-head img {
width: 100%;
}



 .specialdeals  .modal-content{background-image: url(../images/achtergrond.jpeg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: fixed;
  padding: 50px 15px;    overflow: hidden;}

  .PrivateSale .modal-content {
 
    padding: 25px 15px !important;
   
}
 
.specialdeals  .payment-content:before{background-image: url(../images/kixx-animation-4.png);
  background-position: center;
  content: '';
  position: absolute;
  z-index: 9;
  width: 246px;
  height: 218px;
  background-size: cover;
  opacity: 0.2;
  bottom: 12px;
  left: 15px;}

  .PrivateSale .payment-content .modal-body{z-index: 999;}
.PrivateSale .modal-content .sale-head h2 {
  font-size: 22px;
  text-align: center;
}
.PrivateSale .modal-content .sale-head{margin-bottom: 0;}
  .specialdeals  .modal-content:before{content: '';     position: absolute;
    background-image: linear-gradient( 28deg , #500c76 55%, #2c7b80 77%, #30ccab 87%);
    opacity: 0.9;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;}
    .border-sale{position: relative;}
  .border-sale:before{    content: '';
    position: absolute;
    opacity: 0.9;
    top: 0;
    right: 25px;
    height: 65vh;
   
    border-right: 1px solid #fff; border-image: linear-gradient(to bottom, #7016a1,#3cb9a5, #7016a1) 0 1;}   
    .sale-head h2 {
      font-family: 'Varsity Team';
      text-align: left;
      font-size: 40px;
  }
  .forteen {
    display: inline-block;
    line-height: 1;
    background-color: #22FF90;
    padding: 5px 10px 5px 25px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #471473;
    box-shadow: 0px 0px 0px 5px #22ff90;
    border-style: solid;
    border: 1px solid #471473;
    border-width: 3px 3px 3px 3px;
    border-radius: 0px 0px 0px 0px;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    letter-spacing: 1.2px;
    font-family: 'Varsity Team';
    position: absolute;
    left: -85px;
    top: 20px;
    font-size: 24px;
    transform: skewY( -7.5deg );
}
  .sale-head h2 span {
    display: block;
    color: var(--main-org);
}
.sale-head {
  margin-bottom: 35px;
}
.sale-listing ul{margin: 0; padding: 0;}

.sale-listing ul li{    display: flex;       margin-bottom: 25px;}
.sale-listing ul li span{    width: 30px;
  height: 30px;
  margin-right: 10px;}
.sale-listing ul li span img{    width: 100%;}

.sale-listing ul li p{        font-size: 20px;  flex: 1;  text-align: left;
  margin-bottom: 0;}
  .white-boxx-icon {
    display: flex;
    margin-top: 10px;
}
  .white-boxx-icon span {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.white-boxx-icon span img{width:100%;}
.sale-list {
  padding-right: 0px;
}


.fw-400 label{font-weight:400;}

.euro-btn{display: flex;     gap: 15px;
  padding: 0px 65px;}
.euro-btn .btn{flex: 1; margin: 0;     display: flex;
  align-items: center;    font-size: 13px;
  justify-content: center;    padding: 8px 0px;}

  .euro-btn .btn span{    font-size: 22px;
    line-height: 0;}

    .euro-btn .btn i {
      font-size: 18px; line-height: 0;
  }
.paiding{padding: 0px 14px;}
.paiding .form-group{text-align: center;}
.paiding .form-group  .form-control{text-align: center; }
.amount .form-control{font-weight: bold;}
 .indo-label{display: flex; align-items: center; justify-content: space-between;}
 .info-type a i{font-size: 22px; color: #23fe90;}
 .info-type {padding-right: 15px; position: relative;}

 .info-type .sub-menu {
  position: absolute;
  top: 0%;
  right: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 29px rgb(0 0 0 / 5%);
  box-shadow: 0 2px 29px rgb(0 0 0 / 5%);
  padding: 0px 0px;
  overflow: hidden;
  border-radius: 5px;
  z-index: 99;
  border-top: 2px solid #891463;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  padding-bottom: 10px;
}


.sub-menu li {
  position: relative;
  white-space: nowrap;
  color: #000;
  padding: 2px 10px;
  font-size: 12px;
}
.info-type:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.info-head {
  background: #23fe90;
  padding: 5px 10px;
  font-weight: bold;
}
.amount .form-control ,  .amount .select2-container .select2-choice{font-size: 16px;}
.amount .select2-container .select2-choice{font-size: 16px !important;}
.equiamount h4{color: #23ff90;
  margin-bottom: 0;
  margin-top: 8px;
  font-size: 30px;
  font-weight: 600;}