* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	overflow-x: hidden !important;
}

body {
	font-size: 16px;
	font-family: "Public Sans";
	background-color: #000;
}
p {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #CACACA;
	margin: 0;
}
h1  ,h2 ,h3,h4,h5,h6{
	color: #fff;
	margin: 0;
}
span{
	color: #fff;
}
dl,
ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none !important;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
	color: #fff;
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/ijwTs572Xtc6ZYQws9YVwnNDTJPax9k0.woff2') format('woff2');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts//ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.woff2') format('woff2');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.woff2') format('woff2');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2') format('woff2');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2') format('woff2');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2') format('woff2');
}



.ri-loader-line {
    animation: 2s linear infinite ri-spin;
    display: inline-block;
	font-size: 12px;
}
@keyframes ri-spin {
    0% {
        transform: rotate(0);
    }

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

button[disabled] {
    opacity: .5;
    cursor: not-allowed;
    background-color: #8b7857 !important;
    color: #fff !important;
}
.acc-data button[disabled] {
   opacity: .5;
    cursor: not-allowed;
    background-color: #8b7857 !important;
    color: #fff !important;
}

.acc-data {
	min-height: 100vh;
	width: 100%;
	display: flex;

}
.form-heading h1 {
	font-weight: 500;
	font-size: 46px;
	line-height: 69px;
	color: #224D47;

}
.form-heading p {
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	color: #6B6B6B;

}
.acc-bg-shape{
	position: absolute;
    width: 455px;
    height: 455px;
    left: calc(50% - 577px / 2 + 0.5px);
    top: calc(50% - 331px / 2 + 60.5px);
    background: #bd9d6a;
    opacity: 0.15;
    filter: blur(100px);
    z-index: -1;

}
.acc-left-img a img {
      margin-top: 50px;
    width: 155px;
}
.acc-img-info img {
    position: absolute;
    bottom: 0;
    left: 18%;
    width: 73%;
}
.acc-left-img {
width: 50%;
    text-align: center;
    background-color: #0c0c0c;
    position: fixed;
    z-index: 1;
    left: 0;
    height: 100vh;
    bottom: 0;
}
.acc-inner-data{
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    background: #040302;
    position: relative;
    z-index: 1;
}
.acc-inner-data::after{
    background-image: url('../img/acc-bg-shape.png');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
}

.acc-inner-data .acc-field .custom-list-dropdown{
	background-color: #141414;
	border: 1px solid #D9D9D9;
}
.acc-inner-data .acc-field .custom-list-dropdown .selected-display{
	font-size: 14px;
	color: #fff;
}
.acc-inner-data .acc-field .custom-list-dropdown .selected-display img{
	margin-right: 9px;
    width: 17px;
}
.acc-data .acc-inner-data .form-group {
	margin: 16px 0px 0px 0px;
	position: relative;
}
.acc-form-control:focus{
    box-shadow: none;
    color: #ffffff;
    background: #141414;
    outline: none;
    border: 1px solid #dde0e733;
}

.title-label{
    color: #f5f5f5!important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
}
.acc-field{
	position: relative;
	text-align: left;
}
.acc-field  .custom-list-dropdown i{
	    color: #747474  !important;
}
.input-icon a:hover{
	color: #0a4e47;
}
.acc-title h1{
	font-size: 27px;
	font-style: normal;
	font-weight: 700;
	line-height: 44px;
	margin-bottom: 0;
	color: #bd9d6a;
}
input:autofill {
	background-color: transparent ;
}
input:-webkit-autofill {
	background-color: transparent;
  }
.acc-title p{
    color: #d5d5d5;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin-top: 6px;
}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background-color: #212121;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #393939; 
	height: 4px;
}
.input-icon i{
	color: #878787;
	font-size: 18px;
}
.acc-field .fa {
	position: absolute;
	top: 40%;
	right: 15px;
}
.acc-card-info .input-icon a{
 	top: -3px;
}
.input-icon a{
    position: absolute;
    top: -3px;
    right: 0px;
    font-size: 21px;
}
.inner-checkbox {
	display: flex;
    margin-bottom: 27px;
    margin-top: 13px;
    cursor: pointer;
	
}
.create-acc-data .copyright{
    position: static;
     margin-bottom: 14px;
	 margin-top: 0px;

}
.inner-checkbox input {
	margin: 0px 7px 0px 0px;
    width: 15px;
    height: 15px;
	border: 1px solid #caa162;
}
.acc-title img{
	margin-bottom: 24px;
}
.acc-title{
	margin-bottom: 38px;
	text-align: center;
}
.account-right {
	height: 100vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #224d47;
}

.form-check-input:focus{
	box-shadow: none;
}
.create-btn a{
	color:#224D47 !important;
}
.acc-btn{
width: 100%;
    height: 46px;
    background: linear-gradient(178deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
    border-radius: 10px;
    border: none;
    color: #000;
    margin-top: 2px;
    font-size: 19px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 15px;
    transition: all 0.6s;
    border: 1px solid #bf8f42;
}
.acc-btn:hover{
  background: linear-gradient(16deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
    color: #000;
}
.create-btn:hover a{
	color: #fff !important;
}
.small-button:hover{
	background: transparent;
    border: 1px solid #224d47;
	color: #224d47;
}
.create-btn:hover{
	background: #224d47 !important;
    border: 1px solid #224d47 !important;
}
.captcha-info {
    margin-top: 30px;
    margin-bottom: 32px;
}
.forgot-password{
	justify-content:end;
	display: flex;
	align-items: center;
	margin-top: 9px;
}

.forgot-password a:hover{
	color: #fff;
}
.acc-field input::placeholder {
	color: #838383;
	font-size: 16px;
	font-weight: 400;
  }
  .acc-card-info {
    max-width: 567px;
    width: 100%;
    border: 1px solid #ffffff36;
    margin: auto;
    background: #131313;
    padding: 20px 33px;
    border-radius: 16px;
}
.copyright {
	text-align: center;
	margin-top: 50px;
}
.create-acc-data {
      max-width: 70%;
    width: 100%;
    margin: auto;
    background: #131313;
    padding: 20px 33px;
    border: 1px solid #ffffff36;
    border-radius: 16px;
}
.create-acc-box {
    display: flex;
    flex-wrap: wrap;
    column-gap: 11px;
}
.acc-form-control{
    font-size: 17px !important;
    height: 47px;
    width: 100%;
    padding: 8px 22px;
    color: #ffffff;
    background: #141414;
    border: 1px solid #dde0e733;
    border-radius: 8px;
}
.main-data-table .acc-form-control{
	color: #ffffff;
    background: #232323;
    border: 1px solid #dde0e73d;
}
.main-data-table .form-group .custom-list-dropdown{
 	border: 1px solid #dde0e73d !important;	
}
.main-data-table .custom-list-dropdown .list-item-dropdown{
	border: 1px solid #ffffff38;
    background: #1b1b1b;
}
.form-control{
    font-size: 17px !important;
    height: 52px;
	width: 100%;
	padding: 9px 22px;
	color: #fff;
	border: 1px solid #434444;
    background: #1f1f1f;
    border-radius: 8px;
}
.form-control:focus{
     box-shadow: none;
    background: #1f1f1f;
    color: #ffff;
    border-color: #1a1a1a;
    outline: none;
}

.copyright p {
	color: #d2d2d2;
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 0px;
}
.acc-field .input-icon{
	position: absolute;
    top: 16px;
    right: 14px;
    color: #224D47;
    height: 22px;
}
.acc-button-info{
	text-align: center;
}
.loading i {
    color: #fff;
    font-size: 16px;
}
.acc-button-info p{
    color: #ffffff;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: 400;
}
.acc-button-info a{
	color:  #bd9d6a;
	text-align: center;
	font-size: 17px;
	padding-left: 8px;
	font-style: normal;
	font-weight: 500;
	line-height: 14px;
}
.acc-button-info a:hover{
	color: #fff;
}
/* register */
.acc-inner-data select {
	color: #e5e5e5;
	font-size: 14px !important;
	font-weight: 400;
	background-color: transparent;
	width: 100%;
	cursor: pointer;
  }
  .acc-inner-data select option{
	color: #fff;
	background-color: #1e1e1e;
  }
  .acc-inner-data select option:hover{
	background-color: #000 !important;
  }
  .acc-inner-data select:focus-within{
	color: #fff !important;
  }
.acc-inner-data   select::-ms-expand {
	display: none;
  }
.dropdown-icon i{
	color: #ffefefdb;
    font-size: 28px;
}
.acc-field .dropdown-icon{
	top: 6px;
}
.title-label-info{
    color: #d5d5d5;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 5px;
    font-weight: 400;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
}
.title-label-info i{
	color: #fff;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    font-size: 28px;
}

.small-btn-bg span i{
	color: #ffffffcf !important;
    font-size: 17px !important;
    padding: 0 !important;
}

.form-check-input:checked {
    background-color: #caa162;
    color: #fff;
	border: 1px solid #caa162;
    box-shadow: none;
	cursor: pointer;
}
.inner-checkbox label{
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}
.acc-button-info a{
	display: inline-block;
}
/* reset password */
.otp-verifiction{
	position: relative;
}
.otp-btn {
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #caa162;
    outline: none;
	background-color: transparent;
    position: absolute;
    border: none;
    top: 9px;
    border-radius: 6px;
    right: 6px;
}
.otp-btn span{
	color: #caa162;
}
.otp-btn:hover{
	color: #caa162;
}
.reset-information{
    color: #838383 !important;
    margin-top: -7px !important;
    font-size: 14px !important;
    font-weight: 400 !important;												
    line-height: normal;
}
.mail-text{
    color: #000000 !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 500 !important;
	margin-bottom: 50px;
}

.downloadBtn img {
	margin: 0px 10px 0px 0px;
}
.theme-bg{
	width: 100%;
    min-height: 100vh;
}
.filter-income {
    display: flex;
    column-gap: 15px;
}
.filter-income .data-head-title h4 {
    font-size: 16px !important;
    color: #ffffffd6;
    border: 1px solid #ffffff47;
    padding: 7px 29px;
    background: #1c1f1b;
    border-radius: 10px;
    cursor: pointer;
}
.filter-income .data-head-title h4:hover{
	color: #000000 !important;
    background: #bd9d6a;
}
.data-head-title.active h4 {
    color: #000000 !important;
    background: #bd9d6a;
}
.theme-wrapper{
	background-color: #0C0610;
	overflow: hidden;
}
.header .navbar-expand-lg .navbar-collapse{
	justify-content: end;
}
.header-btn {
    display: flex;
	align-items: center;
    column-gap: 20px;
}
.header-btn .small-btn:hover{
	color: #fff;
}
.header {
    background-color: #000;
    padding: 15px 0px;
}
.hero{
	height: calc(100vh - 100px);
    display: flex;
    justify-content: center;
    align-items: center;

}
.bar1, .bar2, .bar3 {
    width: 27px;
    height: 3px;
    background-color: #bd9d6a;
    margin: 6px 0;
    transition: 0.4s;
  }
  .navbar-light .navbar-toggler {
    color: transparent; 
  }
  .navbar-brand img{
	max-width: 208px;
  }

  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 6px);
    transform: rotate(-45deg) translate(-7px, 6px);
  }
  .change .bar2 {
    opacity: 0;
  }
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-6px, -6px);
  }
  .change .bar2 {
   opacity: 0;
  }
.navbar-toggler-icon{
    background-color: #bd9d6a;
}
.hero-content h1{
	color: #CACACA;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 40px;
}
.hero-content h1 span{
	font-size: 32px;
    font-weight: 600;
    color: #bd9d6a;
}
.hero-content .small-btn-bg{
	padding: 10px 60px;
}
.amount-currency-data {
    display: flex;
    align-items: center;
}
.available-wallet {
    color: #caa162;
    font-weight: 500;
    text-align: end;
    margin-top: 7px;
}
.hero-img {
    position: relative;
}
.min-max-limit {
    align-items: center;
    display: flex;
    column-gap: 6px;
    padding: 0px 5px;
}
.min-max-limit.amt-min-max span {
    font-size: 13px;
    font-weight: 600;
    color: #CACACA;
}
.hero-img img {
    position: absolute;
    right: -119px;
    top: -109px;
}
.hero-shape img{
	position: absolute;
    top: -372px;
    left: -13px;
    z-index: -1;
}
.sec-title{
	color: var(--theme, #bd9d6a);
	font-size: 36px;
	font-weight: 500;
	text-align: center;
}
.our-proposition-info{
	text-align: center;
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}
.our-proposition-info p{
	color: var(--gray-1, #CACACA);
	text-align: center;
	font-family: Poppins;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
}
.legal-information-content .sec-title{
	text-align: left;
	margin-bottom: 18px;
}
	.legal-information .container .row{
	row-gap: 130px;
}
.legal-information {
    padding-bottom: 100px;
}
.legal-information-content p {
    color: #CACACA;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
}
.features{
	padding: 150px 0px;
	position: relative;
}
.sec-title h4{
	font-size: 20px;
    font-weight: 500;
    margin-top: 13px;
    line-height: 30px;
	margin-bottom: 88px;
}
.shape-bg{
	position: absolute;
    left: -20%;
    top: -20%;
	z-index: -1;
}
.shape-bg-1{
	position: absolute;
	right: -20%;
    bottom: -20%;
	z-index: -1;
}
.feature-box {
    border-radius: 10px;
    padding: 30px;
    align-items: center;
    display: flex;
	position: relative;
    background: #000;
	column-gap: 20px;
    box-shadow: 2px 2px 4px 0px rgba(223, 255, 6, 0.20);
}
.feature-box:hover .num-text-border{
	-webkit-text-stroke: 2px #bd9d6a9e;
}
.portfolio-data-content:hover{
	box-shadow: 2px 2px 20px 0px rgb(224 255 11 / 20%);
}
.feature-box:hover{
	box-shadow: 2px 2px 20px 0px rgb(224 255 11 / 20%);
}
.feature-box h4{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 10px;
}
.feature-box p{
	color: #838383;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 153.9%
}
.feature-img{
	max-width: 100px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100px;
    border-radius: 50%;
    background: #bd9d6a14;
}
.download-info{
    background-image: url('../img/download-bg.png');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.download-info::after{
	content: '';
	background-color: #000000ad;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: -1;
	height: 100%;
}
.down-card {
    background: #000;
	border-radius: 17px 17px 0px 0px;
}
.download-info .sec-title{
	text-align: left;
	margin-bottom: 9px;
}
.down-card-info {
    padding: 26px;
	width: 251px;
	text-align: center;
}
.down-card a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.down-card-info i {
    font-size: 30px;
    opacity: 0.7;
    color: #bd9d6a;
    margin-bottom: 11px;
    font-weight: 600;
}
.down-card-info p {
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
}
.down-btn {
    width: 100%;
    font-weight: 700;
    padding: 9px;
    background: #bd9d6a;
    border-radius: 28px 28px 0px 0px;
    text-align: center;
    color: #000;
}
.down-btn:hover{
	background-color: #ecff69;

}
.down-btn i {
    padding-right: 5px;
}
.down-soft{
	display: flex;
    column-gap: 31px;
	margin-top: 50px;
}
.features-data-info .row{
	row-gap: 70px;
}
.deposit-qr svg {
    background: #fff;
    padding: 9px;
    border-radius: 5px;
}
.deposit-qr {
    margin: auto;
    display: flex;
    justify-content: center;
}
.diverse-portfolio-data{
	margin-top: 70px;
}
.num-text-border {
    font-size: 72px;
    font-weight: 800;
    left: -22px;
    top: -38px;
    position: absolute;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px #45454570;
    color: transparent;
}
.portfolio-data-content{
	border-radius: 20px;
	padding: 40px 20px;
	text-align: center;
	background: var(--blk, #000);
	box-shadow: 2px 2px 4px 0px rgba(223, 255, 6, 0.10);
}
.read-more-content p{
	padding: 0px 60px !important;
}
.read-more span{
	color: #bd9d6a;
}
.read-more span:hover{
	color: #fff;
}
.portfolio-data-content a{
	color: #bd9d6a;
	margin-top: 14px;
    display: flex;
    justify-content: center;
}
.read-more {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: transparent;
    border: none;
    margin-top: 14px;
    text-align: center;
}

.read-more-content p {
    max-height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


button.read-more i {
    font-size: 12px;
    margin-left: 4px;
}

.read-more-content.expand button.read-more i {
    transform: rotate(180deg);
}

.read-more-content.expand p {
    max-height: unset;
    height: auto;
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
}

span.read-less {
    display: none;
}

.read-more-content.expand span.read-more1 {
    display: none;
}

.read-more-content.expand span.read-less {
    display: inline-block;
}

.bottom-space {
    margin-bottom: 0px !important;
}
.portfolio-data-content h4{
	text-align: center;
	font-size: 17px;
	font-style: normal;
	margin-bottom: 12px;
	font-weight: 600;
}
.portfolio-data-content p{
	color: var(--gray, #838383);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	padding: 0px 20px;
	font-weight: 500;
}
.diverse-portfolio-data .row{
	row-gap: 100px;
}
.portfolio-top-space{
	margin-top: 50px;
}
.start-earning{
	background-image: url('../img/start-earning-bg.svg');
	width: 100%;
	background-position: center;
	background-size: cover;
	padding: 140px 0px;
}
.start-earning-data {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 33px;
}
.start-earning-data .small-btn-bg{
	padding: 10px 60px;
}
.diverse-portfolio {
    padding-bottom: 180px;
	position: relative;
}
.footer{
	background-color: #000;
	padding-top: 80px;
}

.footer-box p{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	text-align: left;
	color: #fff;
	line-height: normal;
}
.footer-box h3{
	color: var(--theme, #bd9d6a);
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	position: relative;
	line-height: normal;
	margin-bottom: 74px;
}
.footer-box h3:after {
    content: "";
    position: absolute;
    height: 1px;
    max-width: 50px;
    width: 100%;
    background-color:  #bd9d6a;
    bottom: -9px;
    left: 0;
}
.footer-box img{
	margin-bottom: 50px;
}
.support-email i {
    color: #bd9d6a;
    font-size: 21px;
    margin-right: 9px;
}
.support-email span{
	font-size: 18px;
	display: flex;
    align-items: center;
}
.footer-box ul li a:hover{
	color: #bd9d6a;
}
.footer-social-icon a i:hover{
	color: #fff;
}
.footer-social-icon img{
	margin-bottom: 0px !important;
	margin-right: 37px;
}
.footer-social-icon img:hover{
	filter: brightness(0) invert(1);filter: grayscale(38);
}
.copy-right{
    text-align: center;
	margin-top: 42px;
    padding: 24px 5px;
    border-top: 1px solid #bd9d6a47;
}
.copy-right p{
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}
.footer-social-icon{
	margin-top: 22px;
    display: flex;
    align-items: center;
}
.footer-social-icon i {
	font-size: 35px;
    color: #bd9d6a;
    margin-right: 37px;
}



.ri-loader-line {
    animation: 2s linear infinite ri-spin;
    display: inline-block;
	color: #fff;
}
@keyframes ri-spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
	}
}
.acc-data {
    min-height: 100vh;
	justify-content: end;
    width: 100%;
    display: flex;
}
.form-heading h1 {
	font-weight: 500;
	font-size: 46px;
	line-height: 69px;
	color: #224D47;

}
.form-heading p {
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	color: #6B6B6B;

}
.acc-inner-data{
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    background: #040302;
    position: relative;
    z-index: 1;
}
.acc-inner-data .acc-field .custom-list-dropdown{
    background-color: #141414;
    border: 1px solid #DDE0E7;
}
.acc-inner-data .acc-field .custom-list-dropdown .selected-display{
	font-size: 14px;
}
.acc-inner-data .acc-field .custom-list-dropdown .selected-display img{
	margin-right: 9px;
    width: 17px;
}
.create-acc-data .form-group {
    margin: 15px 0px 0px 0px;
    position: relative;
    width: 48.9%;
}
.form-group.create-acc-input {
    width: 100% !important;
}
.input-icon a:hover{
	color: #0a4e47;
}

input:autofill {
	background-color: transparent ;
}
input:-webkit-autofill {
	background-color: transparent;
  }

.input-icon i{
	color: gray;
	font-size: 21px;
}
.acc-field .fa {
	position: absolute;
	top: 40%;
	right: 15px;
}
.input-icon a{
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 21px;
}

.create-acc-data .copyright{
    position: static;
     margin-bottom: 14px;
	 margin-top: 0px;

}

.acc-title img{
	margin-bottom: 24px;
}
.acc-title{
	margin-bottom: 39px;
	text-align: center;
}
.account-right {
	height: 100vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #224d47;
}
.form-check-input:checked{
	background-color: #224d47;
    color: #224d47;
    border-color: #224d47;
    box-shadow: none;
}
.form-check-input:focus{
	box-shadow: none;
}
.create-btn a{
	color:#224D47 !important;
}

.create-btn:hover a{
	color: #fff !important;
}
.small-button:hover{
	background: transparent;
    border: 1px solid #224d47;
	color: #224d47;
}
.create-btn:hover{
	background: #224d47 !important;
    border: 1px solid #224d47 !important;
}
.forgot-password{
	justify-content:end;
	display: flex;
	align-items: center;
	margin-bottom: 36px;
	margin-top: 15px;
}
.forgot-password a{
    color: #bd9d6a;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.5px;
}

.forgot-password a:hover{
	color: #fff;
}
.acc-field input::placeholder {
	color: #838383;
	font-size: 16px;
	font-weight: 400;
  }
.copyright {
	text-align: center;
	margin-top: 50px;
}
.acc-form-control{
font-size: 17px !important;
    height: 47px;
    width: 100%;
    padding: 8px 22px;
    color: #ffffff;
    background: #141414;
    border: 1px solid #dde0e733;
    border-radius: 8px;
}
.form-control{
    font-size: 17px !important;
    height: 52px;
	width: 100%;
	padding: 9px 22px;
	color: #fff;
    border-radius: 10px;
}
.form-control:focus{
    box-shadow: none;
	background: #232323;
    color: #ffff;
    outline: none;
	border-color: #3a3a3a;
}

.acc-field .input-icon{
	position: absolute;
    top: 13px;
    right: 14px;
    color: #224D47;
    height: 22px;
}
.acc-button-info{
	text-align: center;
}


/* register */
.acc-inner-data select {
	color: #e5e5e5;
	font-size: 14px !important;
	font-weight: 400;
	background-color: transparent;
	width: 100%;
	cursor: pointer;
  }
  .acc-inner-data select option{
	color: #fff;
	background-color: #1e1e1e;
  }
  .acc-inner-data select option:hover{
	background-color: #000 !important;
  }
  .acc-inner-data select:focus-within{
	color: #fff !important;
  }
.acc-inner-data   select::-ms-expand {
	display: none;
  }
.dropdown-icon i{
	color: #ffefefdb;
    font-size: 28px;
}
.acc-field .dropdown-icon{
	top: 6px;
}
.title-label-info{
    color: #bd9d6a;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 5px;
    font-weight: 400;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
}
.title-label-info i{
	color: #fff;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    font-size: 28px;
}

.inner-checkbox input {
	margin: 0px 12px 0px 0px;
    width: 18px;
    height: 18px;
	cursor: pointer;
    background: transparent;
    border: 1px solid #caa162;
}

.form-check-input:checked {
    background-color: #caa162;
    color: #fff;
	border: 1px solid #caa162;
    box-shadow: none;
}
.inner-checkbox label{
	color: #fff;
	font-size: 13px;
}
.acc-button-info a{
	display: inline-block;
}
/* reset password */
.otp-verifiction{
	position: relative;
}
.otp-btn {
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #caa162;
    outline: none;
	background-color: transparent;
    position: absolute;
    border: none;
    top: 9px;
    border-radius: 6px;
    right: 6px;
}

.otp-btn:hover{
	color: #caa162;
}
.reset-information{
    color: #838383 !important;
    margin-top: -7px !important;
    font-size: 14px !important;
    font-weight: 400 !important;												
    line-height: normal;
}
.mail-text{
    color: #000 !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 500 !important;
	margin-bottom: 50px;
}

/* ===============dashboard header========== */
.top-header{
    background-color: #000;
    height: 70px;
    display: flex;
    align-items: center;
}
.top-header .container {
    height: 100%;
}
.right-content {
    height: 80px;
}

.left-logo img{
    width: 194px;
}
.container{
	max-width: 1440px;
	padding: 0px 60px;
}
.user-setting-profile, .user-setting-doller {
    --w: 48px;
    display: inline-grid;
    place-content: center;
    width: var(--w);
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
}
.profile-kyc-info {
    display: flex;
    justify-content: space-between;
}
.profile-kyc-bar {
    background-color: #181d1b;
    padding: 16px 0px;
}
.user-setting-profile i{
	font-size: 25px;
	color: #ffffffcf;
}
.user-setting-profile progress {
    --background: conic-gradient(#1BA584 var(--p), #E2E2E2 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: var(--background);
    -webkit-mask: radial-gradient(#0000 57%, #000 57% 73%, #0000 73%);
}
.main-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
a.t-link {
    color: #bd9d6a;
    padding-bottom: 0px;
    border-bottom: 1px dashed;
	font-weight: 600;
}
a.t-link:hover{
	color: #fff;
}
.chat_mess_foot h4 {
    font-size: 12px;
	color: #000;
	margin-top: 5px;
	font-weight: 600;
}
.main-dropdown{
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.main-dropdown i{
	font-size: 28px;
    margin-left: 7px;
	color: #ffffffe0;
}
.dropdown-menu{
	border-radius: 5px;
    border: 1px solid #ffffff21;
    background: #1b1b1b;
    margin-top: 4px !important;
    padding: 0px;
}
.account-dropdown{
	width: 298px;
	height: auto;
	padding: 20px;
	flex-shrink: 0;
}
.box-wrapper-info{
	border-radius: 20px;
	background: #2A2A2A;
	width: 100%;
	padding: 40px;
	position: relative;
	margin-top: 15px;
}
.trading-wallet-btn .small-btn{
	padding: 6px 25px;
}
 .small-btn:hover{
	    background: linear-gradient(16deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
    color: #000;
    border-color: #bd9d6a !important;

}
.trading-content {
    text-align: left;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.trading-content p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 13px;
}
.trading-content span {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #838383;
}
.verification-confirm-right{
	position: absolute;
    right: 20px;
}
.trading-content h5{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.small-btn{
	border-radius: 10px;
    border: 1px solid #fff;
    background-color: transparent;
    display: inline-flex;
    padding: 11px 40px;
    justify-content: center;
    color: #fff;
    align-items: center;
    gap: 10px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    cursor: pointer;
    font-weight: 500;
    row-gap: 20px;
    transition: all 0.4s;
    line-height: normal;
}
.trading-wallet-btn{
    margin-top: 20px;
    display: flex;
    column-gap: 12px;
}
.trading-wallet-btn button {
    width: 50%;
}
.dropdown-toggle::after{
	display: none;
}
.header-nav{
	display: flex;
	align-items: center;
	column-gap: 15px;
	height: 100%;
}
.acc-dropdown.user-box .main-dropdown i {
  margin: 0;
}


.acc-dropdown.user-box {
    height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-nav li{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.acc-dropdown.user-box .dropdown {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acc-dropdown  .main-dropdown {
	height: 100%;
	padding: 0px 15px;
}
.header-nav ul.dropdown-menu {
    border: 1px solid #ffffff21 !important;
    padding: 0;
}

.acc-dropdown .main-dropdown.show {
    background-color: transparent;
}
.custom-menu:hover span{
	color: #bd9d6a !important;
}
.custom-menu:hover {
	color: #bd9d6a !important;
}
.custom-menu:hover i{
	color: #bd9d6a !important;
}
.select-country-btn span i{
	margin-right: 7px;
}

.select-country{
	color: #fff;
  }
   .select-country .select-country-btn,  .select-country .country-options li {
	display: flex;
	align-items: center;
	cursor: pointer;
  }
   .select-country.active .select-country-content {
	display: block;
  }
   .select-country .select-country-content {
	border-radius: 5px;
    border: 2px solid #aaeae124;
    background: #181D1B;
	display: none;
	margin-top: 14px;
	position: absolute;
	width: 164px;
	z-index: 1;
  }
   .select-country .select-country-content .country-options li {
    font-size: 14px;
    font-style: normal;
    padding: 7px 20px;
    font-weight: 400;

    line-height: normal;
  }
   .select-country .select-country-content .country-options li.selected {
	background-color: #2c2c2c;
  }
   .select-country .select-country-content .country-options li:hover {
	background: linear-gradient(270deg, rgba(170, 234, 225, 0.10) 0%, rgba(197, 240, 220, 0.10) 100%);
  }
  .select-country-btn span{
    color: #FFF;
    text-align: center;
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: 500;
  }
  .select-country-btn i{
	font-size: 18px;
  }
  .down-arrow{
	font-size: 28px !important;
    margin-left: 7px;
  }
  .trading-tools{
	width: 448px;
	border: 2px solid #aaeae124;
	padding: 0px;
    transform: translate(-200px, 30px) !important;
  }
  .trading-tools-info{
	display: flex;
	justify-content: space-between;
  }
.trading-content-tools li{
	display: flex;
    flex-direction: column;
}
.trading-content-tools{
	width: 50%;
}
.tools-border{
    border-right: 1px solid;
	border-color: rgba(93, 226, 122, 0.15) !important;
}
.trading-content-tools ul li a {
    color: #FFF;
    font-size: 16px;
    font-weight: 100;
    padding: 10px 26px;
}
.trading-content-tools ul li a:hover{
	background: linear-gradient(270deg, rgba(170, 234, 225, 0.10) 0%, rgba(197, 240, 220, 0.10) 100%);
}
.tools-title{
	color:  #838383;
	font-size: 16px;
	font-weight: 400;
	padding: 12px 26px;
}
.notification-dropdown{
	width: 308px;
}
.notification-info {
    display: flex;
	column-gap: 8px;
	padding: 15px 20px;
}
.notification-info:hover{
	background: linear-gradient(270deg, rgba(170, 234, 225, 0.10) 0%, rgba(197, 240, 220, 0.10) 100%);
}
.notification-img i{
	width: 16px;
	height: 16px;
	color: #fff;
	display: flex;
	padding-right: 20px;
}
.notification-title{
	font-size: 14px;
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    color: #fff;
	margin-bottom: 6px;
}
.notification-dropdown{
	transform: translate(-214px, 30px) !important;
	
}
.notification-content a{
	word-break: break-all;
	color: #838383;
	font-size: 12px;
	font-weight: 400;;
}
.notification-content a:hover{
	color: #C5F0DC;
}
.notification-title span{
	color: #838383;
	font-size: 12px;
}
.user-name p{
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: #fff;
}
.user-name span{
	color: #838383;
	font-size: 12px;
	font-weight: 400;

}
.profile-dropdown{
	width: 308px;
}
.user-profile {
    display: flex;
	padding: 20px;
    flex-wrap: wrap;
	justify-content: center;
}
.user-name {
    width: 100%;
    text-align: center;
	margin-top: 10px;
}
.trading-content-btn
 {
    margin-top: 16px;
}
.trading-wallet-btn {
    margin-top: 20px;
    display: flex;
    column-gap: 12px;
}
.trading-wallet-btn .small-btn {
    padding: 10px 25px;
}
.dropdown-menu .trading-content {
    align-items: baseline !important;
    gap: 0;
    display: flex;
    flex-direction: column;
}
.trading-content-btn .small-btn {
    padding: 8px 26px;
}
ul.dropdown-menu.account-dropdown.show {
	min-width: auto;
    padding: 16px;
    margin-top: 4px !important;
    text-align: left;
	background: #1b1b1b;
    border: 1px solid #ffffff21 !important;
}
div#chatHistoryPopup .modal-header {
    border-bottom: 1px solid #838383;
    padding: 20px 18px;
}
div#chatHistoryPopup .modal-content {
    overflow: hidden;
    padding: 0;
    background-color: #181D1B;
    border-radius: 2px;
}
div#chatHistoryPopup .modal-header .btn-close {
    position: unset;
    margin: 0;
    padding: 0;
    height: 25px;
	display: flex;
	align-items: center;
}
div#chatHistoryPopup .modal-header {
    border-bottom: 1px solid #838383;
}
div#chatHistoryPopup .modal-header h3 {
    font-size: 21px;
}
.chat_mess {
    max-width: 70%;
    /* white-space: pre-wrap; */
    word-break: break-word;
    overflow-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
}
.d-flex.user {
    justify-content: end;
    text-align: right;
}
.user .chat_mess {
    justify-content: end;
    border-radius: 0.5rem 0.5rem 0;
    color: #fff;
    min-height: 2rem;
    background-color: #d9e585;
    margin-bottom: 10px;
	padding: 0.5rem;
}
.chat_mess_head p{
    font-size: 14px;

}
.user .chat_mess_head p {
    color: #000;
}
.attach-file input {
    position: absolute;
    opacity: 0;
    right: 0;
    left: 0;
    width: 30px;
}
.attach-file {
    position: relative;
    cursor: pointer;
    width: 50px;
    background-color: #bd9d6a;
}
.message-send-input {
    display: flex;
    margin: 0;
    gap: 8px;
}
.message-send-input .form-group {
    margin: 0;
    flex: 1;
}
div#chatHistoryPopup .modal-dialog {
    max-width: 650px;
}
.chat-send-msg {
    display: flex;
    gap: 6px;
}
.invite-ib-info h3{
	margin-bottom: 18px !important;
}

.incomplete-profile-alert {
	background-color: hsl(354deg 100% 96.08%);
    text-align: center;
    padding: 8px 10px;
    font-size: 15.5px;
    color: hsl(354.8deg 70.09% 41.96%);
}
.message-send-input .form-control {
    height: 45px;
    background-color: #000;
}
.attach-file.small-btn-bg img {
    filter: brightness(0) saturate(100%);
    width: 25px;
}
.small-btn-bg:hover img {
    filter: brightness(0) saturate(100%) invert(90%) sepia(71%) saturate(1834%) hue-rotate(10deg) brightness(104%) contrast(100%);
}

span.kyc-reject-icon i {
    font-size: 25px;
    margin-left: 8px;
    color: #cc2432;
}
.admin .chat_mess_head p  {
	color: #fff;
}
div#chatHistoryPopup .modal-body {
    overflow: auto;
}

.document-upload-failed {
    background: #ffebed;
    padding: 10px 16px;
    color: #000;
    font-size: 14px;
    border: 1px solid #f5c3c8;
    border-radius: 10px;
    margin-top: 14px;
}
.chat-send-msg .small-btn-bg {
    padding: 5px 10px;
    height: 100%;
    font-size: 22px;
    gap: 5px;
    align-items: center;
}
.attach-file.small-btn-bg {
    width: 50px;
}
.admin .chat_mess_foot a {
    color: #bd9d6a;
}
.small-btn-bg:hover .ticketLoader i {
    color: #bd9d6a;
}
div#chatHistoryPopup .modal-header .btn-close i{
	color: #fff;
}
.mess-send-icon button {
    min-width: 50px;
}
.admin .chat_mess {
    border-radius: 0.5rem 0.5rem 0.5rem 0rem;
    color: #fff;
    min-height: 2rem;
    background-color: #000;
    padding: 0.5rem;
    margin-bottom: 10px;

}
.admin  .chat_mess_foot h4 {
	color: #fff;
}

.chat_mess_foot {
    margin-top: 5px;
    width: 100%;
}
.send-msg-info .modal-footer {
    border-top: 1px solid #838383;
}
.chat_mess_foot a {
    color: #0d6efd;
    font-size: 14px;
    text-decoration: underline;
}

.user-img {
    font-size: 44px;
    height: 64px;
    width: 64px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    background-color: #000000;
}
.user-profile-link ul li a {
	padding: 15px 29px;
    gap: 12px;
    justify-content: space-between;
    position: relative;
	font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: flex;
    width: 100%;
    line-height: normal;
    align-items: center;
}
.user-profile-link ul{
	border-color: rgb(250 255 251 / 15%) !important;
	border-bottom: 1px solid;
	border-top: 1px solid;
}
.user-profile-link ul li:hover{
	background:linear-gradient(270deg, rgb(109 109 109 / 10%) 0%, rgb(133 133 133 / 10%) 100%);
}
.user-profile-link .log-out ul {
    border: unset;
    padding: 0;
}
.user-profile-link ul li {
    gap: 12px;
    justify-content: space-between;
	position: relative;
}
.user-profile-link .log-out ul li {
    padding: 0;
}
.acc-dropdown button.copy-btn {
    font-size: 22px;
    background: transparent;
    border: none;
    color: gray;
    right: 17px;
    top: 12px;
}
.dropdown-overlay {
    position: fixed;
    background-color: #0000006e;
    width: 1000%;
    height: 1000%;
    right: 0;
    left: 0;
    z-index: 5;
    top: 80px;
	display: none;
}

.main-card-info{
    padding: 36px 49px;
    overflow: auto;
    flex: 1;
}

.acc-dropdown .main-dropdown.show .dropdown-overlay {
	display: block;
    right: 0;
    left: -200%;
    z-index: 1;
    top: 80px;
}
.acc-dropdown {
    height: 100%;
    align-items: center;
    display: flex;
}
.header-nav .dropdown, .header-nav .main-dropdown {
    height: 100%;
    display: flex;
    align-items: center;
}
.user-profile-link ul li.link-drop a {
    word-break: break-word;
}
.user-profile-link ul li.link-drop a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.acc-dropdown.user-box span {
    font-size: 16px;
    padding-right: 10px;
}
/* sidebar */
.sidebar {
	width: 258px;
    border-radius: 10px;
    background: #1B1B1B;
    z-index: 9999;
    border-right: 1px solid #303030;
    position: relative;
}
.sidebar-nav-link {
      margin: 27px 17px 0px 17px;
}
.logo {
    padding: 20px 40px;
    border-bottom: 1px solid #303030;
    text-align: center;
}
.main-data{
	flex: 1;
}
.logo img {
    width: 99px;
}
.main-wrapper-info {
    display: flex;
    height: 100%;
}
.main-wrapper {
    overflow: hidden;
    height: 100vh;
}

.sidebar ul li a:hover i{
    color: #000;
}
.sidebar ul.sub-menu li a:hover i{
	color: #fff;
}
.sidebar ul.sub-menu li a:hover{
	color: #fff;
}
.sidebar ul.sub-menu li a.active{
	color: #ffd28a !important;
}
.sidebar ul.sub-menu li a.active i{
	color: #ffd28a !important;
}
.sidebar ul li a i{
	font-size: 25px;
	color: #B9B9B9;
	font-weight: 200;
}
.sidebar ul li a {
    text-align: left;
    font-size: 16px;
    font-style: normal;
	color: #B9B9B9;
    font-weight: 500;
    line-height: normal;
    position: relative;
    border-radius: 10px;
    border: 1px solid #B9B9B9;
    padding: 9px 21px;
    display: flex;
	transition: all 0.3s;
    align-items: center;
    justify-content: space-between;
}
.sidebar ul li a > div{
	display: flex;
    gap: 12px;
	align-items: center;
}
ul.sidebar-nav-link li {
    margin-bottom: 30px;
}
.sidebar-nav-link li .active{
    background: #bd9d6a;
    color: #000;
    border: 1px solid #bd9d6a;
}
.sidebar-nav-link li .active i{
	color: #000;
}
.sidebar ul li a:hover{
	background: #bd9d6a;
	color: #000;
	border-color: #bd9d6a;
}

.dashboard-header {
    height: 80px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
	border-bottom: 1px solid #303030;
}
.header-right .dropdown-menu {
    border: unset;
	padding: 0;
}

ul.sub-menu li {
    margin-bottom: 9px;
   display: list-item;
	list-style: none !important;

}

ul.sidebar-nav-link li ul.sub-menu {
	padding: 11px 10px;
    list-style: disc !important;
    color: #fff;
    margin-left: 0px;
    border-radius: 8px;
    background: #0c0c0c;
	border: 1px solid #ffffff57;
    margin-top: 7px;
}
ul.sub-menu li:last-child{
	margin-bottom: 0px;
}
.sidebar ul.sub-menu li a {
	padding: 7px 2px;
    justify-content: left;
    padding-left: 15px;
    gap: 1px;
    background: #2a2a2ab3;
    border-color: #ffffff2b;
}
ul.sidebar-nav-link li span i {
    line-height: normal;
    vertical-align: middle;
}

.sidebar-nav-link li.active i{
	color: #bd9d6a;
}

ul.sidebar-nav-link li a[aria-expanded = 'true'] .sunmenu-arrow {
    transform: rotate(180deg);
}
/* ===dashboard=========== */

.data-head-title {
    margin-top: 3px;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    justify-content: space-between;
}
.head-main-title {
	    margin-bottom: 22px;

}
.head-main-title h1{
	color: #bd9d6a;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.data-head-title h4{
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.profile-kyc-progress {
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.data-learn-more{
	color: #4A93FF;
	font-size: 15px;
	margin-right: 19px;
	font-weight: 500;
}
.data-head-title .small-btn{
	padding: 10px 20px;
	font-size: 14px;
}
.dashboard-header h1 {
    color: var(--THEME, #DFFF07);
    text-align: center;
    font-family: Poppins;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.main-data {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: calc(100% - 312px);
}
.header-right h3 {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.header-right {
    display: flex;
    align-items: center;
    gap: 40px;
    flex: 1;
    justify-content: end;
	height: 100%;
}
/* .header-right .custom-list-dropdown {
    border: unset;
    padding: 0;
	min-width: auto;
}
.header-right .custom-list-dropdown i {
	position: absolute;
    right: 5px;
    top: 50%;
    font-size: 22px;
    line-height: 0;
}
.header-right .custom-list-dropdown {
    border: unset;
    padding: 0 30px 0px 0px;
    min-width: auto;
    background-color: transparent;
  
    gap: 10px;
}
.header-right .language-select{
	  display: flex;
    align-items: center;
	gap:8px;
}
.header-right .custom-list-dropdown .selected-display {
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}
.header-right .custom-list-dropdown .global-icon i {
    position: unset;
}
.global-icon i {
    color: #fff;
    font-size: 22px;
} */
/* ========= */

.custom-data-tabs .nav-tabs {
	border: 1px solid #AAEAE1;
    border-radius: 5px;
	overflow: hidden;
}
.custom-data-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #000000 !important;
    background-color: #bd9d6a !important;
	border-color: #bd9d6a !important;
}
.custom-data-tabs .nav-tabs .nav-link {
    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
    background: 0 0;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    border: none;
	padding: 3px 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.custom-card-info{
    background-color: #222725;
    border-radius: 10px;
    padding: 30px;
	margin-bottom: 20px;
}
.custom-card-left span{
	padding: 5px 17px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	background-color: #838383;
}
.custom-card-left .real{
	background-color: #bd9d6a;
	color: #000;
	font-weight: 600;
}
.custom-card-left .demo{
	background: var(--btn, linear-gradient(270deg, #AAEAE1 0%, #C5F0DC 100%));
	color: #000;
	font-weight: 600;
}
.custom-tabs-button .active {
	color: #bd9d6a !important;
	background-color: transparent;
	padding: 0px 16px;
	padding-bottom: 8px;
	border: none;
	border-bottom: 2px solid #bd9d6a!important;
}
.custom-tabs-button .custom-tabs-btn{
	background-color: transparent;
	color: #fff;
	border: none;
	padding: 0px 16px;
	padding-bottom: 8px;
	font-size: 20px;
	border-bottom: 2px solid transparent;
}
.custom-tabs-head{
    display: flex;
    justify-content: space-between;
    padding-bottom: 32px;
    margin-bottom: 35px;
    align-items: center;
    border-color: rgba(93, 226, 122, 0.15) !important;
    border-bottom: 1px solid;
}
.custom-tabs-button{
	display: flex;
    align-items: center;
    column-gap: 24px;
}
.custom-data-tabs .nav-link  i{
	font-size: 25px;
}
.custom-main-tabs{
	display: flex;
	align-items: center;
	column-gap: 20px;
}

.custom-list-dropdown {
	position: relative;
	padding: 9px 40px 9px 16px;
    background: #232323;
    text-align: left;
   border: 1px solid #dde0e73d !important;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
	min-width: 164px;
}
  .arrow {
	margin-left: 10px;
	margin-right: 10px;
	color: #ffffffcd;
	font-size: 20px;

  }
  .selected-display {
	display: flex;
	align-items: center;
  }
  .custom-list-dropdown i{
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 22px
  }
  .custom-list-dropdown::before {
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -2px;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #fff transparent;
  }
  .rotated {
	transform: rotate(-180deg);
  }
  .create-acc-data .custom-list-dropdown .list-item-dropdown{
    border: 1px solid #ffffff24;
	background-color: #141414;
  }

.create-acc-data .custom-list-dropdown .list-item-dropdown::-webkit-scrollbar {
    width: 6px;
}
.create-acc-data .custom-list-dropdown .list-item-dropdown::-webkit-scrollbar-track {
    background-color: #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.create-acc-data .custom-list-dropdown .list-item-dropdown::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(96, 95, 95); 
	height: 8px;
}
.create-acc-data .custom-list-dropdown .list-item-dropdown li{
    border-bottom: 1px solid #8b8b8b21;
    color: #e1e1e1;
}
  .custom-list-dropdown .list-item-dropdown {
	transition: 0.3s;
    position: absolute;
    top: 120%;
    right: 0;
    left: 0;
    margin: 0;
	max-height: 400px;
    height: auto;
    overflow-y: auto;
	padding: 0px  !important;
    border-radius: 5px !important;
	border: 2px solid #3F3F3F;
    background: #1b1b1b;
    z-index: 99;
	opacity: 0;
	visibility: hidden;
	width: 100%;
    min-width: max-content;
  }
  .custom-list-dropdown .list-item-dropdown li {
	padding: 0 15px;
	line-height: 45px;
	overflow: hidden;
	border-bottom: 1px solid #ffffff17;
  }
  .custom-list-dropdown .active{
    background-color: #a1fb1014;
    cursor: text;
    pointer-events: none;
  }
  .list-item-dropdown .active:hover{
	background-color: transparent;
  }
  .custom-list-dropdown .list-item-dropdown li:last-child {
	border-bottom: none;
  }
  .list-item-dropdown {
	padding: 0.5rem !important;
  }
  .custom-list-dropdown .list-item-dropdown li:hover {
	background:#80808014;
  }
  .custom-list-dropdown.active .list-item-dropdown {
	opacity: 1;
	visibility: visible;
	border-radius: 15px;
  }
  .custom-card-left{
	display: flex;
	align-items: center;
    column-gap: 12px;
  }
.acc-amount-info h4{ 
	font-size: 38px;
	font-style: normal;
	font-weight: 500;
	margin: 20px 0px;
}
.acc-amount-info span{
	color: #dbdbdb;
    font-size: 23px;
}
.acc-card-btn{
	display: flex;
    column-gap: 14px;
	align-items: center;
}
.acc-card-btn .small-btn{
	padding: 10px 40px;
}
.acc-card-btn .small-btn-bg{
	background-color: #bd9d6a;
    color: #000;
	font-weight: 600;
	border:1px solid #bd9d6a ;
}
.form-control::placeholder{
	font-size: 16px;
}
.custom-card-head{
	display: flex;
	justify-content: space-between;
}
.actionlist-dropdown{
	width: 225px;
	transform: translate(-180px, 27px) !important;
}

.action-list a{
	font-size: 14px;
	font-weight: 100;
	padding: 8px 10px;
	width:100%;
	display: block;
}
.action-list  a:hover{
	color: #fff;
}
.action-list a:hover{
	background: linear-gradient(270deg, rgba(170, 234, 225, 0.10) 0%, rgba(197, 240, 220, 0.10) 100%);
}
.no-data-info{
	text-align: center;
	margin-top: 40px;
	padding: 150px 0px;
}
.no-data-info p{
	margin-top: 8px;
    margin-bottom: 20px;

}
.account-list-title{
    display: flex;
    align-items: center;
	margin-bottom: 20px;
    justify-content: space-between;
}
.account-list-details{
	border-radius: 18px;
	background-color: #222725;
	padding: 22px 15px;
}
.account-archived-details h4{
    margin-top: 26px;
    font-size: 20px;
    margin-bottom: 10px;
}
.account-archived-details p{
	margin-bottom: 20px;
}
.account-list-title h5{
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}
.account-list-box{
	display: flex;
	justify-content: space-between;
	padding: 10px 0px;
}
.account-list-box span{
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	color: #838383;
}
.account-list-box span:nth-child(2){
	border-bottom: 1px dashed #838383;
	flex: 1;
}
.account-list-btn .acc-fund-btn{
    border: none;
    font-size: 12px;
    font-style: normal;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 3px;
    font-weight: 600;
    background: var(--btn, linear-gradient(270deg, #AAEAE1 0%, #C5F0DC 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.account-list-btn{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.acc-fund-btn i{
    font-size: 26px;
}
.account-list-btn .active{
	background: #bd9d6a;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.account-list-btn .active i{
	color: #bd9d6a;
}
.acc-fund-btn:hover{
	background: #bd9d6a;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tranfer-fund-box{
	width: 1150px;
	border-radius: 20px;
	background: #181D1B;
	padding: 10px;
}

.announcement-info {
	width: 429px;	
}
.modal-content{
	background-color: #000;
	border-radius: 20px;
	padding: 18px;
	max-height: 80vh;
    overflow: hidden;
    overflow-y: visible;
}
.announcement-info .modal-header{
	border-bottom: none;
}
 .btn-close{
    opacity: 1;
    position: absolute;
    right: 13px;
    font-size: 30px;
    color: #AAEAE1 !important;
    padding: 0px;
    background: none;
	top: 8px;
	z-index: 1;
}
.btn-close:hover{
	opacity: 1;
}
.announcement-content h3{
	margin-top: 23px;
	margin-bottom: 12px;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
}
.announcement-content p{
	color: #CACACA;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}
.announcement-content{
	padding-top: 0px;
}
.announcement-btn{
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-top: 31px;
    justify-content: center;
}
.small-btn-bg {
   background: linear-gradient(178deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
    color: #000;
       border: 1px solid #bf8f42;
    font-weight: 600;
    border-radius: 10px;
    display: inline-flex;
    padding: 14px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    cursor: pointer;
    row-gap: 10px;
    transition: all 0.4s;
    line-height: normal;
}
.small-btn-bg i {
    font-size: 20px;
}
.modal-body  .small-btn-bg {
	width: 349px;
	height: 41px;
}
.small-btn-bg:hover{
    background: linear-gradient(16deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
    color: #000;
}
.invite-friends-info {
	max-width: 759px !important;
}
.invite-friends-content{
	text-align: center;
}
.invite-ib-info .work-content-data {
    padding: 25px;
    background: #222725;
    border-radius: 10px;
}
.view-referrel {
    padding: 28px;
    border-radius: 10px;
    background: #222725;
}
.profile-register-info h2{
	font-size: 21px;
    margin: 5px 0px;
	font-weight: 600;
}
.profile-register-info {
    border-radius: 20px;
    padding: 16px;
    background: #222725;
}
.invite-copy-link{
	background-color: #181d1b;
	width: 574px;
	height: 52px;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	color: #AAEAE1;
	border: none;
	border-radius: 10px;
	padding:0px 20px;
}
.invite-friends-content h2{
	font-size: 24px;
	font-style: normal;
	color:#FFF;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 30px;
}
.invite-link{
	position: relative;
	width: 574px;
	margin: auto;
}
button.copy-btn {
    font-size: 22px;
    background: transparent;
    border: none;
    color: gray;
	right: 15px;
    top: 17px;
	position: absolute;
    line-height: 13px;
    height: max-content;
    margin-top: 3px;
}
.copy-btn:hover{
	color: #fff !important;
}

.work-content-box{
	display: flex;
    justify-content: space-between;
}
.how-work-title h3{
	font-size: 24px;
	font-style: normal;
	margin: 46px 0px;
	font-weight: 600;
	line-height: normal;
}
.work-content-data p{
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-top: 28px;
	line-height: normal;
} 
.invite-read-more a{
	color: #35C2C2;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.ib-panal-info h4 {
    margin-top: 41px;
}
.invite-read-more {
    margin-top: 40px;
}
.account-list-modal{
	max-width:523px;
}
.account-list-modal .modal-content{
	padding: 40px;

}
.account-list-modal{
	position: relative;
	text-align: center;
}

 .btn-close:focus{
	box-shadow: none ;
}
.acc-modal-content h3{
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}	
.acc-modal-content p{
    margin-top: 15px;
    margin-bottom: 18px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;	
}
.acc-modal-content span{
	color: #CACACA;
}
.acc-modal-content .custom-list-dropdown{
	width: 100%;
	padding: 11px 0px 11px 0px;
	border: none;
}
.form-group{
	text-align: left;
	margin-bottom: 30px;
}
.acc-list-group label{
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: left;
margin-bottom: 9px;
color: #CACACA;
}
.acc-list-group .custom-list-dropdown span{
	color: #fff !important;
}
.acc-modal-content .custom-list-dropdown i {
    position: absolute;
    right: 17px;
}
.acc-list-button{
	margin-top: 31px;
}
.rename-content-title{
	margin-top: 0px;
	font-weight: 500 !important;
}
.acc-list-group{
    margin-top: 29px;
}
.acc-information-body{
	padding: 0px;
}
.acc-information-dialog .modal-content{
	padding: 0px;
}
.acc-information-body .acc-modal-content-title{
    padding: 30px 0px;
	border-bottom: 1px solid  #222725;
}
.acc-information-data{
	padding: 0px 52px;
	padding-bottom: 30px;
}
.acc-informatio-left{
	width: 50%;
	text-align: left;
}
.acc-informatio-right{
	width: 50%;
	text-align: left;
}
.acc-information-info{
	display: flex;
	align-items: baseline;
	margin: 23px 0px;
}
.acc-information-copy p{
	margin: 0px;
}
.acc-information-copy{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.acc-informatio-right p{
	font-size: 14px;
	font-weight: 600;
}
.acc-information-copy a{
	font-size: 20px;
    color: gray;
}
.acc-information-copy a:hover{
	color: #fff;
}
.acc-informatio-left span{
	font-weight: 500;
}
.acc-informatio-right span{
	font-size: 16px;
}
.acc-pass-title{
	font-weight: 500 !important;
}
.validation-info{
	text-align: left;
	color: #838383;
	margin-top: 12px !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	padding: 0px 8px;
}
.acc-copy-info {
	display: flex;
    align-items: center;
    margin-top: 12px;
    column-gap: 31px;
}
.acc-copy-left {
    width: 20%;
    text-align: left;
}
.acc-data-copy p{
	text-align: left;

}
.acc-copy-right p{
	margin: 0;
}
.acc-data-copy-title{
	margin-bottom: 21px !important;
    margin-top: 35px !important;
	color: #CACACA;
}
.manage-statement-title{
	color: #CACACA;
}
.acc-statement-info .inner-checkbox{
	display: flex;
    margin-bottom: 0px;
    align-items: center;
	margin-top: 7px;
}
.referral-links-box {
    width: 97%;
}
.referral-links-left {
    width: 100%;
    display: flex;
    gap: 19px;
}
.acc-statement-info .inner-checkbox label{
	margin-bottom: 0px;
	cursor: pointer;
}
.acc-statement-info .inner-checkbox input {
    margin: 0px 12px 0px 0px;
    width: 20px;
    height: 20px;
}
.set-leverage img{
	margin-bottom: 20px;
}
.set-leverage p{
	color: #CACACA;
}
.set-leverage .acc-list-button .cancel-btn{
	background-color: transparent;
	color: #fff;
	border: none;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-top: 10px;
}
.announcement-content .small-btn-bg{
	width: auto;
}
.data-head-title a:hover{
	color: #AAEAE1;
}
.steps-verification-title{
	color: #CACACA;
}
.steps-verification-data{
	display: flex;
	margin-bottom: 20px;
}
.steps-verification-num span{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.steps-verification-content{
	text-align: left;
}
.steps-verification-content h3{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.steps-verification-content span{
	color: #838383;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.steps-verification-content ul{
	padding-left: 40px;
	margin-top: 11px;
}
.steps-verification-content ul li{
	font-size: 14px;
	font-weight: 500;
	padding: 2px 0px;
	list-style: disc;
	color: #CACACA;
}
.verification-num{
	background-color: #D6D7D7;
	color: #817c7c !important;
	border-radius: 50%;
	height: 100%;
}
.steps-verification-num{
	position: relative;
	margin-right: 20px;
    margin-top: 12px;
}
.steps-verification-num .active{
	background-color: #02C321 !important ;
	color: #fff !important;

}
.verification-num::after{
    position: absolute;
    content: '';
    width: 1px;
    border: 1px dashed #838383;
    height: 100%;
    left: 46%;
    z-index: 0;
    top: 33px;
}
.steps-border-none .verification-num:after{
	display: none !important;

}
.steps-verification-disable h3{
	color: #838383;
}

/* open new account */
.account-card-box{
	text-align: center;
    border-radius: 20px;
    border: 1.5px solid rgba(131, 131, 131, 0.50);
    background: #222725;
    padding: 30px 10px;
	position: relative;
	height: 100%;
	transition: 0.5s;
}
.account-card-title h3{
	color: #FFF;
	text-align: center;
	font-size: 34px;
	font-weight: 500;
	margin-bottom: 22px;
}
.account-card-title p{
	font-size: 15px;
}
.account-card-title{
	border-bottom: 1px solid #838383;
	padding-bottom: 17px;
}
.account-card-data{
	padding: 12px 50px;
}
.open-acc-details{
	display: flex;
	justify-content: space-between;
	padding: 7px 0px;
}
.open-acc-details p{
	color: #838383;
}
.shape-img{
	position: absolute;
	left: -15px;
    top: -7px;
}
.acc-card-shape{
    position: absolute;
    clip-path: polygon(100% 0, 79% 52%, 104% 115%, 0% 151%, 0 50%, 0% 0%);
	background-color: #838383;
	width: 145px;
    height: 39px;
    left: 0;
}
.account-card-space .col-lg-6:nth-child(1) .acc-card-shape{
	background: #bd9d6a;
    width: 171px;
}
.account-card-space .col-lg-6:nth-child(2) .acc-card-shape{
	background: #AAEAE1 !important;
    width: 171px;
}


.acc-card-shape span {
    position: absolute;
    left: 8px;
	font-size: 14px;
    font-weight: 600;
    top: 9px;
    color: #000;
}
.account-card-button{
	position: absolute;
    width: 100%;
    left: 0;
	bottom: 0;
	opacity: 0;
	z-index: 99;
}
.account-card-button .small-btn-bg{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
	border-radius: 0px 0px 20px 20px;
}
.account-card-box:hover{
	border: 1.5px solid  #bd9d6a;
	
}
.account-card-box:hover .account-card-button{
	opacity: 1;
}
.account-card-box::before{
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	z-index: 1;
	border-radius: 20px;
	left: 0;
	opacity: 0;
	background: rgba(0, 0, 0, 0.30);
}
.account-card-box:hover::before{
	opacity: 1;
}
.account-card-space{
    row-gap: 31px;
}
.account-card-button .small-btn-bg:hover{
	background-color: #bd9d6a;
    color: #000;
}
.data-head-inner{
	display: flex;
	align-items: center;
	column-gap: 22px;
}
.data-head-inner span{
	display: flex;
	column-gap: 8px;
	align-items: center;
	color: #CACACA;
}
.custom-account-inner .tab-inner-link.active {
    color: #000 ;
    background-color: transparent !important;
	border: none;
}
.custom-account-inner .tab-inner-link.active .tabs-check-box{
	border: 5px solid #bd9d6a;
}
.custom-account-inner .nav-tabs {
	display: flex;
    column-gap: 60px;
	border-bottom: none;
}
.tabs-check-box{
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	border-radius: 50%;
}
.tabs-check-head {
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.tabs-check-content-box h4{
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 5px;
}
.tabs-check-content-box p{
	font-size: 12px;
font-style: normal;
font-weight: 400;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	border: none;
}
.custom-account-inner .nav-tabs .nav-link{
	border: none;
	padding: 0px;
}
.custom-account-inner{
	margin-top: 25px;
}
.form-group label{
	font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: #CACACA;
	margin-bottom: 9px;
}
.account-inner-tabs .custom-tabs-head{
	margin-bottom: 0px;
    border: none;
}
.form-group .custom-list-dropdown {
    width: 100%;
    height: 52px;
    padding: 14px 0px 14px 22px;
    border: none;
	border-radius: 10px;
}
.form-group .custom-list-dropdown i {
    position: absolute;
    right: 13px;
    top: 5px;
    color: #CACACA;
    font-size: 30px;
}
/* deposit page */
.inner-main-title{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 26px;
}
.inner-main-title a{
	color: #4A93FF;
    font-size: 19px;
}
.inner-main-title a:hover{
	color: #AAEAE1;
}
.deposit-card-title{
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 20px;
	border-bottom: 1px solid #838383;
}
.deposit-title-name {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.deposit-title-name img{
	width: 30px;
}
.deposit-card-box {
    border-radius: 20px;
    border: 1px solid  #838383;
    background:  #222725;
}
.deposit-card-content {
    padding: 20px;
}
.deposit-title-img i {
    font-size: 22px;
    color: #bd9d6a;
}
.deposit-card-content p{
	line-height: 31px;
}
.deposit-main-info .row{
	row-gap: 28px;
}
.deposit-card-box:hover{
	border-color:#bd9d6a ;
}
.payment-method-link{
	color: #AAEAE1;
}
.custom-list-dropdown img{
	margin-right: 6px;
	width: 20px;
}
.alert-wrapper{
	padding: 14px 19px;
    border-radius: 10px;
   background: rgb(255 186 0 / 11%);
}
.alert-wrapper .small-btn-bg{
    margin-top: 15px;
}
.alert-wrapper h5{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 6px;
	line-height: normal;
}
.alert-wrapper .text-gray{
	color: #838383;
}
.select-menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding-right: 57px;
    width: 100%;
}
.select-menu-item-left {
    display: flex;
    align-items: center;
}
.list-item-dropdown .select-menu-item{
	padding-right: 0px;
}
 .select-item-bg{
    padding: 2px 13px;
    justify-content: center;
    align-items: center;
    background-color: #838383;
    color: #fff;
    display: flex;
	margin-right: 9px;
	font-size: 14px;
    height: 27px;
    border-radius: 5px;
}
.amount-currency {
    position: absolute;
    right: 13px;
    top: 15px;
}
.amount-currency-info input::placeholder {
    color: #CACACA;
    font-size: 24px;
    font-weight: 600;
}
.min-max-limit span{
	color: #AAEAE1;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.min-max-limit {
    align-items: center;
    display: flex;
    column-gap: 6px;
    padding: 0px 5px;
}
.amount-currency-show {
border-radius: 10px;
    height: 73px;
    padding: 0px 22px;
    align-items: center;
    display: flex;
    border: 1px solid #434444;
    justify-content: space-between;
    background: #1f1f1f;
}
.amount-currency-num span{
	color: var(--white, #FFF);
	text-align: right;
	font-size: 21px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.amount-currency-num span:nth-child(1){
	font-size: 30px;
}
.amount-currency-num {
    display: flex;
    align-items: baseline;
}
.deposit-list-details .account-list-box span{
	font-size: 16px;
	color: #CACACA;
}
.deposit-list-details .account-list-box span:nth-child(3){
	font-size: 18px;
	display: flex;
}
.deposit-list-details .account-list-box {
    padding: 22px 0px;
}
.deposit-list-details .small-btn-bg{
	margin-top: 40px;
}
.deposit-address p {
    margin-top: 25px;
    margin-bottom: 10px;
}
.deposit-address{
	padding: 0px 8px;
}
.deposit-address h5{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.deposit-qr img {
    background-color: #fff;
    border-radius: 10px;
}
.deposit-title-img span{
	color: #87E44D;
	text-align: right;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	cursor: default;
	line-height: normal;
}
.acc-field.otp-verifiction .form-control {
    letter-spacing: 13px;
    font-weight: 600;
}
.acc-field.otp-verifiction .form-control::placeholder{
	letter-spacing:normal;
}
/* transaction history */
.transaction-history-head{
	display:flex;
	column-gap: 23px;
}
.history-data-title {
    margin-top: 40px !important;
    display: flex;
	margin-bottom: 9px;
}
.transaction-type-img i{
	color: gray;
	font-size: 24px;
}
.transaction-history-item{
	width: 25%;
	overflow: hidden;
}
.transaction-type-img img {
    width: 25px;
}
.processing-progress-icon p{
	color: #ffe199 !important;
}
.processing-progress-icon .node{
	background-color: #ffe199 !important;
}
.processing-progress-icon i{
	color: #000 !important;
}
.active-progress p{
	color:#ffe199 !important; 
}
.transaction-type-data p:nth-child(3){
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.history-data-box{
	border-radius: 5px;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #222725;
	border: 1px solid transparent;
	cursor: pointer;
}
.history-data-box:hover{
    background: #181c1b;
    border: 1px solid #bd9d6a9e;
}
.transaction-type{
	display: flex;
	column-gap: 9px;
	align-items: center;
}
.transaction-inner-data{
	display: flex;
	align-items: center;
    column-gap: 30px;
	width: 40%;
}
.trasaction-transfer-icon i {
    color: #ffffffbd;
    font-size: 25px;
}
.transaction-status i{
	color: #fff;
}
.transaction-status ul li{
    list-style: disc;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.transaction-status ul .processing{
    color: #ffe199;
}
.transaction-status ul .rejected{
	color:#ff1b01;
}
.transaction-status ul .done{
	color:#4bff4b;
}
.transaction-status {
    width: 17.25%;
    text-align: left;
}
.transaction-amount{
	max-width: 25%;
}
.history-main-data {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.no-data-info h5{
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.transaction-no-data p{ 
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	color: #838383;
}
.transaction-no-data h5{
	margin-top: 18px;
}
/* perfomance */
.performance-tabs  .performance-link-item.active{
	color: #bd9d6a !important;
    border-bottom: 1px solid;
    background-color: transparent !important;
}
.performance-tabs .nav-tabs .nav-link{
	font-size: 20px;
	padding: 8px 0px;
}
.performance-tabs .nav-tabs{
	border: none;
	column-gap: 24px;
	display: flex;
	border-radius: 0px;
}
.perfomance-card{
	border-radius: 10px;
	background: #222725;
	padding: 20px;
	min-height: 229px;
}
.perfomance-card h5 {
    font-size: 24px;
    font-style: normal;
    margin: 14px 0px;
    margin-bottom: 23px;
    font-weight: 600;
}
.perfomance-card p{
	margin-top: 10px;
}
.performance-tabs-head{
	padding-bottom: 32px;
    margin-bottom: 7px;
    align-items: center;
    border-color: transparent;
    border-bottom: none;
}
.perfomance-info .inner-main-title{
	font-size: 18px;
	font-weight: 600;	
	margin-bottom: 10px;
}
.performance-inner-tabs .nav-tabs {
    border: none;
    column-gap: 24px;
    display: flex;
    border-radius: 0px;
}
.available-wallet span {
    color: #c3c3c3;
}
.performance-inner-tabs .performance-inner-item{
	border-radius: 5px !important;
	font-size: 14px;
	padding: 8px 37px !important;
	border: 1px solid var(--btn, #AAEAE1) !important;
	background: var(--dark-green, #181D1B) !important;
}

.table{
	width: 100%;
	padding: 0px 30px;
	background-color: #1b1b1b;
}
.table thead th{
	padding: 15px 23px;
}
.table thead th {
    color: #fff; 
    text-align: left;
    border-bottom-color: #83838326 !important;
}
.table thead th, tbody td{
		border: 1px solid #83838326;
}
.table  tbody td{
	padding: 13px 23px;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #bcbcbc;
	text-align: left;
	line-height: normal;
}
.table .action-link{
	color: #4A93FF;
}
.table .action-link:hover{
	color: #aaeae1;
}
.history-action-modal{
	max-width: 800px !important;
}
.history-action-title {
    display: flex;
	column-gap: 12px;
	margin-bottom: 47px;
    justify-content: center;
}
.history-action-content p{
	font-size: 14px;
}
.history-action-content .row{
	row-gap: 20px;
}
.history-action-content{
	display: flex;
    flex-direction: column;
    row-gap: 23px;
}
.perfomance-right-dropdown{
	display: flex;
    align-items: center;
    column-gap: 19px;
}
.perfomance-list-dropdown{
	min-width: 241px;
}
.perfomace-acc-list{
	display: flex;
	align-items: center;
	column-gap: 7px;
}
.perfomace-acc-list span{
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
}
.perfomace-acc-list p{
	color: #CACACA;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.perfomace-acc-info h5{
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.perfomance-list-dropdown .list-item-dropdown li {
    line-height: 27px;
    padding: 7px 15px;
}
.perfomance-list-dropdown  .list-item-dropdown {
    opacity: 1;
    display: flex;
    flex-direction: column;
	    border-radius: 15px;
}
.summary-chart{
	margin-top: 40px;
}

/* setting page */
.setting-custom-tabs .nav-tabs {
    border: none;
	flex-direction: column;
    display: flex;
    border-radius: 0px;
	row-gap: 29px;
}
.setting-custom-tabs .setting-inner-item{
	border-radius: 5px !important;
	font-size: 14px;
	background: var(--dark-green, #181D1B) !important;
}
.setting-inner-item {
    font-size: 19px;
	text-align: center;
	padding: 16px 32px !important;
}
.setting-tabs-menu{
	border-right: 1px solid #838383;
}
.setting-card-info{
	padding: 0px;
	min-height: auto;
}
.setting-tabs-head{
	border: none;
    margin: 0px;
    padding: 40px 0px;
    justify-content: center;
}
.setting-main-data{
	padding: 40px 20px;
}
.setting-data-content h3{
	font-weight: 600;
	line-height: normal;
	font-size: 24px;
}
.setting-data-content{
	border-radius: 20px;
	padding: 20px;
	background: var(--grean-1, #222725);
}
.setting-data-content h3{
	margin-bottom: 30px;
}
.acc-setting-left{
    display: flex;
    align-items: center;
    column-gap: 17px;
}
.acc-setting-left i{
	font-size: 29px;
	color: #C5F0DC;
}
.not-verified{
	color: #D60013 !important;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 4px;
	line-height: normal;
}
.setting-verification-data span {
    display: flex;
	align-items: center;
}
.setting-verification-data {
    margin-bottom: 22px;
}
.acc-setting-verification{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 22px;
}
.modal-header{
	border-bottom: none;
}
.invite-copy-link:focus-visible{
	border: none;
	outline: none;
}
.tooltip-data{
	position: relative;
}
.verify-icon::after {
	content: '';
    width: 30px;
    height: 30px;
    background-color: #3a3a3a;
    position: absolute;
    bottom: -8px;
    left: 10%;
    transform: rotate(45deg);
    z-index: -1;
}
.setting-verification-border {
    border-bottom: 1px solid #838383;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.acc-setting-details h4{
	color: #CACACA;
	font-size: 20px;
	margin-bottom: 5px;
}
.acc-setting-details .verified{
	color: #4bff4b !important;
}
.setting-verification-data span i{
	color: #c3c3c3;
	font-size: 22px;
	padding-left: 7px;
}
.setting-verification-data .otp-button span{
	display: contents;
}
.setting-verification-data .otp-button  span i {
    color: #000;
    font-size: 14px;
    padding-left: 0px;
}
.kyc-header-icon{
    background-color: #02C321;
    color: #fff;
    padding: 3px;
    display: flex;
    width: 23px;
    justify-content: center;
    margin-left: 10px;
    height: 23px;
    border-radius: 50%;
}
.setting-verification-data span i:hover{
	color: #C5F0DC;
}
.setting-data-content .accordion-button:not(.collapsed){
	background-color: transparent;
	color: #fff;
	border-bottom: none;
}
.setting-data-content .accordion-item{
	background-color: transparent;
    border:none;
}
.setting-data-content .accordion-button:not(.collapsed)::after{
	filter: invert(100%) grayscale(100%) brightness(1000%) contrast(100%);
}
.setting-data-content .accordion-button{
	background-color: transparent;
    color: #fff;
    border-bottom: 1px solid #8383835e;
    padding: 25px 0px 25px 0px;
}

.accordion-button::after{
	filter: invert(100%) grayscale(100%) brightness(1000%) contrast(100%);
}

.setting-data-content .accordion-button:focus{
	border:none; 
	border-bottom: 1px solid #8383835e;
    outline: 0;
    box-shadow: none;
}

.setting-data-content .accordion-body{
	border-radius: 20px;
	color: #fff;
	padding: 20px;
	background: var(--dark-green, #181D1B);
}
.setting-info-img {
    display: flex;
    column-gap: 14px;
    align-items: center;
}
.setting-info-details {
    display: flex;
	margin-bottom: 27px;
    column-gap: 36px;
    padding: 11px 0px 20px 19px;
    border-bottom: 1px solid;
	border-color: var(--g, rgba(93, 226, 122, 0.15));;
}
.setting-info-img i{
	font-size: 22px;
    color: #C5F0DC;
}
.complete-now-btn {
    display: flex;
    align-items: center;
    column-gap: 23px;
}
.authorization-details {
	margin: 22px 0px;
}
.authorization-details span{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.acc-id-password span{
	font-size:23px;
	font-weight: 700;
	letter-spacing: 8px;
}
.trading-conditions-data {
    border-radius: 10px;
    padding: 20px;
    background: var(--dark-green, #181D1B);
	margin-top: 25px;
}
.trading-conditions-data span{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
}
.trading-conditions-data p{
	margin: 9px 0px;
	color: #CACACA;
	font-size: 14px;
}
.trading-conditions-data a{
	color: var(--blue, #4A93FF);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.setting-data-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.setting-data-title p{
	color: #02C321;
	font-weight: 500;
}
.balance-protection-content p{
	font-weight: 500;
}
.setting-progress-title ul{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 36px;
    margin-top: 38px;
    margin-bottom: 20px;
}
.setting-progress-title ul li{
	color: #CACACA;
	font-size: 14px;
	list-style:disc;
}
.progress-list-none {
    list-style: none !important;
}
.acc-title img {
    display: none;
}
.progress-title-active{
	color: #02C321 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}
.setting-progress-bar{
	width: 100%;
    display: flex;
    column-gap: 5px;
}
.progress-bar{
	height: 8px;
	border-radius: 12px;
	background: var(--gray, #838383);
}
.step-1{
	width: 68px;
}
.step-2{
	width: 68px;
	background: #5AFB74;
}
.step-3{
	width: 166px;
	background: #02C321;
}
.step-4{
	width: 138px;
}
.setting-progress-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.swap-free-title p{
	margin: 30px 0px;
}
.swap-free-content-body{
	padding: 0px;
}
.swap-free-content{
	text-align: left;
	padding: 0px;
}
.swap-free-content p{
	font-weight: 500;
	line-height: 27px;
	text-align: left;
}
.swap-list{
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	color: #CACACA;
}
.swap-list-title {
    color: #fff;
	margin-top: 11px !important;
    margin-bottom: 1px !important;
}
.swap-free-content .acc-list-button {
	text-align: center;
}
.trading-conditions-data a:hover{
	color: #AAEAE1;
}
.setting-learn-more a{
	color: #4A93FF;
	font-size: 16px;
}
.setting-learn-more a:hover{
	color: #AAEAE1;
}
.trading-conditions-data span i{
	color: #FFCF01;
}
.trading-conditions-data span {
	display: flex;
	column-gap: 9px;	
}
.currently-qualify-info{
	font-size: 16px !important;
	display: flex;
	column-gap: 7px;
}
.balance-progress-title {
    display: flex;
    align-items: baseline;
    column-gap: 11px;
    margin-bottom: 9px;
    margin-top: 21px;
}

.balance-slider{
	width: 100%;
	height: 8px;
	border-radius: 12px;
	background: var(--gray, #838383);
}
.balance-slider-info {
    display: flex;
    justify-content: space-between;
}
.currently-qualify-info p{
	font-size: 16px;
}
.balance-slider-prograss{
	display: flex;
}
.btn-refresh-balance .small-btn-bg{
    padding: 10px 19px;
}
.vps-requirements{
    color: #4A93FF;
    font-size: 16px;
    padding-top: 18px;
    display: flex;
    font-style: normal;
    font-weight: 400;
}
.private-server-box {
    width: calc(50% - 20px);
	margin-top: 35px;

}
.private-server-info {
    margin-top: 72px;
    display: flex;
    justify-content: space-between;
}
.private-server-box img{
	margin-bottom: 21px;
}
.private-server-box h4{
	margin-bottom: 15px;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.hidden {
	display: none;
  }
  .password-change-box.show-content .showcontent {
	display: none;
  }
  .authorization-change-pass{
	border-radius: 10px;
    padding: 20px;
    background: var(--dark-green, #181D1B);
  }
  .authorization-change-btn {
    margin-top: 25px;
}

.terminal-account-box .verification-options {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
    line-height: normal;
    align-items: center;
}
.verification-options {
    display: flex;
    position: relative;
    padding-left: 62px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #2D3748;
    font-size: 18px;
    line-height: 1;
    font-style: normal;
    font-weight: 500;
}
.verification-options input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.verification-options input:checked~.checkmark {
	background-color: #222725;
    border-color: #ffffff;
	margin-bottom: 0px !important;
}
.checkmark {
    position: absolute;
    left: 25px;
    height: 20px;
    width: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
	margin-bottom: 0px !important;
}
.verification-options input:checked~.checkmark:after {
    display: inline-flex;
}
.verification-options .checkmark:after {
    top: 50%;
    left: 50%;
    transform: unset;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.setting-verification-box h5{
	font-size: 20px;
font-style: normal;
font-weight: 500;
}
.mobile-num{
	position: absolute;
    top: 14px;
    left: 19px;
    display: flex;
    column-gap: 9px;
    align-items: center;
}
.mobile-num span{
    margin-bottom: 0px;
    border-right: 1px solid #838383;
    padding-right: 9px;
}
.mobile-num-field .form-control{
    padding-left: 100px;
}
.setting-steps-verification {
    display: flex;
    text-align: left;
    align-items: center;
	margin-top: 26px;
    padding-bottom: 23px;
    position: relative;
    column-gap: 15px;
    border-bottom: 1px solid #838383;
}
.setting-steps-verification:nth-child(5){
	border-bottom: none;
}
.setting-verification-content p{
	margin: 0px !important;
}
.setting-verification-icon i{
	color: #AAEAE1;
	font-size: 24px;
}
.setting-verification-content h4{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	color: #CACACA;
	margin-bottom: 7px;
}
.setting-verification-content p{
	text-transform: capitalize ;
}
span.tooltip-verify i {
    color: #fff;
}
.verification-popup p{
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	color: #CACACA;
}
.tooltip-info {
    display: inline-block;
    -webki-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    top: 0px;
}
.tooltip-main{
	cursor: pointer;
}

.tooltip-info.abierto {
    visibility: visible;
    opacity: 1;
}
.verify-icon {
    background-color: #3a3a3a;
    padding: 10px;
    z-index: 9999;
	min-width: auto;
}

.main-data span.tooltip .verify-icon {
    padding: 6px 12px;
}
.main-data span.tooltip .verify-icon::after {
    content: '';
    width: 14px;
    height: 14px;
    background-color: #3a3a3a;
    position: absolute;
    bottom: -5px;
    left: 10%;
    transform: rotate(45deg);
    z-index: -1;
}

/* profile steps */
.acc-list-button .small-btn.close-btn {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    margin-top: 13px;
    font-style: normal;
    font-weight: 500;
}
.profile-steps-body{
	padding: 0px;
}
.profile-footer-content p {
    margin-top: 40px;
    margin-bottom: 0px !important;
    color: #838383;
}
.verification-confirm-left {
    display: flex;
    column-gap: 15px;
    align-items: center;
}
.verification-confirm-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.profile-steps-num {
    text-align: left;
    margin-top: 33px;
}
.num-account-box {
    display: flex;
	margin: 37px 0px;
	justify-content: space-between;
}
.num-select-option{
	width: 50%;
}
.num-select-box {
	margin: 0.5rem;
  }
  .num-account-box .radio input[type="radio"] {
	position: absolute;
	opacity: 0;
  }
  .radio input[type="radio"] + .radio-label:before {
	content: '';
	background: transparent;
	border-radius: 100%;
	border: 1px solid #fff;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	position: relative;
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
  }
  .radio input[type="radio"]:checked + .radio-label:before {
	background-color: transparent;
	box-shadow: inset 0 0 0 4px #bd9d6a;
  }
  .radio input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #3197EE;
  }
  .radio input[type="radio"]:disabled + .radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
  }
  .radio input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
  }
  .radio-label{
	cursor: pointer;
	margin-bottom: 0px !important;
  }
  .radio-label p {
    margin-top: 0px;
    font-size: 9px;
    margin-left: 29px;
    text-align: center;
    margin-bottom: 0px;
	width: 100%;
}
.form-control:disabled, .form-control[readonly]{
	background-color: #3a3a3a;
}
.radio-label-info {
	width: 72%;
}
.form-input-file-info img{
	max-height: 135px;
}
.profile-steps-bar .step-bar{
	width: 50px;
	height: 7px;
	border-radius: 4.5px;
	background:  #222725;
}
.profile-steps-bar  .active{
	background: #bd9d6a !important;
}	
.profile-steps-bar{
	display: flex;
    column-gap: 7px;
	margin-bottom: 40px;
}
.field-text-info{
	font-size: 12px;
    padding-top: 9px;
    display: flex;
}
.acc-inner-drop .custom-list-dropdown{
	min-width: 100%;
}
.account-gender-box{
	display: flex;
    margin: 12px 0px;
    column-gap: 22px;
	margin-bottom: 60px;
	justify-content: left;
}
.account-gender-box .radio-label{
	cursor: pointer;
    margin-bottom: 0px !important;
    display:flex;
    align-items: center;
}
.radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .radio-group input[type="radio"] {
    display: none;
  }
  .radio-group label {
    position: relative;
    color: var(--gray, #838383);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
    padding: 7px 20px;
    border-radius: 10px;
    border: 1px solid var(--grean-1, #222725);
    background: var(--black, #000);
    transition: color 0.3s;
  }
  
  .radio-group label:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: transparent;
	border: 2px solid transparent;
	transition: background-color 0.3s;
  }
  .radio-group input[type="radio"]:checked + label:before {
	background-color: #000;
    border: 4px solid #bd9d6a;
  }
  .radio-group input[type="radio"]:checked + label {
	border-radius: 10px;
    border: 1px solid var(--grean-1, #222725);
    background: var(--grean-1, #222725);
  }
  .profile-step-group h3{
	margin-bottom: 40px;
  }
  .radio-group .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
  }
  .checkbox-form-group label {
    position: relative;
    cursor: pointer;
    text-align: left;
    color: var(--gray, #838383);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    width: 100%;
	margin-bottom: 18px;
  }
  .checkbox-form-group label:hover{
	background: #222725;
  }
  .radio-group label:hover{
	background: #222725;
  }
  .checkbox-form-group label:before {
    content: '';
    -webkit-appearance: none;
    border: 2px solid #838383;
    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: absolute;
    right: 15px;
	border-radius: 5px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
  
  .checkbox-form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    right: 29px;
    width: 6px;
    height: 11px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
   .checkbox-form-group input[type="checkbox"]{
	display: none;
  }
  .checkbox-form-group label{
	border-radius: 10px;
	border: 1px solid var(--grean-1, #222725);
	background: var(--black, #000);
	padding: 10px 20px;
	position: relative;
  }
  .checkbox-form-group input:checked + label{
	background: var(--grean-1, #222725);
  }

  .steps-complete-img img{
	margin-bottom: 9px;
  }
  .steps-complete-img h3{
	margin-bottom: 20px;
  }
  .doc-verification-edit {
    display: flex;
    justify-content: space-between;
}
.doc-verification-edit a{
   color: #C5F0DC;
   font-weight: 500;
}
.doc-verification-edit a:hover{
	color: #fff;
 }
 .doc-verify-identify{
	text-align: left;
	margin-top: 30px;
 }
 .doc-verify-identify h4{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 26px;
 }
 .selected-display img{
    margin-right: 9px;
    width: 22px;
	
 }
 .select-identity-doc .radio input[type="radio"] {
	position: absolute;
	opacity: 0;
  }
  .identity-radio-label {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--grean-1, #222725);
    background: var(--black, #000);
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
.select-identity-doc .radio{
	margin-bottom: 10px;
}
.select-identity-doc .radio input[type="radio"]:focus{
	box-shadow: none;
	border: none;
}
.identity-radio-label:hover{
	background-color: #222725;
}
.document-identify-info {
    display: flex;
    column-gap: 21px;
	margin-top: 24px;
}
.identify-data img{
	height: 170px;
}
.identify-data .danger-text{
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	color: #D60013;
}
.identify-data .primary-text{
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	color: #02C321;
}
.identify-data ul li{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    list-style: disc;
    color: #fff;
    padding: 4px 0px;
}
.identify-data ul {
	padding-left: 17px;
}

.form-input-file {
	position: relative;
    margin-top: 10px;
    margin-bottom: 45px;
    border-radius: 10px;
    height: 220px;
    border: 1px dashed #CACACA;
    overflow: hidden;
}
.identity-box input[type="file"] {
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
}
.form-input-file-info {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
    object-fit: cover;
    overflow: hidden;
}

.tbl-loader-bg {
    height: 86%;
    position: absolute;
    height: 100%;
    height: 100%;
    top: 50%;
	border-radius: 20px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    width: 100%;
	background-color: rgb(0 0 0 / 73%);
    z-index: 9999;
}
.loader {
    background: #caa162;
    position: relative;
    animation: loader-15 800ms ease-in-out infinite;
    animation-delay: 0.2s;
    width: 0.35em;
    height: 1.9em;
    margin: 0 1em;
}
.loader:before {
    right: 0.8em;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.loader:after, .loader:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    background: inherit;
    -webkit-animation: inherit;
    animation: inherit;
}
.loader:after {
    left: 0.8em;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
@keyframes loader-15 {

	0%,
	100% {
	  box-shadow: 0 0 0 #caa162, 0 0 0 #caa162;
	}
  
	50% {
	  box-shadow: 0 -0.40em 0 #caa162, 0 0.40em 0 #caa162;
	}
  }
  .pagination{
    justify-content: end;
    column-gap: 6px;
     display: -webkit-inline-box;
    padding: 10px 36px;
    border-radius: 18px;
    background: #1b1b1b;
    border: 1px solid #95959538;
  }
.pagination .page-link{
	background-color: transparent !important;
    border: none !important;
    color: #caa162 !important;
	z-index: 3;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
	font-weight: 600;
    justify-content: center;
    border-radius: 50%;
}
.pagination-btn .page-link{
	width: auto;
	height: auto;
}
.acc-setting-details .partially-verified {
    color: #ffe199 !important;
}
.pagination-info .item-num{
    margin: 0 3px;
}
.page-item.disabled .page-link {
    color: #6c757d !important;
  }
 .page-link:focus{
  	box-shadow: none;
 }
.pagination-btn{
    display: flex;
}
.pagination .page-link:hover{
	color: #fff !important;
    background-color: #caa162 !important;
}
.pagination-info .page-item.active .page-link {
    z-index: 3 !important;
    color: #000 !important;
    background-color: #caa162 !important;
}
.header-logo {
    display: none;
}
  .pagination-info{
	text-align: end;
	margin-top: 20px;
  }
  .alert-wrapper a{
	color: #AAEAE1;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
  }
  .alert-wrapper a:hover{
	color: #fff;
  }
  .verify-data-btn a {
    display: flex;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
    flex-direction: column;
    justify-content: center;
	color: #C5F0DC;
}
.verify-data-btn a:hover{
	color: #fff;
}
.verify-data-btn a i{
	font-size: 20px;
}
.verify-data-btn {
    display: flex;
    justify-content: space-around;
}
.processing-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 149px;
    height: 152px;
    margin-bottom: 40px;
}
.processing-icon:before {
    content: '';
    background-image: url(../img/processing-img.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    animation: loading 1s infinite linear;
}
.processing-icon span {
    --border: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - var(--border));
    height: calc(100% - var(--border));
    background-color: #000;
    border-radius: 50%;
    z-index: 2;
}

@keyframes loading {
		0% {
		  transform: rotate(0deg);
		}
	  
		50% {
		  transform: rotate(180deg);
		}
	  
		100% {
		  transform: rotate(360deg);
		}
}
.undefine-identity i{
	color: #D60013 !important;
	font-size: 24px;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 10px;
}
.undefine-identity p{
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	margin: 0px;
	color: #D60013 !important;
}
.undefine-identity h5{
	font-size: 16px;
	line-height: 24px;
	font-style: normal;
	font-weight: 500;
}
.undefine-identity h5 a {
	color: var(--blue, #4A93FF);
} 
.undefine-identity h5 a:hover{
	color:#AAEAE1;
}
.amout-transaction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
	margin-top: 42px !important;
}
.transaction-type-data{
	overflow: hidden;
}
.amout-transaction span ul .done{
	color: #4bff4b;
}
.amout-transaction span ul .rejected{
	color: #ff1b01;
}
.amout-transaction span ul .processing{
	color: #ffe199;
}
.amout-transaction h4 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
}
.amout-transaction span ul li {
    list-style: disc;
    font-weight: 600;
}
.transaction-progress li.active .node.grey {
    background-color: #109d0e;
}
.node-grey p{
	color: #605f5f !important;
}
.rejected-progress-icon .node{
	background-color: #ff1b01 !important;
}
.rejected-progress-icon p{
	color: #ff1b01 !important;
}
.transaction-progress .node {
    height: 21px;
    width: 21px;
	background-color: #4e4e4e;
    border-radius: 50%;
    display: inline-flex;
    transition: all 1000ms ease;
    align-items: center;
    justify-content: center;
}
.transaction-progress .node .grey{
		background-color: #4e4e4e !important;
}
.transaction-progress .node i{
	color: #fff;
}
.transaction-progress ul  li {
    display: flex;
    align-items: center;
}

.divider {
    height: 22px;
    width: 2px;
    margin-left: 10px;
	background-color: #109d0e;
    transition: all 800ms ease;
}
.transaction-progress ul li p{
	margin: 0px;
	margin-left: 10px;
}
.transaction-progress .alert-wrapper{
	text-align: left;
	padding: 20px 16px;
}
.transaction-progress .alert-wrapper p{
	margin: 0px;
}
.transaction-progress ul{
	margin: 30px 0px;
}
.pay-account-from-to {
    margin: 35px 0px;
    padding: 15px 0px;
    border-bottom: 1px solid #dee2e657;
    border-top: 1px solid #dee2e657;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.acc-setting-right .kyc-header-icon i{
	padding-left: 0px !important;
}
.pay-account-inner {
    display: flex;
    gap: 15px;
	align-items: center;
}
.pay-account-from-to .pay-wallet {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
	color: #fff;
    gap: 4px;
    font-size: 14px;
}
.bottom-amout-text{
	text-align: left;
}
.bottom-amout-text h5 {
    font-size: 15px;
	font-size: 15px;
	color: #CACACA;
    margin-top: 12px;
}
.bottom-amout-text span {
    font-weight: 700;
    margin-left: 8px;
}
.pay-wallet img{
	width: 19px;
}
.amout-transaction span ul .text-success{
	color: #4bff4b!important;
}
@keyframes progress {
	0% { --percentage: 0; }
	100% { --percentage: var(--value); }
  }
  
  @property --percentage {
	syntax: '<number>';
	inherits: true;
	initial-value: 0;
  }
  
  [role="progressbar"] {
	--primary: #bd9d6a;
	--secondary: #adf;
	width: 48px;
	animation: progress 2s 0.5s forwards;
	aspect-ratio: 1;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	display: grid;
	place-items: center;
  }
  [role="progressbar"] i{
	font-size: 20px;
	color: #C5F0DC;
  }
  [role="progressbar"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), #5f666a 0);
	mask: radial-gradient(white 55%, transparent 0);
	mask-mode: alpha;
	-webkit-mask: radial-gradient(#0000 54%, #000 0);
	-webkit-mask-mode: alpha;
  }
  .payment-info{
	width: 670px;
    border-radius: 6px;
    padding: 30px;
    background: #181D1B;
    backdrop-filter: blur(16.399999618530273px);
  }
  .account-list-data .account-list-box img{
  	width: 27px;
  	margin-right: 4px;
  }
  .withdraw-terms {
    background: #222725;
    padding: 16px;
    border-radius: 9px;
    height: 100%;
}
.withdraw-terms .inner-main-title{
	margin-bottom: 11px;
}
  .payment-qrcode{
	text-align: center;
  }
  .payment-qrcode img{
	width: 250px;
  }
  .payment-qrcode h3{
	font-size: 22px;
    margin-top: 14px;
  }
.payment-details-info{
	display: flex;
    justify-content: space-between;
    margin-top: 51px;
}
.payment-details-info p{
    font-size: 16px;
    font-weight: 900;
    color: #fff;
}
.payment-details-info span{
	color: #bbbbbb;
    font-weight: 600;
	padding-left: 5px;
}
 .payment-info .acc-title {
    margin-bottom: 9px;
 } 
 .payment-failed .payment-qrcode-failed img{
    width: 78px;
 }
 .payment-qrcode-failed {
    text-align: center;
    margin: 14px 0px;
 }
 .payment-failed .acc-title {
    margin-bottom: 0px;
 } 
 .payment-failed {
    padding: 28px;
    background: #181D1B;
	width: 461px;
    border-radius: 12px;
}
 .payment-qrcode-failed h3{
	font-size: 22px;
    margin-top: 14px;
	margin-bottom: 14px;
	color: #c40606;
 }
 .payment-successfully{
	text-align: center;
	width: 670px;
    border-radius: 6px;
    padding: 30px;
    background: #181D1B;
    backdrop-filter: blur(16.399999618530273px);
 }
.payment-success h2{
	font-weight: 600;
	margin-top: 26px;
	margin-bottom: 4px;
    color: #01a601;
}
.payment-success span {
    font-size: 19px;
}
.payment-success p {
    padding: 10px 114px;
	margin-top: 10px;
}
.back-btn-info .small-btn-bg{
	padding: 10px 60px;
    margin-top: 22px;
}
.payment-success img {
    width: 99px;
}
.back-btn-info{
	text-align: center;
}
.payment-qrcode-failed h2{
    padding: 47px 0px;
    color: #b61312;
    padding-bottom: 69px;

}
.payment-failed-data {
    background: #f04e63;
    color: #fff;
	padding-bottom: 43px;
}
.toggle-menu {
	color: #fff;
	font-size: 21px;
	display: none;
}
.closebtn{
	display: none;
}
.footer-box-content{
	display: flex;
	justify-content: end;
	align-items: center;
	flex-direction: column;
}

.referral-links h2 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.referral-text span {
    color: #B7B7B7;
    text-align: center;
	margin-bottom: 5px;
    font-size: 16px;
    display: flex;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    min-width: fit-content;
}

.referral-text p {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 650px;
	margin: 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.referral-links-inner {
    border-radius: 20px;
    background: #2A2A2A;
    padding: 17px 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.total-income-text-box:hover {
        box-shadow:0 7px 0px 0 rgb(243 243 243 / 17%), 0 0px 20px 0 rgb(255 255 255 / 0%);
}
.referral-text {
    align-items: center;
    gap: 5px 20px;
}
.referral-icons i {
    font-size: 23px;
	cursor: pointer;
}
.referral-icons {
    display: flex;
    gap: 20px;
}

.mb-margin{
	margin-bottom: 46px;
}

.total-income-text-box p {
    font-size: 17px;
    margin-bottom: 8px;
}
.total-income-text-box {
    border-radius: 20px;
    background: #2A2A2A;
    padding: 23px;
    width: calc(50% - 20px);
    margin: 0px 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    transition: all 0.5s;
    cursor: pointer;
}

.total-income-text-box h3{
	font-size: 19px;
}

span.copy-i {
    background: rgba(223, 255, 7, 0.10);
    width: 40px;
    display: inline-block;
    height: 40px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border: 1px solid #bd9d6a4a;
	cursor: pointer;
}
.total-income-right {
    display: flex;
    align-items: center;
    gap: 13px;
}
.main-total-income {
    margin: 0px -10px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    flex: 1;
}

.pro-img-box {
    width: 30%;
    border-right: 1px solid #3F3F3F;
    display: flex;
    margin: 31px 0px;
    margin-right: 44px;
    align-items: center; 
}
.profile-info-text-item {
	padding: 11px 10px;
    color: #B7B7B7;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}
.profile-info-text-item span{
	width: 50%;
}
.profile-box {
    background: #2A2A2A;
	display: flex;
    padding: 20px;
    flex: 1;
    width: 100%;
    border-radius: 20px;

}

.main-dash-details {
    display: flex;
    gap: 15px;
}
.total-income {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.profile-info-text {
    flex: 1;
}
.total-income-text-box span.history-link-icon i:hover{
	color: #bd9d6a;
}

span.history-link-icon {
    transform: translateX(12px);
	font-size: 31px;
	cursor: pointer;
	color: #959595;
	transition: all 0.5s;
}
.referral-icons i {
    cursor: pointer;
}
.referral-icons i:hover{
	color: #bd9d6a;
}

.avatar-upload {
 	position: relative;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    gap: 14px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input + label {
	color: #bd9d6a;
    font-size: 19px;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    align-items: center;

}
.avatar-edit label i {
    font-size: 18px;
}

.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.avatar-upload .avatar-preview {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 100%;
	/* border: 3px solid #dfff07;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
}
.inner-2 {
    flex-wrap: wrap;
    flex-direction: column;
	width: 100%;
}
.participants-sec .total-income-text-box p{
	margin-bottom: 0px;
}
.participants-iiner-row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    flex: 1;
}
.participants-sec {
     width: 52%;
}
.participants-iiner-row .total-income-text-box{
    width: 100%;
    margin: 0px 10px;
    align-items: center;
    padding: 11px 25px;
}

label.uploadProfileCamera.loadingUploading {
    pointer-events: none;
}

div#imagePreview img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.close-icon {
    text-align: right;
    padding-right: 15px;
	display: none;
}
.close-icon button {
    background-color: transparent;
    border: unset;
    font-size: 41px;
    color: #fff;
    line-height: 29px;
}
.datepicker table tr td span{
	    border: 1px solid #ffffff29;
}
.responsive-table {
    overflow: auto;
}
table.table th, table.table td {
    white-space: nowrap ;
	vertical-align: middle;
}

.box-wrapper-info input:-webkit-autofill,
.box-wrapper-info input:-webkit-autofill:hover,
.box-wrapper-info input:-webkit-autofill:focus,
.box-wrapper-info textarea:-webkit-autofill,
.box-wrapper-info select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #232323 inset !important; 
  box-shadow: 0 0 0px 1000px #232323 inset !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

@media(max-width:1600px){
	.hero-img img{
		right: 0;
		top: -70px;
	}
	.hero-shape img {
		position: absolute;
		top: -241px !important;
		left: -133px;
		z-index: -1;
	}
	.feature-box h4 {
		font-size: 15px;
	}
	.account-card-space .col-lg-6:nth-child(1) .acc-card-shape{
		width: 148px;
	}
	.acc-card-shape{
		font-size: 34px;
		top: 21px;
	}
	.account-card-title h3{
		font-size: 21px;
	}
	.view-referrel-link .invite-link{
		width: 100%;
	}
	.view-referrel-link  .invite-copy-link{
		width: 100%;
	}

		.create-acc-data{
		max-width: 93%;
	}
		.avatar-upload{
		flex-direction: column-reverse;
	}
	.pro-img-box{
		justify-content: center;
	}
	.referral-text p{
		    max-width: 572px;
	}
	.acc-left-img a img {
     margin-top: 29px;
    width: 145px;
}
}

@media (max-width: 1400px){
	.referral-text p{
		width: 100%;
	}
	.referral-links-box {
    width: 61%;
}
	.referral-text{
		width: 80%;
	}
	span.history-link-icon {
		transform: translateX(12px);
		font-size: 26px;
	}	
	.total-income-text-box p {
		font-size: 15px;
	}
	.total-income-text-box h3 {
		font-size: 17px;
	}
	.sidebar ul li a {
		padding: 10px 20px;
	}	
	.sidebar {
		width: 275px;
	}
	.acc-inner-data {
    	width: 54%;
	}
	.acc-left-img {
    	width: 46%;
	}
	.inner-2{
		width: 100%;
	}


}

@media(max-width:1200px){
	.toggle-menu {
		display: block;
		padding-right: 3px;
		padding-left: 7px;
	}
	.header-logo {
    display: block;
}
	.our-proposition-info p{
		font-size: 22px;
	}
	.user-info-main {
		width: 100%;
	}
	.total-income-main {
		width: 100%;
		margin-bottom: 30px;
	}
	.feature-box {
		padding: 30px 15px;
	}
	.feature-box p {
		font-size: 14px;
	}
	.legal-information-content p{
		font-size: 18px;
	}
	.diverse-portfolio{
		padding-bottom: 97px;
	}
	.portfolio-data-content {
		border-radius: 20px;
		padding: 28px 8px;
	}
	.hero-content h1{
		font-size: 27px;
	}
	.hero-content h1 span {
		font-size: 27px;
	}

	.main-card-info{
		padding: 21px;
	}

	.container{
		padding: 0px 37px;
	}
	.transaction-type span{
		font-size: 15px;
	}
	.transaction-status{
		width: 10.25%;
	}
	.transaction-inner-data{
		width: 46%;
		column-gap: 14px
	}
	.logo img {
    width: 168px;
}
	.sidebar {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		background-color:#161616;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 15px;
		border-radius: 0px;
		text-align: center;
		border-right: 1px solid #4a4a4abd;
		margin-left: -1px;
	}
	.close-icon{
		display: block;
	}	
	.dashboard-header{
		justify-content: space-between;
		    padding-left: 15px;
	}
	.header-logo img {
		width: 159px;
	}
}
@media(max-width:1100px){
	.custom-tabs-head{
		display: block;
		padding-bottom: 0px !important;
	}
	.create-acc-data .form-group{
		width:100%;
	}
	.acc-left-img a img{
		width: 23%;
	}
	.custom-main-tabs{
		justify-content: end;
		margin-top: 24px;
	}
	.setting-inner-item{
		padding: 16px 6px !important;
	}
	.setting-info-details{
		padding: 4px 0px 20px 0px;
		column-gap: 6px;
	}
	.acc-setting-details{
		padding-left: 0px  !important;
		padding-top: 12px !important;
	}
	.setting-tabs-menu{
		border-right: 0px;
	}
		
}
@media(max-width:991px){
	table.table {
		margin-top: 20px;
	}
	ul.sidebar-nav-link li {
		margin-bottom: 9px;
	}
	.dashboard-header{
		justify-content: space-between;
	}
	.dashboard-header{
		    padding-left: 15px;
	}
	.header-logo img {
		width: 134px;
	}
	.dropdown-menu{
		margin-top: 0px !important;
	}
	.sidebar ul li a {
        padding: 9px 13px;
		 border: 1px solid #b9b9b973;
		 background: #2a2a2a;
    }
	.hero {
		padding: 73px 0px;
		padding-bottom: 0px;
	}
	.setting-inner-item {
		padding: 9px 24px !important;
	}
	.acc-dropdown .main-dropdown{
		font-size: 14px;
		padding: 0px 7px;
	}
	.setting-custom-tabs .nav-tabs{
		flex-direction: row;
	}
	li.sidebar-nav-link {
		margin-top: 47px;
	}
	.transaction-history-head{
		row-gap: 22px;
		display: flex;
		flex-wrap: wrap;
		column-gap: 23px;
	}
	.sec-title h4{
		margin-bottom: 59px;
	}
	.closebtn{
		display: block;
	}
	
	.closebtn:hover{
		color:#c5f0dc;
	}
	.closebtn {
		font-size: 40px;
		position: absolute;
		right: 9px;
		top: -2px;
		color: #c5f0dc;
	}
	.hero-content h1 {
		font-size: 24px;
		margin-bottom: 23px;
	}
	.hero-content h1 span {
		font-size: 29px;
	}
	.num-text-border {
		left: -3px;
		top: -53px;
	}
	.features {
		padding: 58px 0px;
	}
	.legal-information .container .row {
		row-gap: 73px;
	}
	.portfolio-top-space{
		margin-top: 0px;	
	}
	.diverse-portfolio-data .row {
		row-gap: 48px;
		justify-content: center;
	}
	.diverse-portfolio {
		padding: 56px 0px;
	}
	.start-earning{
		padding: 67px 0px;
	}
	.hero-content .small-btn-bg {
		padding: 10px 34px;
	}
	.container {
		padding: 0px 20px;
	}
	.header-toggle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.header .header-btn {
		border-top: 1px solid #bd9d6a40;
		padding-top: 22px;
		margin-top: 12px;
	}
	.perfomance-card{
		margin-bottom: 22px;
	}
	.perfomance-right-dropdown{
		margin-top: 27px;
	}
	.table tbody td{
		white-space: nowrap;
	}
	.table thead th{
		white-space: nowrap;
	}
	.referral-text {
		width: 70%;
		flex-wrap: wrap;
	}
	    .acc-left-img {
        display: none;
    }
	.acc-inner-data{
		width: 100%;
	}
	.acc-title img {
    display: inline-block;
	}
		.main-dash-details {
		display: flex;
		gap: 15px;
		flex-direction: column;
	}
	.participants-sec {
    width: 100%;
}


}
@media (max-width: 768px){
	.hero-img img{
		display: none;
	}
	.acc-dropdown .main-dropdown.show .dropdown-overlay{
		top:65px;
	}
	ul.dropdown-menu.account-dropdown.show{
		    margin-top: 0px !important;
	}
	.dashboard-header {
    	height: 64px;
	}
	.profile-box{
		    flex-direction: column;
	}
	.acc-title img {
        width: 176px;
    }
	.referral-links-inner {
		width: calc(100% - 0px);
		margin: 0;
	}
	.acc-card-info .input-icon a{
		    top: -2px;
	}
	.referral-links-box {
		margin: 0;
		row-gap: 20px;
		width: 100%;
	}
	.pro-img-box {
		width: calc(100% - 0px);
		margin: 0;
	}

	.profile-info-text{
		margin-top: 20px;
		margin-left: -10px;
		margin-right: -10px;
	}
	.participants-iiner-row .total-income-text-box {
		width: 100%;
		margin: 0px 10px;
	}
	.custom-account-inner .nav-tabs{
		row-gap: 22px;
		column-gap: 60px;
	}
	.history-data-box{
		display: flex;
		flex-wrap: wrap;
	}
	.transaction-history-item{
		width: 100%;
	}
	.transaction-inner-data {
		width: 100%;
		column-gap: 14px;
	}
	.transaction-amount{
		max-width: 42%;
	}
	.referral-links-left{
		    flex-direction: column;
	}
	.transaction-status {
		width: 50%;
	}
	.transaction-status ul{
		padding-left: 20px;
	}

	.pagination{
		padding: 6px 6px;
	}
	.history-data-box{
		padding: 6px;
	}
	.transaction-inner-data{
		margin: 16px 0px;
	}
	.hero-content h1{
		font-size: 28px;
	}
	.hero{
		height: auto;
	}
	.hero-shape img{
		display: block !important;
		top: -393px !important;
		left: 32% !important;
	}
	.footer-box {
		margin-top: 53px;
	}
	.footer-box h3{
		margin-bottom: 34px;
	}
	.hero-content h1{
		margin-bottom: 25px;
		font-size: 29px;
	}
	.legal-information-img{
		display:none;
	}
	.footer-box-content{
		display: block;
	}
	.portfolio-top-space{
		margin-top: 0px;
	}
	.diverse-portfolio-data .row {
		row-gap: 19px;
	}
	.legal-information .container .row {
		row-gap: 14px;
	}
	.footer{
		padding-top: 0px;
	}
	.diverse-portfolio-data {
		margin-top: 25px;
	}
	.acc-inner-data{
		width: 100%;
		padding: 44px 15px;
	}
	.acc-title img{
		width: 176px;
	}
	.withdraw-terms{
		margin-bottom: 20px;
	}
	.deposit-qr {
		margin-top: 36px;
	}
	.transaction-history-item{
		width: 100%  !important;
	}

	.custom-tabs-head{
		padding-bottom: 16px;
		margin-bottom: 18px;
	}
	.pro-img-box{
		border-right: none;
	}
}
@media(max-width:575px){
	.referral-text p {
		font-size: 14px;
	}
	    .header-logo img {
        width: 109px;
    }
	.acc-title img {
        margin-bottom: 13px;
		        width: 135px;
    }
	.small-btn-bg{
		padding: 11px 25px;
	}
	.data-head-title{
		    margin-bottom: 8px;
	}

	.filter-income .data-head-title h4{
		font-size: 12px !important;
		padding: 7px 18px;
	}
	.hero {
		height: auto;
		padding: 56px 0px;
	}
	.tabs-check-content-box p{
		font-size: 9px;
	}
	.tabs-check-content-box h4 {
		font-size: 18px;
	}
	.setting-verification-content h4{
		font-size: 15px;
	}
	.min-max-limit.amt-min-max span {
    	font-size: 11px;
	}
	.view-referrel {
		padding: 7px;
		margin-bottom: 15px;
	}
	.head-main-title h1 {
		font-size: 22px;
	}
	.box-wrapper-info {
		padding: 16px;
		border-radius: 8px;
	}
	.data-head-title h4 {
		font-size: 18px;
	}
	.total-income-text-box{
		width: calc(100% - 0px);
		margin: 0px 0px;
	}
	.main-total-income, .profile-info-text,.participants-iiner-row {
		margin: 0px 0px;
	}
	.referral-icons{
		    gap: 11px;
	}
	.mb-margin {
		margin-bottom: 22px;
	}
	.head-main-title {
   	 margin-bottom: 20px;
	}
	.referral-links-inner{
		border-radius: 11px;
    	padding: 19px;
	}
	.total-income-text-box{
		    border-radius: 10px;
	}
	.total-income-text-box{
		padding: 18px 19px;
	}
	.referral-links-box{
		        row-gap: 11px;
	}
	.main-total-income{
		row-gap: 12px;
	}
	.profile-info-text-item{
		font-size: 13px;
	}
	.profile-info-text-item {
		width: calc(100% - 0px);
		margin: 0px 0px;
		padding: 10px 0px;
	}
	.participants-iiner-row .total-income-text-box{
		width: calc(100% - 0px);
		margin: 0px 0px;
	}
	.invite-ib-info .work-content-data{
		background-color: transparent;
		padding: 7px;
	}
	.btn-close{
		right: 6px;
		top: -1px;
	}
	.data-head-title h4{
		font-size: 16px;
	}
	.data-head-inner span{
		column-gap: 5px;
		font-size: 13px;
	}
	.setting-info-details{
		display: block;
		margin-top: 12px;
	}
	.num-account-box{
		display: block;
	}
	.num-account-box .radio{
		margin-bottom: 17px;
	}
	.radio-label-info {
		width: 95%;
	}
	.acc-setting-verification {
		margin-top: 4px;
		display: block;
		position: relative;
	}
	.setting-info-img i{
		font-size: 19px;
	}
	.acc-setting-details p{
		font-size: 13px;
	}
	.steps-verification{
		margin-top: 27px;
	}
	.acc-setting-left{
		display: block;
	}
	.attach-file.small-btn-bg{
		width: auto;
	}
	.chat-send-msg .small-btn-bg{
		height: auto;
	}
	.attach-file.small-btn-bg {
		width: 43px;
	}
	.steps-verification-data{
		margin-bottom: 0px;
	}
	.profile-step-group {
		margin-top: 28px;
	}
	.steps-verification-content h3 {
		font-size: 14px !important;
	}
	.steps-verification-content ul li {
		font-size: 10px;
	}
	.chat-send-msg {
		display: flex;
		gap: 6px;
		align-items: center;
	}
	.mess-send-icon button {
		min-width: max-content;
	}

	.acc-setting-left{
		margin-bottom: 17px;
	}
	.setting-main-data{
		padding: 29px 2px;
	}
	.authorization-change-pass{
		padding: 9px;
	}
	.setting-custom-tabs .nav-tabs {
		flex-direction: column;
		row-gap: 17px;
	}
	.verify-icon::after{
		left: 14%;
	}
	.authorization-change-btn .small-btn-bg{
		padding: 9px 20px !important;
		font-size: 12px;
	}
	.setting-data-content{
		padding: 9px;
		border-radius: 0px;
	}
	.performance-tabs .nav-tabs .nav-link {
		font-size: 17px;
	}
	.perfomance-card p {
		margin-top: 7px;
	}
	.perfomance-card{
		min-height: auto;
	}
	.performance-inner-tabs .performance-inner-item {
		border-radius: 5px !important;
		font-size: 14px !important;
		padding: 7px 24px !important;
	}
	.transaction-history-head .custom-list-dropdown{
		width: 100%;
	}
	.transaction-type{
		width: 39%;
	}
	#transactionInfoPopup .profile-steps-body{
		padding: 1rem;
	}
	.pay-account-from-to{
		row-gap: 16px;
	}
	.pay-account-from-to .arrow{
		display: none;
	}
	.deposit-method-address .small-btn-bg,.small-btn{
		padding: 9px 20px !important;
		font-size: 12px;
	}
	.deposit-address h5{
		font-size: 16px;
		font-style: normal;
		word-wrap: break-word;
	}
	.form-group{
		margin-bottom: 18px;
	}
	.withdraw-terms .inner-main-title{
		font-size: 17px;
		margin-bottom: 3px;
	}
	.sec-title h4{
		font-size: 14px;
		line-height: 23px;
	}
	.footer-box h3{
		font-size: 18px;
	}
	.footer-social-icon i{
		font-size: 25px;
	}
	.hero-content h1{
		font-size: 29px;
	}
	.hero-content h1 span {
		font-size: 25px;
	}
	.inner-main-title {
		font-size: 17px;
	}
	.form-group .custom-list-dropdown{
		padding: 14px 0px 14px 15px;
	}
	.withdraw-terms {
		margin-bottom: 16px;
	}
	.validation-info{
		font-size: 13px;
		padding: 0px;
	}
	.alert-wrapper {
		padding: 15px 11px;
	}
	.alert-wrapper .text-gray{
		font-size: 12px;
	}
	.amount-currency-show{
		height: 54px;
	}
	.amount-currency-num span:nth-child(1){
		font-size: 18px;
	}
	.amount-currency-num span{
		font-size: 15px;
	}
	.acc-data {
		justify-content: flex-start;
	}
	.reset-information {
		color: #838383 !important;
		margin-top: 0px !important;
		font-size: 12px !important;
	}
	.acc-title h1 {
	    font-size: 24px;
    	line-height: 35px;
	}
	.inner-checkbox{
		align-items: center;
	}
	.inner-checkbox input{
		width: 31px;
		height: 19px;
	}

	.acc-title p br{
		display: none;
	}
	.acc-title p{
		font-size: 15px;
		margin-top: 0px;
	}
	.deposit-list-details .account-list-box span:nth-child(3) {
		font-size: 13px;
	}
	.copyright{
		position: static;
		margin-bottom: 14px;
		margin-top: 0px;
	}
	.our-proposition{
		padding: 48px 0px;
	}
	.our-proposition-info p {
		font-size: 15px;
	}	
	.sec-title{
		font-size: 23px;
	}
	.read-more-content p {
		padding: 0px 32px !important;
	}
	.our-proposition-info {
		row-gap: 22px;
	}
	.features {
			padding: 50px 0px;
	}
	.feature-img{
		height: 82px;
		max-width: 82px;
	}
	.feature-img img{
		width: 50px;
	}
	.feature-box {
		border-radius: 10px;
		padding: 19px;
	}
	.diverse-portfolio {
		padding-bottom: 0px;
	}
	.download-info{
		margin-top: 60px;
		padding: 20px 4px;
		height: auto;
	}
	.legal-information .container .row {
		row-gap: 14px;
	}
	.footer-box-content{
		display: flex;
		justify-content: flex-start;
		align-items: baseline;
		flex-direction: column;
	}
	.legal-information-content p {
		font-size: 15px;
	}
	.legal-information {
		padding-bottom: 42px;
	}
	.legal-information-img{
		display: none;
	}
	.down-card-info{
		width: 100%;
	}
	.down-card {
		background: #000;
		margin-bottom: 25px !important;
	}
	.down-soft{
		display: block;
	}
	.start-earning {
		padding: 50px 0px;
	}
	.start-earning-data{
		row-gap: 20px;
	}
	.footer{
		padding-top: 0px;
	}
	.footer-box img {
		margin-bottom: 24px;
		
	}
	.footer-social-icon img{
		width: 24px;
	}
	.footer-social-icon {
		margin-top: 20px;
	}
	.copy-right p{
		font-size: 15px;
	}
	.header .navbar-brand img{
		width: 150px;
	}
	.header .select-country{
		display: none;
	}
	.header .header-btn{
		border-top: 1px solid #bd9d6a40;
		padding-top: 22px;
		margin-top: 12px;
	}
	.header {
		background-color: #000;
		padding: 9px 0px;
	}
	.footer-box {
		margin-top: 32px;
	}
	.acc-btn {
		width: 276px;
		margin-bottom: 5px;
	}
	.acc-button-info p{
		margin-top: 11px;
		margin-bottom: 6px;
		font-size: 16px;
	}
	.account-card-data {
		padding: 12px 0px;
	}
	.acc-card-shape span{
		font-size: 10px;
	}
	.acc-card-shape{
		width: 97px;
		height: 31px;
	    clip-path: polygon(100% 0, 81% 52%, 118% 132%, 0% 150%, 0 47%, 0% 0%);
		top: 26px;
	}
	.account-card-title p {
		font-size: 12px;
	}
	.account-card-space .col-lg-6:nth-child(2) .acc-card-shape{
		width: 129px;
	}
	.account-card-space .col-lg-6:nth-child(1) .acc-card-shape {
		background: #bd9d6a;
		width: 119px;
	}
	.account-card-title h3 {
		color: #FFF;
		text-align: center;
		font-size: 17px;
		font-weight: 600;
	}
	.custom-main-tabs{
	    display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		width: 100%;
		justify-content: unset;
		row-gap: 25px;
		margin-top: 41px;
	}
	.custom-tabs-head{
		margin-bottom: 0px;
		padding-bottom: 14px !important;
	}
	.custom-main-tabs .custom-list-dropdown{
		width: 37%;
	}
	.acc-amount-info h4{
		font-size: 29px;
	}
	.custom-main-tabs .btn-refresh-balance{
		width: 50%;
	}
	.account-list-details{
		margin-top: 17px;
	}
	.custom-tabs-button{
		column-gap: 2px;
	}
	.main-card-info {
		padding: 12px;
		padding-top: 18px;
	}
	.custom-card-info{
		padding: 12px;
	}
	.custom-card-left {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		row-gap: 13px;
		column-gap: 8px;
	}
	.acc-card-btn .small-btn {
		padding: 8px 24px;
	}
	.custom-main-tabs .custom-list-dropdown {
		min-width: 125px;
	}
	.container {
		padding: 0px 9px;
	}
	.no-data-info{
		padding: 88px 0px;
	}
	.profile-kyc-info{
		display: block;
	}
	.announcement-info{
		width: auto;
	}
	.announcement-content{
		padding: 0px;
	}
	.announcement-btn{
		column-gap: 5px;
	}
	.announcement-content h3 {
		margin-top: 23px;
		margin-bottom: 4px;
		font-size: 22px;
	}
	.announcement-content .small-btn-bg,.small-btn{
		height: auto;
		padding: 7px 33px;
	}
	.invite-copy-link{
		width: 100%;
		height: 41px;
		font-size: 11px;
		padding: 0px 9px;
	}
	.invite-link{
		width: 100%;
	}
	.invite-friends-content{
		padding: 0px;
	}
	button.copy-btn{
		top: 12px;
		right: 6px;
	}
	.how-work-title h3 {
		font-size: 16px;
		font-style: normal;
		margin: 29px 0px;
	}
	.invite-friends-content h2 {
		font-size: 20px;
	}
	.work-content-data p {
		font-size: 9px;
	}
	.account-list-modal .modal-content {
		padding: 14px;
	}
	.modal-body .small-btn-bg {
		width: auto;
		height: 41px;
	}
	.acc-modal-content h3 {
		font-size: 20px;
	}
	.acc-modal-content p {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.acc-modal-content p{
		font-size: 12px;
	}
	.acc-information-data {
		padding: 0px 0px;
		padding-bottom: 0px;
	}
	.incomplete-profile-alert{
		font-size: 14px;
	}
	.announcement-content .small-btn-bg, .small-btn {
		height: auto;
		padding: 7px 22px;
	}
	.profile-kyc-data{
		margin-top: 17px;
	}
	ul.dropdown-menu.account-dropdown.show{
		min-width: 100%;
	}
	
	.main-dropdown i {
		font-size: 24px;
		margin-left: 3px;
	}
	.header-nav{
		column-gap: 0px;
	}
	.header-nav .select-country-btn span{
		display: none;
	}
	.left-logo img {
		width: 136px;
	}
	.profile-kyc-progress span {
		font-size: 13px;
	}
	[role="progressbar"]{
		width: 36px;
	}
	.data-head-title .small-btn {
		padding: 10px 20px;
		font-size: 12px;
	}
	.custom-tabs-button .custom-tabs-btn{
		font-size: 17px;
	}
	.header-btn .small-btn {
		padding: 10px 40px !important;
	}
	.sec-title h4 br{
		display: none;
	}
	.doc-verify-identify h4{
		font-size: 16px;
		line-height: 26px;
	}
	.alert-wrapper a{
		font-size: 14px;
	}
	.account-dropdown{
		width: 251px;
	}
	ul.dropdown-menu.account-dropdown.show{
		padding: 12px;
	}
	.right-content .header-nav li:nth-child(2){
		display: none;
	}
	.custom-card-info{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.min-max-limit span{
		font-size: 14px;
	}

	.user-profile-link ul li a {
		width: 100%;
	}
	.user-profile-link ul {
		padding: 0px 0px;
	}
	#createPopup .acc-modal-content h3 {
		margin-top: 38px;
	}
	.deposit-title-name h5{
		font-size: 17px;
	}
	.deposit-title-name img {
		width: 23px;
	}
	.deposit-card-title{
		padding: 11px 17px;
	}
	.processing-icon{
		width: 124px;
		height: 125px;
	}
	.setting-tabs-head{
		padding: 11px 0px;
	}
	.deposit-list-details .account-list-box {
		padding: 13px 0px;
	}
	.deposit-list-details .small-btn-bg {
		margin-top: 18px;
	}
	.account-card-button{
		opacity: 1;
	}
	.account-card-box::before{
		display: none;
	}
	.identity-radio-label{
		font-size: 13px;
	}
	.form-input-file{
		margin-bottom: 26px;
	}
	.radio-group label{
		font-size: 13px;
	}
	.acc-inner-drop .custom-list-dropdown{
		margin-bottom: 16px;
	}
	.table thead th{
		padding: 11px 23px;
	}
	.available-wallet{
		font-size: 14px;
	}
}
@media (max-width:400px){
	.feature-box{
		display: block;
	}
	.num-text-border {
		left: 69%;
		top: -45px;
	}
	.feature-img{
		margin-bottom: 15px;
	}
	.features-data-info .row {
		row-gap: 48px;
	}
	.footer-box p{
		color: #ffffffd6;
	}
	.hero-content h1 {
		font-size: 21px;
	}
	.hero {
		height: auto;
		padding: 38px 0px;
		padding-bottom: 0px !important;
	}
	.features-data-info {
		margin-top: 60px;
	}
	.hero-content h1 span {
		font-size: 20px;
	}
}