* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
@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');
}
html,
body {
	overflow-x: hidden !important;
}

body {
	font-size: 16px;
	font-family: "Public Sans";
}
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;
}
.downloadBtn img {
	margin: 0px 10px 0px 0px;
}
.theme-bg{
	width: 100%;
	min-height: 100vh;
	background-color: #000;
}
.theme-wrapper{
	background-color: #000;
	overflow: hidden;
}
.header .navbar-expand-lg .navbar-collapse{
	justify-content: end;
}
.amount-currency-data {
    display: flex;
    align-items: center;
}
.acc-card-info input:-webkit-autofill,
.acc-card-info input:-webkit-autofill:hover,
.acc-card-info input:-webkit-autofill:focus,
.acc-card-info input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fff inset ; 
    -webkit-text-fill-color: #000;
}
.amt-min-max {
    margin-top: 0px !important;
}
.conversionCurrencyAmount {
    color: #AAEAE1;
    font-weight: 300;
    text-align: end;
    margin-top: 7px;
}
.min-max-limit.amt-min-max span {
    font-size: 13px;
    font-weight: 600;
    color: #CACACA;
}
.header-btn {
    display: flex;
    align-items: center;
    column-gap: 11px;
}
.header-btn .small-btn{
	padding: 9px 21px;
	border-radius: 6px;			
}
.header-btn .small-btn-bg {
	padding: 9px 21px;
	border-radius: 6px;	
}
.servives-box p {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 6px;
    line-height: 42px;
    text-align: center;
    color: #000;
}
.servives-box span{
	font-weight: 300;
    color: #000;
}
.header-btn .small-btn:hover{
	color: #000;
        background: linear-gradient(178deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%)
}
.servives-info {
 margin-top: -61px;
}
.servives-main-data {
        background: linear-gradient(178deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
    border-radius: 20px;
    padding: 25px 37px;
        border: 6px solid #d39238;
    display: grid;
    column-gap: 21px;
    grid-template-columns: repeat(4, 1fr);
}
.servives-box {
    text-align: center;
}
.header {
    background-color: #000;
    margin-bottom: -104px;
    padding: 15px 0px;
}
.hero{
	height: calc(100vh - 80px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../img/banner-bg.png');
    background-size: cover;
    background-position: center;

}
.bank-information .custom-list-dropdown .list-item-dropdown li{
   font-size: 12px !important;
}
.bank-information .selected-display{
	font-size: 13px !important;
}
.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: 105px;
    position: absolute;
}

.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: #d69a20;
}
/* ================================================ */
.hero-content {
    text-align: center;
    position: relative;
}
.hero-shape {
    position: absolute;
    left: 20px;
    top: -58px;
    animation: animName 6s linear infinite;

}
.hero-shape-1{
    position: absolute;
    right: 0px;
    width: 75px;
    top: -46px;
    animation: zoom-in-zoom-out 2s ease-out infinite;

}

@keyframes animName {
   0%{
    transform: rotate(0deg);
}
100%{
    transform: rotate(360deg);
}
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
}
50% {
    transform: scale(1.5, 1.5);
}
100% {
    transform: scale(1, 1);
}
}
.hero-content h1{
	line-height: 60px;
    margin-bottom: 22px;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: #FFFFFF;
}
.hero-content h1 span{
	font-size: 48px;
    font-weight: 700;
    color: #bd9d6a;
}
.hero-content .small-btn-bg{
    padding: 12px 27px;
    border-radius: 6px;
    font-size: 17px;
}
.hero-content p{
	font-style: normal;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 28px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

.hero-img {
    position: relative;
}
.hero-img img {
    position: absolute;
    right: -119px;
    top: -109px;
}
.hero-shape img{
	position: absolute;
    top: -372px;
    left: -13px;
    z-index: -1;
}
.sec-title{
	color:#bd9d6a;
	font-size: 36px;
    font-weight: 700;
    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;
   font-size: 26px;
}
.benefits-box p{
	color: #BEBEBE;
}
.faqs-info {
    padding: 80px 0px;
}
.faq-container {
  max-width: 83%;
  margin: auto;
  margin-top: 38px;
}

.faq-item {
  background: #181818;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  border: 1px solid #2a2a2a;
}

.faq-question {
  width: 100%;
  background: none;
  border: none;
  color: #fff;
  padding: 18px 22px;
  font-size: 17px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.faq-question:hover {
  background-color: #131212;
}


.faq-item.active i {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  background-color: #0c0b0b;
  padding: 0 22px;
  transition: max-height 0.4s ease, padding 0.4s ease;
}

.faq-item.active .faq-answer {
  max-height: 200px;
  padding: 15px 22px 20px;
  border-top: 1px solid #ffffff2b;
}
.benefits-box h3 {
    font-size: 21px;
    margin-bottom: 9px;
}
.benefits-details {
    display: grid;
    gap: 17px;
    grid-template-columns: repeat(2, 1fr);
}

.legal-information-img img {
    width: 100%;
}
.benefits-box {
    background: #171717;
    padding: 30px;
    border-radius: 14px;
    border: 1px solid #ffffff30;
}
.benefits-info {
    background: #0d0d0d;
    padding: 80px 0px;
}
.legal-information .container .row{
	row-gap: 130px;
	justify-content: space-around;
}

.legal-information {
  padding: 87px 0px;
}
.legal-information-content p {
    color: #BEBEBE;
    font-size: 16px;
    margin-bottom: 8px;
    font-style: normal;
    font-weight: 400;
}
.features{
	padding: 91px 0px;
	background: #0c0c0c;
	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;
}
button.copy-btn.user-btn {
    right: 50px !important;
}

/* ========== Trading Platform Section ========== */
.trading-platform {
  background-color: #0d0d0d;
  color: #ffffff;
  padding: 80px 0;
}

.trading-platform .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.trading-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  flex-wrap: wrap;
}

.platform-text {
  flex: 1 1 55%;
}

.section-title {
  font-size: 30px;
  font-weight: 700;
  color: #bd9d6a;
  margin-bottom: 20px;
}

.section-description {
  color: #ccc;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 40px;
}

.trading-platform-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.platform-features {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 60%;
    justify-content: center;
}

.feature-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.feature-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #fff;
}
.platform-features .sec-title {
    text-align: left;
    margin-bottom: 45px;
}

.feature-text {
  color: #aaa;
  font-size: 15px;
  line-height: 1.6;
}

.platform-image {
    display: flex;
    width: 30%;
    justify-content: center;
}

.platform-image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}


.feature-box {
    padding: 20px;
    align-items: baseline;
    display: flex;
    height: 350px;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
    column-gap: 20px;
    border-radius: 10px;
    background: linear-gradient(#362c1b, #090909) padding-box, linear-gradient(174deg, #212121, #bd9d6a) border-box;
    border: 1px solid transparent;
    transition: all 0.5s ease;
    overflow: hidden;
}


.feature-box {
  padding: 20px;
  align-items: baseline;
  display: flex;
  height: 350px;
  justify-content: flex-end;
  flex-direction: column;
  position: relative;
  column-gap: 20px;
  border-radius: 10px;
      background: linear-gradient(#1b150c, #1b1b1b) padding-box, linear-gradient(174deg, #1b1b1b, #bd9d6a) border-box;
  border: 1px solid transparent;
  transition: all 0.5s ease;
  overflow: hidden;
}
@keyframes rotateRing { to { transform: rotate(360deg); } }

.choose-us-box{
    background-color: #19191966;
    border-radius: 20px;
    padding: 31px 23px;
    width: 32.40%;
    border: 1px solid #ffffff2e;
    transition: all 0.5s;
}
.choose-us-info {
    margin-top: 53px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}
.choose-us-box h2 {
    font-style: normal;
    font-weight: 700;
    margin-top: 17px;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 31px;
    color: #FFFFFF;
}
.choose-us-box:hover{
	background-color: #ad8a5338;
}
.choose-us-box:hover p{
	color: #fff;
}

.choose-us-icon {
    width: 50px;
    height: 50px;
       background: linear-gradient(178deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
    display: flex;
    justify-content: center;
    border-radius: 10px;
    align-items: center;
}
.choose-us-box p {
    color: #BEBEBE;
    line-height: 21px;
    font-weight: 400;
}
.why-choose-info {
    background: #2a2a2a47;
    padding: 80px 0px;
}
.choose-us-icon img {
    filter: invert(1);
}

.information-content-box {
 background: #2a2a2a85;
 padding: 46px;
 margin-bottom: 32px !important;
 max-width: 1280px;
 margin: auto;
     border: 1px solid #ffffff38;
 border-radius: 20px;
}
.feature-box:hover .num-text-border{
	-webkit-text-stroke: 2px #bd9d6a9e;
}
.feature-box:hover{
   box-shadow: 2px 2px 20px 0px rgb(228 228 228 / 24%);
}
.feature-box h4{
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 14px;
}
.feature-box.feature-box-border {
   background: linear-gradient(#1b1b1b, #000000) padding-box, linear-gradient(-3deg, #1b1b1b, #bd9d6a) border-box;
}
.feature-box p{
	color: #BEBEBE;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.feature-img {
    margin-bottom: 20px;
}
.join-our-left {
    width: 47%;
}
.join-our-right{
	width: 47%;
}
.join-our-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.join-our-left h2{
	font-size: 25px;
	color: #bd9d6a;
	font-weight: 600;
	margin-bottom: 14px;
}
.join-our-left p{
	font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #CACACA;
    margin: 0;
}
.join-our-point {
    margin-top:35px;
}
.join-our-point ul li {
    color: #BEBEBE;
    list-style: disc;
    margin-bottom: 7px;
}
.join-our-point ul{
	padding-left: 30px;
}
.trading-journey-info{
	background-image: url('../img/journey-info.webp');
	background-position: center;
	background-size: cover;
	padding: 50px 0px;
	text-align: center;
}

.rading-journey-content h2 {
    font-size: 36px;
    font-weight: 600;
}

.rading-journey-content p {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    margin: 16px 0px;
}
.join-our-info {
    padding-top: 77px;
}




.features-data-info{
    display: grid;
    column-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}
.authorization-change-pass.setting-otp-info {
    display: block;
}
.deposit-qr svg {
    background: #fff;
    padding: 9px;
    border-radius: 5px;
}
.deposit-qr svg {
    background: #ffffff;
    padding: 11px;
    box-shadow: 0px 1px 14px 8px #00000099;
}
.deposit-qr {
    margin: auto;
    display: flex;
    background: #1b1b1b;
    justify-content: center;
    border: 1px solid #ffffff1c;
    padding: 23px;
    width: max-content;
}
.sec-main-title p {
    margin-top: 14px;
}
.sec-main-title{
	text-align: center;
}
.diverse-portfolio-data{
	margin-top: 70px;
	align-items: center;
    gap: 27px;
    display: flex;
    justify-content: space-between;
}
.acc-amount-info h4 p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
}
.acc-amount-info h4:last-child p{
	text-align: end;
}
.amount-balance{
	display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 21px;
    color: #fff;
}
.amount-balance .text-red{
	color: red;
}
.num-text-border {
    font-size: 50px;
    font-weight: 800;
    right: 23px;
    top: 0px;
    position: absolute;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px #bd9d6a;
    color: transparent;
}
.portfolio-data-content{
	border-radius: 20px;
	padding: 25px 32px;
    border: 1px solid #ffffff2e;
    background: #2a2a2a8c;
        text-align: left;
}
.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: 2;
    -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: left;
	font-size: 21px;
	font-style: normal;
	color: #fff;
	margin-bottom: 12px;
	font-weight: 700;
}
.main-about-info {
   width: 50%;
   display: flex;
   flex-direction: column;
   row-gap: 14px;

}
.portfolio-data-content p{
    color: #ffffffb5;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
}
.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;
}
.footer-box {
    text-align: center;
}
.copy-right {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 42px;
}
.diverse-portfolio {
  padding: 100px 0px;
  position: relative;
}
.footer{
	padding-top: 80px;
}

.footer-box p{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #BEBEBE;
    text-align: center;
    max-width: 699px;
    margin: auto;
    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: 30px;
    width: 157px;
}
.support-email i {
    color: #bd9d6a;
    font-size: 21px;
    margin-right: 9px;
}
.support-email span{
    font-size: 18px;
    display: flex;
    align-items: center;
    color: #fff;
    margin-top: 27px;
    justify-content: center;
    font-weight: 100;
}
.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: 15px;
    width: 24px;
}
.footer-social-icon img:hover {
    filter: saturate(0) brightness(0) invert(1);
}

.copy-right p{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    margin: 0;
    font-weight: 400;
    max-width: max-content;
    line-height: normal;
    text-transform: capitalize;
}
.footer-social-icon{
    display: flex;
    align-items: center;
}
.footer-social-icon i {
	font-size: 26px;
    color: #bd9d6a;
    margin-right: 15px;
}



.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: #9e744bb8 !important;
    color: #fff !important;
}
.acc-data button[disabled] {
 opacity: .5;
 cursor: not-allowed;
 background-color: #019cd6 !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: relative;
    z-index: 1;
}
.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: transparent;
	border: 1px solid #D9D9D9;
}
.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;
}
.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: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
}
.acc-field{
	position: relative;
	text-align: left;
}
.input-icon a:hover{
	color: #0a4e47;
}
.acc-title h1{
	font-size: 26px;
	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: #232927;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #393939; 
    height: 8px;
}
.input-icon i{
	color: #878787;
	font-size: 18px;
}
.acc-field .fa {
	position: absolute;
	top: 40%;
	right: 15px;
}
.acc-card-info .input-icon a{
   top: -6px;	
}
.input-icon a{
    position: absolute;
    top: -3px;
    right: 0px;
    font-size: 21px;
}
.inner-checkbox {
	display: flex;
	margin-bottom: 36px;
	margin-top: 7px;
}
.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 #266e64
}
.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;
}
.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{
	color:  #bd9d6a;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 14.5px
}
.forgot-password a:hover{
	color: #f1f1f1;
}
.acc-field input::placeholder {
	color: #838383;
	font-size: 14px;
	font-weight: 400;
}
.copyright {
	text-align: center;
	margin-top: 50px;
}
.acc-card-info {
    max-width: 567px;
    width: 100%;
    border: 1px solid #ffffff36;
    margin: auto;
    background: #131313;
    padding: 20px 33px;
    border-radius: 16px;
  
}
.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: 1px solid #43444491;
    background: #0d0d0d;
    border-radius: 8px;
}
.form-control:focus{
    box-shadow: none;
    background: #0d0d0d;
    color: #ffff;
    border-color: #5c5c5c87;
    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: #fff;
    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: #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 {
    display: flex;
    margin-bottom: 27px;
    margin-top: 22px;
}
.inner-checkbox input {
	margin: 0px 12px 0px 0px;
    width: 22px;
    height: 18px;
    background: transparent;
    border: 1px solid #b8b8b8;
}
.small-btn-bg span i{
	color: #ffffffcf !important;
    font-size: 17px !important;
    padding: 0 !important;
}

.form-check-input:checked {
    background-color: #bd9d6a;
    color: #fff;
    border: 1px solid #bd9d6a;
    box-shadow: none;
}
.inner-checkbox label{
	color: #fff;
	font-size: 12px;
}
.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: #bd9d6a;
    outline: none;
    background-color: transparent;
    position: absolute;
    border: none;
    top: 9px;
    border-radius: 6px;
    right: 6px;
}
.otp-btn span{
	color: #bd9d6a;
}
.otp-btn:hover{
	color: #bd9d6a;
}
.reset-information{
    color: #838383 !important;
    margin-top: -7px !important;
    font-size: 14px !important;
    font-weight: 400 !important;												
    line-height: normal;
}
.mail-text{
    color: #B5B5B5 !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 50px;
}

/* ===============dashboard header========== */
.top-header{
    height: 89px;
    display: flex;
    align-items: center;
}
.top-header .container {
    height: 100%;
}
.right-content {
    height: 100%;
    padding-right: 34px;
}
.left-logo img{
       width: 68px;
}
.container{
	max-width: 1440px;
	padding: 0px 40px;
}
.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;
    align-items: center;
}
.profile-kyc-bar {
    background-color: #d7d7d708;
    padding: 16px 41px;
    margin-right: 0px;
    margin-left: 320px;
}
.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: flex-end;
    align-items: center;
    padding: 3px 0px;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid #303030;
    margin-left: 320px;
}
a.t-link {
    color: #bd9d6a;
    text-decoration: none;
    padding-bottom: 0px;
    border-bottom: 1px dashed;
    font-weight: 600;
}
a.t-link:hover{
	color: #fff;
}
.chat_mess_foot h4 {
    font-size: 12px;
    color: #c2c2c2;
    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: 20px !important;
    padding: 0px;
}
.account-dropdown{
	width: 298px;
	height: 181px;
	padding: 20px;
	flex-shrink: 0;
}
.trading-wallet-btn .small-btn{
	padding: 10px 25px;
}
.small-btn:hover{
    background: linear-gradient(178deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%) !important;
    color: #000 !important;
}
.dropdown-menu .trading-content {
    align-items: baseline !important;
    gap: 0;
    display: flex;
    flex-direction: column;
}
.trading-content p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 13px;
}
.trading-content span {
    font-size: 13px;
    margin-bottom: 7px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #c0c0c0;
}
.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;
}
.user-profile-link .log-out ul li a {
    padding: 17px 24px;
}
.acc-dropdown .main-dropdown.show {
    background-color: #181d1b;
}
.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: 19px;
	font-weight: 500;
   margin-bottom: 4px;
   line-height: normal;
   color: #fff;
}
.user-name span{
	color: #838383;
	font-size: 15px;
	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;
}
ul.dropdown-menu.account-dropdown.show {
    min-width: 420px;
    padding: 24px;
    margin-top: -10px !important;
    text-align: left;
    border: 1px solid #ffffff21 !important;
}
div#chatHistoryPopup .modal-header {
    border-bottom: 1px solid #83838361;
    padding: 20px 18px;
}
div#chatHistoryPopup .modal-content {
    overflow: hidden;
    padding: 0;
    background-color: #151515;
}
div#chatHistoryPopup .modal-header .btn-close {
    position: unset;
    margin: 0;
    padding: 0;
    height: 25px;
    display: flex;
    align-items: center;
}

div#chatHistoryPopup .modal-header h3 {
    font-size: 21px;
}
.chat_mess {
    max-width: 70%;
    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: #2a2a2a;
 margin-bottom: 10px;
 padding: 0.5rem;
}
.chat_mess_head p{
    font-size: 14px;

}
.user .chat_mess_head p {
    color: #fff;
}
.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: #0f0f0f;
}
.attach-file.small-btn-bg img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(1632%) hue-rotate(281deg) brightness(117%) contrast(100%);
    width: 25px;
}
.small-btn  span i{
	color: #fff;
}

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: #ffffffad;
}

.chat_mess_foot {
    margin-top: 5px;
    width: 100%;
}
.send-msg-info .modal-footer {
    border-top: 1px solid #8383835e;
}
.chat_mess_foot a {
    color: #bd9d6a;
    font-size: 14px;
    text-decoration: underline;
}
.user-img {
    font-size: 25px;
    height: 64px;
    width: 64px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #bd9d6a;
    border-radius: 50%;
    background-color: #ffffff12;
}
.user-profile-link ul li a {
    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(136 136 136 / 15%) !important;
	border-bottom: 1px solid;
	border-top: 1px solid;
}
.user-profile-link ul li a:hover{
	background: #bd9d6a;
    color: #000;
}
.user-profile-link .log-out ul {
    border: unset;
    padding: 0;
}
.user-profile-link ul li a{
    padding: 17px 24px;
    gap: 12px;
    justify-content: space-between;
    position: relative;
}
.profile-dropdown{
	transform: translate(-250px, 54px) !important;
}
.user-profile-link ul li a {
    width: 100%;
}
.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: 70px;
    display: none;
}
.acc-dropdown .main-dropdown.show .dropdown-overlay {
	display: block;
}
.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;
}

/* sidebar */
.sidebar{
    width: 320px;
    position: fixed;
    height: 100%;
    top: 0;
    border-right: 1px solid  #303030;
}
.sidebar ul{
    padding: 0px 44px;
} 
.left-logo {
    text-align: center;
    padding-top: 18px;
    margin-bottom: 49px;
    padding-bottom: 14px;
    border-bottom: 1px solid #303030;
}
.main-data{
	width: 100%;
	margin-left: 358px;
    margin-right: 47px;
}
.main-wrapper-info{
	display: flex;
	flex: 1;
	column-gap: 44px;
}
.main-wrapper{
	padding-bottom: 50px;
	padding-top: 0px;
}
.sidebar ul li a:hover{
    background: linear-gradient(129deg, rgb(166 122 63) 0%, rgb(187 150 83) 100%);
    color: #fff;
    border-color: #bd9d6a;
}
.sidebar ul li a:hover i{
	color: #fff;
}	
.sidebar ul li a:hover img{
    filter: brightness(0) saturate(100%) invert(93%) sepia(73%) saturate(0%) hue-rotate(343deg) brightness(111%) contrast(101%);
}
.sidebar ul li a i{
	font-size: 25px;
    color: #bcc1bf;
    font-weight: 200;
}
.sidebar ul li a{
	text-align: center;
    display: flex;
    color: #B9B9B9;
    gap: 11px;
    font-size: 14px;
    border: 1px solid #B9B9B9;
    padding: 12px 15px;
    align-items: center;
    margin: 23px 0px;
    font-weight: 600;
    transition: all 0.5s;
    border-radius: 10px;
    line-height: normal;
}
.sidebar ul{
	width: 100%;
}
.sidebar-nav-link .active{
	position: relative;
	    color: #fff;
        border-color: #bd9d6a;
    background: linear-gradient(129deg, rgb(166 122 63) 0%, rgb(187 150 83) 100%);
}

.sidebar-nav-link .active img{
    filter: brightness(0) saturate(100%) invert(93%) sepia(73%) saturate(0%) hue-rotate(343deg) brightness(111%) contrast(101%);
}

.sidebar-nav-link .active i{
	color: #fff;
}
/* ===dashboard=========== */
.data-head-title{
	margin-top: 40px;
    display: flex;
    margin-bottom: 21px;
    align-items: center;
    justify-content: space-between;
}
.data-head-title h4{
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.profile-kyc-progress {
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.data-learn-more{
	color: #cfa666;
	font-size: 15px;
	margin-right: 19px;
	font-weight: 500;
}
.data-learn-more:hover{
	color: #fff;
}
.data-head-title .small-btn{
    padding: 12px 20px;
    font-size: 16px;
    border: 1px solid #3F3F3F;
    background: #2A2A2A;
}
.main-card-info{
	border-radius: 20px;
	background:  #2a2a2a5c;
	min-height: 500px;
	width: 100%;
	padding: 28px;
	position: relative;
}
/* ========= */

.custom-tabs-head .nav-tabs {
    border-radius: 12px;
    overflow: hidden;
    background: #2A2A2A;
    border: 1px solid #3f3f3f;
}
.custom-data-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000 !important;
    background-color: #bd9d6a;
    position: relative;
}
.performance-inner-tabs.performance-table-tabs .nav-tabs .nav-link.active {
    color: #fff !important;
} 

.performance-table-tabs  .nav-link.active::after{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 73px;
    height: 3px;
    background-color: #bd9d6a;
    content: '';
}
.performance-table-tabs  .nav-tabs .nav-link:hover{
    color: #bd9d6a !important;
    background-color: transparent;
}
.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;
}
.real-list-view .custom-card-info{
   width: 49%;
}
.custom-card-info{
    background-color: #1B1B1B;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #3F3F3F;
    margin-bottom: 20px;
}
.real-list-view {
    display: flex;
    flex-wrap: wrap;
    column-gap: 23px;
}
.custom-card-left span{
	padding: 5px 17px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	background-color: #2A2A2A;
}
.custom-card-left .real{
	background-color: #bd9d6a;
	color: #000;
	font-weight: 600;
}
.custom-card-left .demo{
	background: var(--btn, linear-gradient(270deg, #cd953c 0%, #cba163 100%));
    color: #000;
    font-weight: 600;
}
.custom-tabs-button .active {
	color: #000 !important;
    background: linear-gradient(178deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
    padding: 0px 16px;
    padding-bottom: 8px;
    border: none;
}
.custom-tabs-button .custom-tabs-btn{
 background-color: #1B1B1B;
 color: #fff;
 border: none;
 border-radius: 10px;
 padding: 6px 33px;
 font-size: 17px;
 transition: all 0.5s;
}
.custom-tabs-button .custom-tabs-btn:hover{
	color: #000 !important;
      background: linear-gradient(178deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
}

.custom-tabs-head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
    align-items: center;
}
.custom-tabs-button{
    display: flex;
    align-items: center;
    column-gap: 24px;
    padding: 13px 28px;
    border-radius: 12px;
    border: 1px solid #3F3F3F;
    background: #2A2A2A;
}
.custom-data-tabs .nav-link  i{
	font-size: 25px;
}
.custom-main-tabs{
	display: flex;
	align-items: center;
	column-gap: 20px;
}
.custom-main-tabs .nav-link{
    border: none;
    color: #fff;
    font-size: 22px;
}
.custom-main-tabs .nav-link.active{
    color: #bd9d6a !important;
    background-color: transparent;
}

.custom-list-dropdown {
	position: relative;
	padding: 9px 40px 9px 16px;
    background: #0d0d0d;
    text-align: left;
    border: 1px solid #43444491;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    min-width: 164px;
}
.faq-question i {
    margin-left: 10px;
    margin-right: 10px;
    color: #ffffffcd;
    line-height: normal;
    font-size: 31px;

}
.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);
}
.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: 1px 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 #ffffff21;
}
.custom-list-dropdown .active{
    background-color: #bd9d6a1c;
    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: #58585826;
}
.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: 24px;
	font-style: normal;
	font-weight: 500;
	margin: 39px 0px;
}
.acc-amount-info .text-gray{
	color: #fff;
    font-size: 19px;
    font-weight: 300;
    padding: 0px;
}
.acc-amount-info .text-yellow{
	color: #bd9d6a;
}
.acc-amount-info span{
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    padding: 0px 3px;
}
.acc-card-btn{
	display: flex;
    column-gap: 14px;
    align-items: center;
}
.acc-card-btn .small-btn{
	padding: 10px 40px;
	border-color: #fff;
	background-color: transparent;
	color: #fff;

}
.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: 9px 10px;
    border-bottom: 1px solid #ffffff21;
    width:100%;
    display: block;
}
.action-list  a:hover{
	color: #fff;
}
.action-list a:hover{
	background: #58585826;
}
.no-data-info{
	text-align: center;
	margin-top: 40px;
	padding: 150px 0px;
}
.no-data-info p{
	margin-top: 8px;
    margin-bottom: 20px;

}
.account-list-data {
    padding: 22px 30px;
}
.account-list-title{
	display: flex;
    align-items: center;
    padding: 17px 22px;
    border-radius: 10px 10px 0px 0px;
    background: #161717;
    border-bottom: 1px solid #696969a6;
    justify-content: space-between;
}
.account-list-details{
    margin-bottom: 27px;
    background-color: #1B1B1B;
    border-radius: 10px;
    border: 1px solid #3F3F3F;
}
.account-list-details.account-archive-data {
    padding: 30px;
}
.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: 21px;
	font-style: normal;
	font-weight: 600;
}
.account-list-box{
	display: flex;
	justify-content: space-between;
	padding: 10px 0px;
}
.account-list-box span{
	font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #cac4c4;
}
.account-list-box span:nth-child(2){
	border-bottom: 1px dashed #838383;
	flex: 1;
}
.account-list-btn .acc-fund-btn{
    border: 1px solid #fff;
    font-size: 12px;
    font-style: normal;
    border-radius: 6px;
    padding: 2px 12px;
    display: flex;
    margin-left: 15px;
    align-items: center;
    color: #fff;
    text-align: center;
    justify-content: center;
    flex-direction: row;
    gap: 7px;
    font-weight: 600;
    background-color: transparent;
}

.account-list-btn{
    display: flex;
    justify-content: left;
}
.account-list-head-btn{
    display: flex;
    align-items: center;
}
.acc-fund-btn i{
    font-size: 16px;
}
.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: #00b7e7;
	color: #fff;
	border-color: #00b7e7;

}
.tranfer-fund-box{
	width: 1150px;
	border-radius: 20px;
	background: #181D1B;
	padding: 10px;
}

.announcement-info {
	width: 429px;	
}
.modal-content{
	background-color:#151515;
	border-radius: 20px;
	padding: 18px;
	max-height: 85vh;
	border: 1px solid rgb(89 89 89 / 76%);
    overflow: hidden;
    overflow-y: visible;
}
.announcement-info .modal-header{
	border-bottom: none;
}
.btn-close{
    opacity: 1;
    position: absolute;
    right: 13px;
    font-size: 30px;
    color: #c2c2c2 !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 {
     color: #000000;
    background: linear-gradient(178deg, rgb(255 227 149) 0%, rgba(165, 126, 56, 1) 100%);
    font-weight: 600;
    border:1px solid #bf8f42;
    border-radius: 10px;
    display: inline-flex;
    padding: 11px 28px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    cursor: pointer;
    row-gap: 20px;
    transition: all 0.4s;
    line-height: normal;
}
.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;
}
.small-btn-bg:hover img{
	filter: brightness(0) saturate(100%) invert(54%) sepia(73%) saturate(2933%) hue-rotate(160deg) brightness(100%) contrast(101%);
}
.invite-friends-info {
	max-width: 759px !important;
}
.invite-friends-content{
	text-align: center;
}
.work-content-data img {
    filter: drop-shadow(2px 4px 6px black);
}
.invite-ib-info .work-content-data {
    padding: 25px;
    width: 32%;
    text-align: center;
    background: #1b1b1b;
    border: 1px solid #ffffff2b;
    border-radius: 10px;
}
.view-referrel {
    padding: 28px;
    border-radius: 10px;
    background: #1b1b1b;
}
.profile-register-info h2{
	font-size: 21px;
    margin: 5px 0px;
    font-weight: 600;
}
.profile-register-info {
    border-radius: 20px;
    padding: 16px;
    background: #1b1b1b;
}
.invite-copy-link{
	background-color: #2a2a2a;
	width: 85%;
	height: 52px;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	color: #ffffff;
	white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 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: 100%;
	margin: auto;
}
.network-btn{
	background-color: #008313;
	color: #fff;
	border: 1px solid green;
}
.network-btn:hover{
  color: #ffffff;
  border: 1px solid #0aeb2b;
}
button.copy-btn {
    font-size: 22px;
    background: transparent;
    border: none;
    color:#ffffff;
    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: 16px;
    font-style: normal;
    font-weight: 500;
    margin-top: 23px;
    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: 7px;
    margin-bottom: 3px;
    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: 20px 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: #c0c0c0;
	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;
}
.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;
	filter: brightness(0) saturate(100%) invert(54%) sepia(73%) saturate(2933%) hue-rotate(160deg) brightness(100%) contrast(101%);
}
.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;
}
.custom-tabs-head .custom-list-dropdown {
    position: relative;
    padding: 11px 39px 11px 20px;
    border: 1px solid #3F3F3F;
    border-radius: 12px;
    background: #2A2A2A;
}
.data-head-title a:hover{
	color: #fff;
}
.custom-tabs-head  .custom-list-dropdown i {
    position: absolute;
    right: 9px;
    top: 7px;
}
.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: 6px;
}
.steps-verification-num .active{
	background-color: #02C321 !important ;
	color: #fff !important;

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

}
.steps-verification-disable h3{
	color: #838383;
}
.account-card-shape {
    width: 314px;
    position: absolute;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    height: 213px;
    right: 28%;
    z-index: -1;
    bottom: 0;
    background: #2a2a2ab3;
}

/* open new account */
.account-card-box{
    text-align: center;
    padding: 20px 10px;
    background-color: #1B1B1B;
    border-radius: 10px;
    border: 1px solid #3F3F3F;
    position: relative;
    height: 100%;
    transition: 0.5s;
    z-index: 1;
}
.account-card-title h3{
	color: #FFF;
	text-align: left;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 5px;
}
.account-card-title p{
	font-size: 15px;
	text-align: left;
}
.account-card-title{
	border-bottom: 1px solid #838383;
	padding-bottom: 17px;
	padding-left: 27px;
}
.account-card-data{
	padding: 16px 21px;
	max-width: 85%;
	margin: auto;
}
.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;
    background-color: #838383;
    width: 145px;
    height: 39px;
    border-radius: 0px 0px 0px 10px;
    top: 0;
    right: 0;
    text-align: center;
}

.account-card-space .col-lg-6:nth-child(1) .acc-card-shape{
	background: #bd9d6a;
    width: 171px;
}
.account-card-space .col-lg-6:nth-child(1) .acc-card-shape span{
	color: #000;
}
.account-card-space .col-lg-6:nth-child(2) .acc-card-shape{
	background: #AAEAE1 !important;
    width: 171px;
}


.acc-card-shape span {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 39px;
    border-radius: 0px 0px 10px 0px;
    align-items: center;
    justify-content: center;
    padding: 0;
    display: flex;
    color: #000;
}

.account-card-button .small-btn-bg{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
}

.account-card-button {
    margin-top: 25px;
}

.account-card-box:hover::before{
	opacity: 1;
}
.account-card-space{
    row-gap: 31px;
}
.account-card-button .small-btn-bg:hover{
   background-color: transparent;
   color: #000;
}
.account-inner-data .small-btn-bg:hover{
	color: #fff;
	background-color: transparent;
}
.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: #211d15 !important;
    border: 1px solid #bd9d6a66 !important;
}
.custom-account-inner .nav-tabs .nav-link:hover{
	background-color: #211d15 !important;
	border: 1px solid #bd9d6a66 !important;
}
.custom-account-inner .tab-inner-link.active:hover{
	background-color: #211d15 !important;
}
.custom-account-inner .tab-inner-link.active .tabs-check-box{
	border: 5px solid #bd9d6a;
}
.custom-account-inner .nav-tabs {
	display: flex;
    column-gap: 21px;
    border: none;
    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: 1px solid #ffffff4f;
    padding: 15px 28px;
    border-radius: 10px;
    background: #1f1f1f;
    margin: 0;
}
.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;
}
#changeLeverage .modal-content {
    overflow: visible;
}
.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-radius: 8px;
}
.form-group .custom-list-dropdown i {
    position: absolute;
    right: 13px;
    top: 5px;
    color: #CACACA;
    font-size: 30px;
}
/* deposit page */
.inner-main-title{
	font-size: 20px;
    font-weight: 500;
    margin-bottom: 17px;
}
.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: 13px 20px;
    border-bottom: 1px solid #3F3F3F;
}
.deposit-title-name {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.deposit-title-name img{
	width: 30px;
}
.deposit-card-box {
    background-color: #1B1B1B;
    border-radius: 10px;
    border: 1px solid #3F3F3F;
}
.deposit-card-content {
    padding: 20px;
}
.deposit-title-img i {
    font-size: 22px;
    color: #bd9d6a;
}
.deposit-card-content p{
    line-height: 31px;
    display: flex;
    padding: 5px 0px;
    /* border-bottom: 1px solid #ffffff17; */
    align-items: center;
    justify-content: space-between;
}
.deposit-main-info .row{
	row-gap: 20px;
}
.deposit-card-box:hover{
	border-color:#bd9d6a ;
}
.payment-method-link{
	color: #bd9d6a;
}
.custom-list-dropdown img{
	margin-right: 6px;
	width: 20px;
}
.alert-wrapper{
	padding: 20px 30px;
	border-radius: 10px;
	background: rgb(212 145 0 / 11%);
}
.alert-wrapper .small-btn-bg{
	margin-top: 20px;
}
.alert-wrapper h5{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 6px;
	line-height: normal;
}
.alert-wrapper .text-gray{
	color: #e7ad17bd;
}
.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: #393939;
    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 {
    margin-top: 8px;
    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;
    justify-content: space-between;
    background: #121212;
}
.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: 0px;
    margin-bottom: 10px;
}
.deposit-address{
    padding: 12px 18px;
    background: #1f1f1f;
    margin-top: 23px;
    border: 1px solid #ffffff1c;
    border-radius: 5px;
}
.deposit-address h5{
 height: 52px;
 font-size: 18px;
 font-style: normal;
 font-weight: 500;
 color: #ffffff;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 border: none;
 padding: 14px;
 border-radius: 10px;
 background: #2a2a2a;
 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: #ffd775 !important;
}
.processing-progress-icon i{
	color: #000 !important;
}
.active-progress p{
	color:#ffd775 !important; 
}
.transaction-type-data p:nth-child(3){
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.main-header-logo img {
    width: 165px;
    display: none;
}
.history-data-box{
	border-radius: 10px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #3F3F3F;
    background-color: #1B1B1B;
    cursor: pointer;
}
.history-data-box:hover{
    background: #00000059;
    border: 1px solid #bd9d6abd;
}
.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: #ffd775;
}
.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 {
    display: flex;
    align-items: center;
    column-gap: 24px;
    padding: 13px 28px;
    border-radius: 12px;
    border: 1px solid #3F3F3F;
    background: #2A2A2A;
}
.performance-tabs  .performance-link-item.active{
    color: #000 !important;
    background-color: #bd9d6a !important;
}
.performance-tabs .nav-tabs .nav-link{
    background-color: #1B1B1B;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 6px 33px;
    font-size: 17px;
    transition: all 0.5s;
    margin: 0px;
}
.performance-tabs .nav-tabs .nav-link:hover{
    color: #000;
    background-color: #bd9d6a;
}
.performance-tabs .nav-tabs{
	border: none;
	column-gap: 24px;
	display: flex;
	border-radius: 0px;
}
.perfomance-card{
    border-radius: 10px;
    background: #1b1b1b;
    padding: 20px;
    border: 1px solid #3F3F3F;
    height: 100%;
}
.perfomance-card h5 {
    font-size: 24px;
    font-style: normal;
    margin: 14px 0px;
    margin-bottom: 23px;
    font-weight: 600;
}
.perfomance-card p{
	margin-top: 10px;
    padding-bottom: 8px;
    display: flex;
    border-bottom: 1px solid #383838;
    align-items: center;
    justify-content: space-between;
}
.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;
    background-color: transparent;
    column-gap: 40px;
    display: flex;
    border-radius: 0px;
}
.performance-inner-tabs {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.performance-inner-tabs .performance-inner-item{
	border-radius: 0px !important;
    font-size: 14px;
    position: relative;
    padding: 11px 0px !important;
    border: 1px solid transparent !important;
    background: transparent;
}

.table{
	width: 100%;
	padding: 0px 30px;
	background-color: #1b1b1b;
}
.table thead th{
	padding: 20px 23px;
}
.table thead th{
	color: #fff;
	text-align: center;
	border-bottom-color:  #83838359 !important;
}
.table thead th, tbody td{
    border: 1px solid  #83838359;
}
.table  tbody td{
	padding: 13px 23px;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #fff;
	text-align: center;
	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;
    overflow: visible !important;
}
.perfomance-list-dropdown  .list-item-dropdown {
    opacity: 1;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
}
.summary-chart{
	margin-top: 40px;
}
.summary-chart .nav-tabs {
 border: 1px solid #ffffff3d;
 margin-bottom: 35px;
 background: #1b1b1b;
 display: flex;
 align-items: center;
 padding: 13px 28px;
 border-radius: 12px;
 max-width: max-content;
 column-gap: 17px;
}
.summary-chart .nav-tabs .nav-link {
    padding: 8px 25px;
    background: #2a2a2a;
    border-radius: 10px;

}
.summary-chart .nav-tabs .nav-link.active{
	background-color: #bd9d6a;
    color: #000 !important;
}
.highcharts-legend-item:hover text {
    fill: #fff;
    color: #fff;
}

/* setting page */
.setting-custom-tabs .nav-tabs {
   column-gap: 24px;
   padding: 13px 28px;
   border-radius: 12px;
   border: 1px solid #3F3F3F;
   background: #2A2A2A;
}
.setting-custom-tabs .setting-inner-item:hover{
	color: #000 !important;
    background-color: #bd9d6a!important;
    border-color: #bd9d6a!important;
}
.summary-chart .nav-tabs .nav-link:hover{
	color: #000 !important;
    background-color: #bd9d6a!important;
}
.setting-custom-tabs .setting-inner-item{
   background-color: #1B1B1B;
   color: #fff;
   border: none;
   border-radius: 10px;
   padding: 8px 30px !important;
   font-size: 17px;
   transition: all 0.5s;
}
.setting-inner-item {
    font-size: 19px;
    text-align: center;
    padding: 11px 32px !important;
}

.setting-card-info{
	padding: 0px;
	min-height: auto;
}
.setting-tabs-head{
	border: none;
	margin-bottom: 20px;	
}
.setting-main-data {
    padding: 2px 20px;
    padding-bottom: 34px;
}
.setting-data-content h3{
	font-weight: 600;
	line-height: normal;
	font-size: 24px;
}
.setting-data-content{
    border-radius: 10px;
    border: 1px solid #3F3F3F;
    background-color: #1B1B1B;
    padding: 20px;
}
.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;
	display: flex;
    gap: 4px;
    align-items: center;
}
.verify-icon::after {
	content: '';
    width: 30px;
    height: 30px;
    background-color: #2A2A2A;
    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: #fff;
	font-size: 20px;
	margin-bottom: 5px;
}
.acc-setting-details .verified{
	color: #04cf04 !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: #ffffff;
  font-size: 13px;
  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: #ffffff;
}
.setting-data-content .accordion-button:not(.collapsed):focus{
	border-bottom: 1px solid;
    border-color: rgb(238 238 238 / 15%);
}
.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-bottom: 1px solid #8383835e;
}
.accordion-button:focus{
	border:none;
    outline: 0;
    box-shadow: none;
}
.setting-data-content .accordion-body{
	border-radius: 0px 0px 10px 10px;
    color: #fff;
    padding: 20px;
    background: #2a2a2a85;
}
.text-success {
    color: #00ca00 !important;
}
.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: rgb(238 238 238 / 15%);
}
.setting-info-img i{
	font-size: 22px;
    color: #bd9d6a;
}
.complete-now-btn {
    display: flex;
    align-items: center;
    column-gap: 23px;
}
.authorization-details {
	margin: 22px 0px;
    background: #2a2a2a;
    border-radius: 11px;
    padding: 10px 37px;
    max-width: 100%;
}
.setting-main-data .tab-pane h3{
    margin-bottom: 13px;
    font-size: 20px;
    margin-top: 19px;
}
.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;
}
.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;
  background: #2a2a2a;
  font-weight: 200;
  border-color: #3f3f3f;
}
.btn-refresh-balance .small-btn-bg:hover img{
    filter: none;
}
.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 .form-group{
	margin-bottom: 0px !important;
	width: 50%;
}
.authorization-change-pass{
    border-radius: 10px;
    padding: 20px;
    font-size: large;
    gap: 23px;
    display: flex;
    background: #2a2a2a;
}
.authorization-change-btn {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.terminal-account-box .verification-options {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 300;
    color: #fff;
    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: #bd9d6a;
    transform: translate(-50%, -50%);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.setting-verification-box h5{
	font-size: 18px;
    margin-bottom: 14px !important;
    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 #343434ba;
}

.setting-verification-content p{
	margin: 0px !important;
}
.setting-verification-icon i{
	color: #bd9d6a;
	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;
	margin: 0px;
	padding: 0px;
	border-bottom: none;
}
.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: #2A2A2A;
    width: 349px;
    padding: 10px;
    z-index: 9999;
}

/* profile steps */
.acc-list-button .small-btn.close-btn:hover{
	background-color: transparent !important;
	color: #bd9d6a;
}
.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;
    border-color: #52bee0;
}
.radio input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #BD9D6A;
}
.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: 4px;
    font-size: 9px;
    margin-left: 20px;
    text-align: center;
    margin-bottom: 0px;
    width: 100%;
}
.form-control:disabled, .form-control[readonly]{
	background-color: #1d1d1d;
}
.radio-label-info {
	width: 72%;
}
.form-input-file-info img{
	max-height: 135px;
}
.account-list-modal .steps-verification {
    margin-top: 33px;
}
.account-list-modal .modal-body.acc-modal-content {
    padding: 0px;
}
.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: #fff;
    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:#fdfdfd12;
    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: #161616;
    border: 4px solid #00b7e7;
}
.radio-group input[type="radio"]:checked + label {
	border-radius: 10px;
    border: 1px solid #333333;
    background: #bd9c6e38;
}
.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:#ebebeb;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    width: 100%;
    margin-bottom: 18px;
}
.checkbox-form-group label:hover{
	background: #bd9c6e38;
}
.radio-group label:hover{
	background: #bd9c6e38;
}
.checkbox-form-group label:before {
    content: '';
    -webkit-appearance: none;
    border: 1px solid #a5a5a5;
    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: #bd9c6e38;
}

.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: #bd9d6a;
 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: 17px;
    
}
.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:#d3aa6b17;
}
.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: #bd9d6a;
    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;
}
.inner-acc-data li{
   width: 47%;
}
.inner-acc-data{
    display: flex;
    flex-wrap: wrap;
    column-gap: 14px;
    justify-content: space-between;
}
.loader:after {
    left: 0.8em;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
@keyframes loader-15 {

	0%,
	100% {
     box-shadow: 0 0 0 #bd9d6a, 0 0 0 #bd9d6a;
 }
 
 50% {
     box-shadow: 0 -0.40em 0 #bd9d6a, 0 0.40em 0 #bd9d6a;
 }
}
.pagination{
    justify-content: end;
    column-gap: 6px;
    display: -webkit-inline-box;
    padding: 10px 36px;
    border-radius: 10px;
    background: #1b1b1b;
    border: 1px solid #b9b9b94f;
}
.pagination .page-link{
	background-color: transparent !important;
    border: none !important;
    color: #bd9d6a !important;
    z-index: 3;
    color: #fff;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    font-weight: 600;
    justify-content: center;
    border-radius: 13%;
}
.pagination-btn .page-link{
	width: auto;
	height: auto;
}
.acc-setting-details .partially-verified {
    color: #d4a32c  !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: #bd9d6a !important;
}
.pagination-info .page-item.active .page-link {
    z-index: 3 !important;
    color: #000 !important;
    background-color: #bd9d6a !important;
}
.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%;
    filter: brightness(0) saturate(100%) invert(97%) sepia(17%) saturate(5244%) hue-rotate(310deg) brightness(94%) contrast(71%);
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    animation: loading 1s infinite linear;
}
.processing-icon span img {
    filter: brightness(0) saturate(100%) invert(97%) sepia(17%) saturate(5244%) hue-rotate(310deg) brightness(94%) contrast(71%);
}
.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: #151515;
    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:#3fc400;
}
.amout-transaction span ul .rejected{
	color: #ff1b01;
}
.amout-transaction span ul .processing{
	color: #ffd775;
}
.amout-transaction h4 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
}
.amout-transaction span ul li {
    list-style: disc;
    font-weight: 600;
}
.verified-account i {
    color: #04cf04;
    font-size: 47px;
}
.transaction-progress li.active .node.grey {
    background-color: #309700;
}
.perfomance-card .verify-icon::after{
	left: 29%;
	display: none;
}
.rejected-progress-icon .node i {
    color: #fff;
}
.node-grey p{
	color: #858585  !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: #ffffff69;
    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: #ffffff33;
    transition: all 800ms ease;
}
.transaction-progress ul li p{
	margin: 0px;
	margin-left: 10px;
}
.transaction-progress .alert-wrapper{
	text-align: left;
	padding: 16px 16px;
}
.transaction-progress .alert-wrapper p{
	margin: 0px;
	line-height: 22px;
}
.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;
    justify-content: space-between;
    flex-wrap: wrap;

}
.from.pay-account-inner {
    margin: 12px 0px;
}
.from.pay-account-inner span {
    width: 48px;
    text-align: left;
}
.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: #bd9d6a;
}
[role="progressbar"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), #def7ff30 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: #1c1c1c;
    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;
}
.main-custom-card{
	width: 100%;
}
.toggle-menu {
	color: #fff;
	font-size: 21px;
	display: none;
}
.closebtn{
	display: none;
}
.footer-box-content{
	justify-content: space-between;
    align-items: center;
    padding: 20px 5px;
    border-top: 1px solid #5D5D5D;
    display: flex;
}
.view-referrel-link .invite-link{
	width: 100%;
    background: #2a2a2a;
    border-radius: 10px;
}
.profile-register-info p:last-child {
    text-align: end;
    font-size: 14px;
}
.acc-title img{
  display: none;
}
.countdown-wrapper {
    text-align: center;
}
.countdown-container {
    background: rgba(255, 255, 255, 0.08);
    padding: 30px 40px;
    border-radius: 12px;
    backdrop-filter: blur(10px);
}
.countdown-title {
    margin-bottom: 20px;
    font-size: 28px;
}
.countdown-timer {
    display: flex;
    gap: 15px;
}
.coming-soon-box{
	text-align: center;
}
.coming-soon-box h1 {
    font-size: 65px;
    font-weight: 700;
    color: #061c22;
    -webkit-text-stroke: 2px #0993c5;
    letter-spacing: 3px;
}
.time-box {
 background: rgb(0 0 0 / 73%);
 padding: 7px 14px;
 border-radius: 10px;
 min-width: 112px;
 text-align: center;
 border: 1px solid #ffffff40;
}
.countdown {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.time-value {
  display: block;
  font-size: 38px;
  color: #00b7e7;
  font-weight: bold;
}
.time-label {
    font-size: 14px;
    opacity: 0.7;
    color: #d7d7d7;
}
.coming-soon-card img {
    width: 100%;
    max-width: 1010px;
}
.coming-soon-card {
 padding-top: 95px;
 display: flex;
 align-items: center;
 flex-direction: column;
 justify-content: center;
}
.subscribe-section {
    max-width: 484px;
    width: 100%;
    margin: 37px auto;
    text-align: center;
}
.subscribe-text {
    color: #cfd8dc;
    font-size: 16px;
    margin-bottom: 15px;
}
.subscribe-form {
    display: flex;
    border: 1px solid #00b7e7;
    border-radius: 6px;
    overflow: hidden;
}

.subscribe-input {
	flex: 1;
    padding: 12px 15px;
    background: #0000008a;
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
}

.subscribe-input::placeholder {
    color: #888;
}
.coming-soon-box p {
  margin-bottom: 35px;
  margin-top: 18px;
  font-size: 16px;
  color: #c9c9c9;
}

.subscribe-btn {
    background: #00b7e7;
    color: #fff;
    border: none;
    padding: 0 20px;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}

.subscribe-btn:hover {
    background: #00b7e7;
}

@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: 0px;
	}
	.account-card-title h3{
		font-size: 21px;
	}
	.view-referrel-link .invite-link{
		width: 100%;
	}
	.perfomance-card{
		padding: 17px;
	}
	.real-list-view .custom-card-info {
       width: 49%;
   }
   .real-list-view{
      column-gap: 10px;
  }
  
  
  /* ---------------account------------------ */
  .acc-left-img a img {
           margin-top: 4%;
        width: 138px;
  }
  .custom-card-left{
      flex-wrap: wrap;
      row-gap: 11px;
      column-gap: 12px;
  }
  .btn-refresh-balance img{
      width: 24px;	
  }
  .custom-tabs-head{
      margin-bottom: 20px;
  }
  .sidebar {
    width: 268px;
}
.sidebar ul {
    padding: 0px 18px;
}
.main-data {
  width: 100%;
  margin-left: 298px;
  margin-right: 30px;
}
.account-list-data {
   padding: 13px 21px;
}
.profile-kyc-bar{
  margin-left: 268px;
}
.main-header{
  margin-left: 268px
}
.account-list-details{
  margin-bottom: 16px;
}
.custom-tabs-button{
  column-gap: 12px;
  padding: 13px 15px;
}
.custom-main-tabs{
  column-gap: 8px;
}
.account-list-btn .acc-fund-btn{
  margin-left: 9px;
}
.custom-card-info{
  margin-bottom: 11px;
}
.inner-acc-data{
  column-gap: 6px;
}
.container {
   max-width: 1320px;
}
.hero-content h1{
  line-height: 46px;    
  font-size: 38px;
}		
.choose-us-box{
  width: 31.4%;
}

.hero {
    height: calc(100vh - 189px);
}
.features {
    padding: 91px 0px;
}
.hero-shape-1{
  right: 35px;
  width: 64px;
  top: -35px;
}
.hero-shape {
    left: 57px;
    top: -55px;
}
.coming-soon-card {
    padding-top: 40px;
}
.deposit-title-name h5 {
    font-size: 17px;
}
.deposit-title-name img {
    width: 23px;
}
.history-main-data{
   row-gap: 14px;
}

}



@media(max-width:1400px){
	/* ---------------account------------------ */

    .acc-amount-info span {
        font-size: 24px;
    }
    .custom-card-info{
       padding: 21px;
   }
   .account-card-data{
       max-width: 100%;
   }
   .account-card-shape{
       right: 15%;
   }

   .choose-us-box{
       width: 31.9%;
   }
   .feature-box{
       height: 266px;
   }
   .features {
    padding: 53px 0px;
}
.feature-img img {
    width: 52px;
}
.container {
    max-width: 1220px;
}
.hero-content h1{
   line-height: 48px;
   font-size: 37px;
}
.hero-content h1 span {
    font-size: 37px;
}
.coming-soon-box h1{
   font-size: 56px;
}

.hero-shape-1 {
    position: absolute;
    right: 70px;
    width: 50px;
    top: -16px;
}
.hero-shape {
    position: absolute;
    left: 54px;
    top: -25px;
    width: 51px;
    animation: animName 6s linear infinite;
}
}
@media(max-width:1300px){
	.main-custom-card .list-view-cards .col-lg-12.col-xl-6 {
        width: 100%;
    }
    .performance-tabs{
       padding: 7px 13px;
   }
   .performance-tabs .nav-tabs{
       column-gap: 13px;
   }
   .perfomance-list-dropdown {
    min-width: 204px;
}
}
@media(max-width:1200px){
	.our-proposition-info p{
		font-size: 22px;
	}
	.legal-information {
        padding: 49px 0px;
    }
    .acc-card-shape {
        font-size: 34px;
        line-height: 32px;
        top: 0px;
        height: 33px;
    }
    .small-btn{
      padding: 9px 20px;
  }
  .perfomance-info .row {
      row-gap: 18px;
  }
  .account-card-shape{
      right: 1%;
  }
  .custom-account-inner .nav-tabs .nav-link{
      padding: 11px 18px;
  }

  .account-card-data{
      max-width: 100%;
  }
  .custom-tabs-button .custom-tabs-btn{
      padding: 5px 24px;
  }

  .real-list-view .custom-card-info {
    width: 100%;
}
.account-inner-data .form-group{
  margin-bottom: 18px;
}
.btn-refresh-balance .small-btn-bg{
  padding: 10px 13px;
}
.profile-kyc-right {
  text-align: end;
}
.custom-tabs-button {
   column-gap: 7px;
}
.custom-tabs-button{
  padding: 7px 10px;
}
.custom-tabs-head .custom-main-tabs .nav-link {
   padding: 6px 10px;
}
.invite-copy-link{
  width: 88%;
}
.performance-tabs .nav-tabs .nav-link{
  padding: 5px 15px;
}

.perfomance-right-dropdown{
  column-gap: 6px;
}
.performance-tabs .nav-tabs {
    column-gap: 8px;
}
.perfomance-list-dropdown {
    min-width: 183px;
}

.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;
}
.main-wrapper-info{
  column-gap: 12px;
}
.container{
  padding: 0px 37px;
}
.transaction-type span{
  font-size: 15px;
}
.transaction-status{
  width: 10.25%;
}
.transaction-inner-data{
  width: 46%;
  column-gap: 14px
}
.time-box{
	padding: 3px 9px;
  border-radius: 10px;
  min-width: 65px;
}
.time-value{
  font-size: 19px;
}
.countdown{
  gap: 4px;
}
.account-card-data {
    padding: 16px 9px;
}
.time-label {
    font-size: 12px;
}


/* ---------------account------------------ */

}
@media(max-width:1100px){
	.custom-tabs-head{
		display: flex;
		padding-bottom: 0px !important;
	}

	.custom-account-inner li.nav-item {
		width: 100%;
	}
	.custom-account-inner .nav-tabs{
      row-gap: 13px;
  }
  .acc-card-shape span{
      line-height: 33px;
  }
  .account-card-title{
      padding-left: 11px;
  }
  .custom-main-tabs{
      justify-content: end;
      margin-top: 0;
  }
  .account-card-space .col-lg-6:nth-child(2) .acc-card-shape {
    background: #AAEAE1 !important;
    width: 140px;
}
.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;
  margin-top: 16px;
}	
.data-head-title{
  margin-top: 23px;
  margin-bottom: 18px;
}
.setting-main-data {
    padding: 0px 0px;
    padding-bottom: 7px;
}
.setting-main-data .tab-pane h3:first-child{
	margin-top: 0px;
}
.deposit-title-name h5 {
    font-size: 16px;
}
.deposit-card-title{
   padding: 15px;
}
/* ---------------account------------------ */	

}
@media(max-width:991px){
	.hero {
		padding: 163px 0px;
        padding-bottom: 134px;
        height: auto;
    }
    .servives-box p{
      font-size: 24px;
      margin-bottom: 0px;
  }
  .features-data-info{
      column-gap: 10px;
  }
  .account-card-shape{
      right: 30%;
  }
  .main-header-logo img {
   width: 165px;
   display: block;
}
.top-header {
    height: 69px;
}
.profile-kyc-bar {
    margin-left: 0px;
}
.sec-title{
  font-size: 31px;
  line-height: 41px;
}
.faqs-info {
  padding: 48px 0px;
}
.sec-title h4{
  line-height: 23px;
  font-size: 17px;
}
.why-choose-info {
  padding: 46px 0px;
}
.choose-us-box {
    width: 47.9%;
}
.join-our-data{
  align-items: flex-end;
}
.benefits-box p {
  line-height: 21px;
}
.benefits-info {
  padding: 43px 0px;
}
.benefits-box{
  padding: 21px;
}
.right-content {
  height: 100%;
  padding-right: 16px;
}
.main-header-logo {
   padding-left: 34px;
}
.main-header-logo {
    padding-left: 20px;
}
.main-header-logo img {
  width: 123px;
}
.main-header {
    margin-left: 0;
    justify-content: space-between;
}
.deposit-title-name h5 {
    font-size: 18px;
}
.main-data {
    margin-left: 20px;
    margin-right: 20px;
}
.setting-inner-item {
  padding: 9px 24px !important;
}
.toggle-menu{
  padding-left: 7px;
}
.acc-dropdown .main-dropdown{
  font-size: 14px;
  padding: 0px 7px;
}
.setting-custom-tabs .nav-tabs{
  flex-direction: row;
}
.toggle-menu {
  display: block;
  padding-right: 3px;
}
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;
}

.sidebar-nav-link .active::after{
  left: 38%;
  bottom: 6px;
}
.closebtn:hover{
  color:#bebebe;
}
.closebtn {
  font-size: 40px;
  position: absolute;
  right: 14px;
  top: -6px;
  color: #bebebe;
}
.hero-content h1 {
  font-size: 24px;
  margin-bottom: 23px;
}
.hero-content h1 span {
  font-size: 29px;
}

.legal-information {
  padding: 56px 0px;
}
.portfolio-data-content{
 padding: 17px 17px;
}
.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%;
}
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: #090909;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 15px;
  text-align: center;
  border-right: 1px solid  #5352529c;
  margin-left: 0px;
}

.sidebar ul{
  padding: 0px 32px;
}

.sidebar ul li a{
  margin: 14px 0px;
  padding: 11px 17px;
  background: #1b1b1b;
  border: 1px solid #b9b9b961;
}
.left-logo{
  padding-top: 29px;
}
.left-logo img {
  width: 154px;
}
.header .header-btn {
 border-top: 1px solid #bd9d6a40;
 padding-top: 22px;
 text-align: center;
 padding-bottom: 29px;
 display: flex;
 justify-content: center;
 background: #000000c2;
 margin-top: 12px;
}
.perfomance-card{
  margin-bottom: 22px;
}

.table tbody td{
  white-space: nowrap;
}
.table thead th{
  white-space: nowrap;
}
/* ---------account------- */
.acc-inner-data {
   width: 100%;
}
.acc-left-img{
  display: none;
}
.acc-title img{
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
.legal-information {
    padding: 55px 0px;
}
.information-content-box{
   padding: 25px !important;
}
.features-data-info{
   grid-template-columns: repeat(2, 1fr);
}
.legal-information {
    padding: 51px 0px;
}
.features-data-info {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 19px;
    row-gap: 19px;
}
.join-our-info {
    padding-top: 45px;
}
.about-content-img{
	display: none;
}
.main-about-info{
	width: 100%;
}
.diverse-portfolio-data {
    margin-top: 33px;
}
}
@media (max-width: 768px){
	.hero-img img{
		display: none;
	}
	.about-content-img img{
		display: none;
	}
	.footer-box a img{
		width: 24px !important;
	}
	.main-about-info {
        width: 100%;
    }
    .performance-tabs{
      width: 100%;
  }
  .steps-verification-content{
      margin-bottom: 17px;
  }
  .setting-custom-tabs .setting-inner-item{
      padding: 5px 17px !important;
  }
  .acc-setting-verification{
      margin-top: 8px;
  }
  .profile-kyc-data .small-btn{
      padding: 9px 18px;
  }
  .custom-account-inner .nav-tabs{
      row-gap: 11px;
      column-gap: 60px;
  }
  .performance-tabs {
    padding: 14px 17px;
}
.perfomance-right-dropdown {
    column-gap: 6px;
    margin-left: auto;
}
.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%;
}
.transaction-status {
  width: 50%;
}
.transaction-status ul{
  padding-left: 20px;
}

.pagination{
  padding: 6px 6px;
}
.footer-social-icon{
  justify-content: center;
}
.history-data-box{
  padding: 6px;
}
.legal-information-content .sec-title {
  font-size: 23px;
}
.platform-image{
  display: none;
}
.platform-features{
  width: 100%;
}
.information-content-box{
  padding: 21px;
  margin-bottom: 17px;
}
.transaction-inner-data{
  margin: 7px 0px;
}
.hero-content h1{
  font-size: 28px;
}
.features-data-info {
    column-gap: 10px;
    row-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}

.hero-shape img{
  display: block !important;
  top: -393px !important;
  left: 32% !important;
}
.footer-box {
  margin-top:0px;
}
.footer-box h3{
  margin-bottom: 34px;
}
.hero-content h1{
  margin-bottom: 25px;
  font-size: 29px;
}
.legal-information-img,.join-our-right{
  display:none;
}

.portfolio-top-space{
  margin-top: 0px;
}
.diverse-portfolio-data .row {
  row-gap: 19px;
}
.legal-information .container .row {
  row-gap: 14px;
}
.footer{
  padding-top: 53px;
}
.diverse-portfolio-data {
  margin-top: 25px;
}
.footer-box img {
    margin-bottom: 31px;
    width: 238px;
}
.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;
}
.hero-shape{
  left: 31px;
  top: -55px;
}
.platform-features .sec-title {
    margin-bottom: 13px;
}
.servives-main-data{
  row-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
.rading-journey-content p{
  margin: 9px 0px;
}
.servives-info {
    margin-top: 34px;
}
.hero-shape-1{
  right: 27px;
  top: -41px;
}
.join-our-info {
    padding: 43px 0px;
}
.rading-journey-content h2 {
    font-size: 29px;
}
.servives-main-data{
  padding: 14px 11px;
  column-gap: 8px;
}
.main-data-table {
  width: 100%;
  overflow-x: auto;
}
.custom-tabs-head{
  padding-bottom: 16px;
  margin-bottom: 18px;
}
.custom-tabs-head{
  display: flex;
  flex-direction: column-reverse;
  row-gap: 15px;
}
.custom-tabs-button,.join-our-left{
  width: 100%;
}
.custom-main-tabs {
    justify-content: end;
    margin-top: 0;
    margin-left: auto;
}
.profile-register-info{
  margin-top: 13px;
}
/* ---------------account------------------ */

}
@media(max-width:575px){
	.hero {
		height: auto;
		padding: 56px 0px;
	}
	.acc-card-shape{
      width: 98px;
  }
  .account-card-shape{
      left: 0;
  }
  .profile-register-info {
    margin-top: 0px;
}
.inner-main-title{
  font-size: 20px;
  margin-bottom: 11px;
}
.setting-custom-tabs .setting-inner-item {
    padding: 10px 17px !important;
}
.setting-verification-data {
   margin-bottom: 0;
}
.authorization-change-pass .form-group {
  margin-bottom: 0px !important;
  width: 100%;
}
.authorization-change-pass{
  gap: 9px;
  flex-direction: column;
  padding: 13px !important;
}
.inner-acc-data li {
   width: 100%;
}
.account-list-box{
 padding: 8px 0px;
}
.main-data {
    margin-left: 0px;
    margin-right: 0px;
}
.profile-kyc-bar{
  padding: 5px 20px;
}
.transaction-inner-data{
  margin: 13px 0px;
  display: block;
}
.history-action-content .text-end {
  text-align: left !important;
}
.summary-chart .nav-tabs .nav-link {
  text-align: center;
  margin: 7px 0px;
  border-bottom: 1px solid #ffffff1a;
}
.summary-chart .nav-tabs {
  display: block;
  border: none;
}
.trasaction-transfer-icon {
  display: none;
}
.tabs-check-content-box p{
  font-size: 9px;
}
.perfomance-right-dropdown{
  margin-top: 10px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 12px;
}
.tabs-check-content-box h4 {
  font-size: 18px;
}
.setting-verification-content h4{
  font-size: 15px;
}
.performance-tabs {
    padding: 9px 9px;
}
.perfomance-list-dropdown {
    min-width: 100%;
}
.view-referrel {
  padding: 7px;
  margin-bottom: 15px;
}
.invite-ib-info .work-content-data{
  padding: 21px;
  width: 100%;
}
.work-content-box{
  flex-direction: column;
  row-gap: 12px;
}

.btn-close{
  right: 6px;
  top: -1px;
}
.data-head-title h4{
  font-size: 20px;
}
.data-head-inner span{
  column-gap: 5px;
  font-size: 13px;
}
.setting-info-details{
  display: block;
  margin-top: 5px;
  margin-bottom: 17px;
}
.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: 11px;
}
.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;
  padding: 13px 18px;
}
.kyc-header-icon{
  margin-right: 10px;
}
.verify-icon{
  width: 219px;
}
.verify-icon::after{
  left: 14%;
}
.authorization-change-btn .small-btn-bg{
  padding: 9px 20px !important;
  font-size: 12px;
}
.setting-data-content{
   padding: 18px;
   border-radius: 9px;
}
.performance-tabs .nav-tabs .nav-link {
  font-size: 17px;
}
.perfomance-card p {
  margin-top: 7px;
}
.summary-chart .nav-tabs{
  max-width: 100%;
  padding: 13px 14px;
}
.perfomance-card{
  min-height: auto;
  height: auto;
  margin-bottom: 0px;
}
.perfomance-info .row {
    row-gap: 10px;
}
.performance-inner-tabs .performance-inner-item {
  border-radius: 5px !important;
  font-size: 15px !important;
  padding: 8px 2px !important;
}
.download-csv {
 width: 100%;
 text-align: end;
 margin-bottom: 13px;
}

.performance-inner-tabs{
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  align-items: baseline;
}
.performance-inner-tabs .nav-tabs{
  column-gap: 13px;
}
.transaction-history-head .custom-list-dropdown{
  width: 100%;
}
.transaction-type{
   width: 100%;
   padding: 5px 0px;
}
#transactionInfoPopup .profile-steps-body{
  padding: 5px;
}
.chat-send-msg .small-btn-bg {
    padding: 9px 10px;
}
.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;
}
.acc-setting-details{
  padding-top: 2px !important;
  margin-top: 9px;
}
.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: 12px 0px 14px 15px;
  height: 48px;
}

.withdraw-terms {
  margin-bottom: 12px !important;
  width: 94%;
  margin: auto
}
.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: 22px;
   line-height: 35px;
}
.inner-checkbox{
  align-items: center;
}
.inner-checkbox input{
  width: 31px;
  height: 19px;
}
.acc-title p br{
  display: none;
}
.form-group label{
  margin-bottom: 6px;
}
.acc-title p{
  font-size: 11px;
  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: 21px;
  line-height: normal;
}
.feature-item{
  gap: 12px;
}
.feature-title {
   font-size: 18px;
}
.trading-content p {
    margin-top: 4px;
    font-size: 14px;
}

.sec-title h4 {
    margin-bottom: 33px;
}
.faq-question{
  padding: 12px 17px;
  font-size: 16px;
}
.faq-question i{
  margin: 0px;
}
.faq-answer p {
    font-size: 15px;
}
.faq-container {
    max-width: 100%;
    margin-top: 22px;
}
.benefits-box h3 {
    font-size: 18px;
    margin-bottom: 9px;
}
.faqs-info {
    padding: 29px 0px;
}
.benefits-details {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(1, 1fr);
}

.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;
  padding: 26px 0px;
}
.diverse-portfolio-data {
    margin-top: 9px;
}
.why-choose-info {
    padding: 22px 0px;
}
.choose-us-info{
  gap: 10px;
}
.sec-main-title p {
  margin-top: 7px;
}
.choose-us-box {
    width: 100%;
    padding: 20px 21px;
}
.join-our-info {
    padding: 26px 0px;
}
.join-our-left h2 {
    font-size: 20px;
}	
.choose-us-box h2{
  margin-top: 17px;
  font-size: 19px;
  margin-bottom: 5px;
}
.choose-us-info {
    margin-top: 34px;
}
.portfolio-data-content p{
  font-size: 14px;
}
.portfolio-data-content h4{
  font-size: 18px;
  margin-bottom: 6px;
}
.download-info{
  margin-top: 60px;
  padding: 20px 4px;
  height: auto;
}
.legal-information .container .row {
  row-gap: 0px;
}
.information-content-box {
    padding: 18px !important;
}
.footer-box-content{
  display: flex;
  justify-content: center;
  row-gap: 14px;
  flex-direction: column-reverse;
  padding: 13px 0px;
}
.benefits-info {
    padding: 21px 0px;
}
.legal-information-content .sec-title {
    margin-bottom: 8px;
    line-height: normal;
    font-size: 20px;
}
.information-content-box {
    padding: 16px;
    margin-bottom: 15px;
}

.legal-information-content p {
  font-size: 15px;
}
.legal-information {
    padding: 30px 0px;
    padding-bottom: 18px;

}
.feature-box h4{
  margin-bottom: 10px;
  font-size: 19px;
}
.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;
}
.footer {
   padding-top: 29px;
}
.start-earning-data{
  row-gap: 20px;
}

.checkmark{
  left: 12px;
}
.small-btn-bg{
  padding: 8px 22px;
}
.terminal-account-box .verification-options{
  padding-left: 41px;
  font-size: 15px !important;
}
.complete-now-btn{
  align-items: baseline;
  column-gap: 23px;
  row-gap: 10px;
  flex-direction: column;
}
.authorization-details span {
   font-size: 16px;
}
.acc-id-password span {
  font-size: 18px;
  letter-spacing: 6px;
}
.authorization-details{
  margin: 15px 0px;
  padding: 8px 23px;
}
.footer-box img {
  margin-bottom: 20px;
  width: 177px;
  
}
.footer-social-icon img{
  width: 24px;
  margin-right: 0px;
}

.footer-social-icon {
  margin-top: 0px;
  gap: 18px;
}
.support-email span{
  margin-top: 13px;
}
.copy-right{
  margin-top: 17px;
}
.copy-right p{
  font-size: 15px;
}
.header .navbar-brand img{
  width: 150px;
}
.col-lg-12.setting-main-data {
    padding-top: 0px;
}
.setting-custom-tabs {
   width: 100%;
}
.header .select-country{
  display: none;
}
.header .header-btn{
    border-top: 1px solid #bd9d6a40;
    padding-top: 22px;
    text-align: center;
    padding-bottom: 29px;
    display: flex;
    justify-content: center;
    background: #000000c2;
    margin-top: 12px;
}
.hero-content .small-btn-bg {
    padding: 9px 24px;
}
.header {
  background-color: #000;
  padding: 9px 0px;
}

.acc-btn {
  width: 276px;
  margin-bottom: 5px;
}
.account-card-data {
  padding: 12px 0px;
}
.acc-card-shape span{
  font-size: 11px;
  line-height: 31px;
}
.acc-card-shape{
 height: 30px;
}
.account-card-title p {
  font-size: 12px;
}
.account-card-space .col-lg-6:nth-child(2) .acc-card-shape{
  width: 111px;
}
.account-card-space .col-lg-6:nth-child(1) .acc-card-shape {
  background: #bd9d6a;
  width: 103px;
}
.account-card-title h3 {
  color: #FFF;
  text-align: left;
  font-size: 17px;
  font-weight: 600;
}
.account-card-space {
    row-gap: 16px;
}
.custom-main-tabs{
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   width: 100%;
   justify-content: end;
   row-gap: 25px;
   margin-top: 26px;
}
.btn-refresh-balance .small-btn-bg {
    padding: 10px 13px !important;
}
.account-list-details.account-archive-data {
  padding: 16px;
}
.servives-box p {
	font-size: 21px
}
.amount-balance{
  flex-direction: column;
  align-items: baseline;
}
.acc-amount-info h4 p{
 margin-bottom: 2px;
}
.acc-amount-info h4:last-child p {
  text-align: left;
}
.servives-box p{
  line-height: 31px;
}
.choose-us-icon{
  width: 40px;
  height: 40px;
}
.choose-us-icon img {
  width: 24px;
}
.account-list-title{
  flex-direction: column;
  row-gap: 21px;
  align-items: baseline;
}
.servives-box span {
  font-weight: 300;
  font-size: 14px;
}
.btn-refresh-balance img {
    width: 20px;
}
.account-list-modal .modal-content{
 padding: 26px 20px;
}
.real-list-view{
  row-gap: 9px;
}
.real-list-view .custom-card-info{
  margin-top: 0px;
}
.data-head-title .small-btn {
    padding: 9px 15px !important;
    font-size: 14px !important;
}
.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;
  margin: 12px 0px;
}

.account-list-details{
  margin-top: 17px;
}
.custom-tabs-button{
  column-gap: 7px;
  padding: 11px 15px;
}
.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 18px !important;

}
.custom-main-tabs .custom-list-dropdown {
  min-width: 125px;
}
.container {
  padding: 0px 15px;
}
.trading-journey-info{
  padding: 27px 0px;
}
.features-data-info{
  grid-template-columns: repeat(1, 1fr);
}
.num-text-border {
    right: 20px;
    top: 5px;
    font-size: 40px;
}
.features {
    padding: 23px 0px;
}
.rading-journey-content h2 {
    font-size: 21px;
}
.rading-journey-content p {
   font-size: 16px;
}
.no-data-info{
  padding: 88px 0px;
}
.profile-kyc-info{
  display: block;
  padding: 12px 0px;
}
.chat_mess{
  max-width: 98%;
}
.announcement-info{
  width: auto;
}
.announcement-content{
  padding: 0px;
}
.announcement-btn{
  column-gap: 5px;
}
.form-group .custom-list-dropdown i{
  right: 7px;
  top: 4px;
  font-size: 27px;
}
.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: 76%;
  height: 41px;
  font-size: 11px;
  padding: 0px 9px;
}
.download-csv.d-flex.justify-content-end.mb-2 {
  margin-top: 13px;
  margin-bottom: 15px !important;
}
.invite-link{
  width: 100%;
}
.invite-friends-content{
  padding: 0px;
}
button.copy-btn{
  top: 12px;
  right: 6px;
}
.how-work-title h3 {
  font-size: 20px;
  font-style: normal;
  margin: 27px 0px;
}
.invite-friends-content h2 {
  font-size: 20px;
}
.work-content-data p {
  font-size: 16px;
  margin-top: 15px;
}

.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;
}
.deposit-card-content p{
  line-height: 25px;
}
.deposit-main-info .row {
   row-gap: 12px;
}
.complete-now-btn .small-btn-bg{
  padding: 8px 21px;
}
.acc-list-button {
   margin-top: 18px;
}
.processing-icon{
  margin-bottom: 21px;
}
.acc-modal-content p{
  font-size: 12px;
}
.acc-information-data {
  padding: 0px 0px;
  padding-bottom: 0px;
}
.trading-platform{
  padding: 35px 0;
}
.incomplete-profile-alert{
  font-size: 14px;
}
.announcement-content .small-btn-bg, .small-btn {
  height: auto;
  padding: 7px 22px;
}
.account-dropdown{
  height: auto;
}
.history-data-box {
    padding: 15px;
}
.transaction-history-head {
    row-gap: 8px;
}
.history-data-title {
  margin-top: 12px !important;
}
ul.dropdown-menu.account-dropdown.show{
  min-width: 100%;
  margin-top: 5px !important;
}
.header-nav ul.dropdown-menu{
  border: 1px solid #ffffff21 !important;
  margin-top: 15px !important;
}
.transaction-history-head.mb-5 {
   margin-bottom: 20px !important;
}
.verified-account i {
  color: #04cf04;
  font-size: 30px;
}
.subscribe-text {
  color: #cfd8dc;
  font-size: 15px;
  margin-bottom: 11px;
}
.subscribe-input {
  flex: 1;
  padding: 10px 15px;
}
.subscribe-btn {
  padding: 0 16px;
  font-size: 15px;
}
.coming-soon-box p {
  margin-bottom: 31px;
  margin-top: 11px;
  font-size: 14px;
}
.main-wrapper {
  padding: 32px 13px;
  padding-top: 6px;
}
.coming-soon-card {
 padding: 64px 15px 20px 15px;
}
.coming-soon-box h1{
  font-size: 29px;
  -webkit-text-stroke: 1px #0993c5;
  letter-spacing: 3px;
}
.data-head-title{
  margin-bottom: 14px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.deposit-card-content p{
  flex-direction: column;
  align-items: baseline;
}
.account-list-head-btn{
  margin-left: auto;
}
.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;
  font-size: 14px;
}
.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;
  border: 1px solid #ffffff21 !important;
}
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 .log-out ul li a {
  padding: 11px 24px;
}
.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;
}
.perfomance-list-dropdown{
  margin-bottom: 0px;
}
.profile-kyc-data {
  margin-top: 7px;
}
.modal-body.history-action-info {
  padding: 4px;
}
.history-action-content .row {
  row-gap: 20px;
  border-bottom: 1px solid;
  align-items: center;
  padding: 7px 0px;
}
.history-action-content span {
  font-size: 12px;
}


/* ---------------account------------------ */
.acc-btn {
    width: auto;
    height: auto;
    font-size: 17px;
    padding: 5px 26px;
    margin-bottom: 14px;
}
.acc-title {
   margin-bottom: 25px
}
.acc-title img {
    width: 135px;
}
.acc-title img {
  margin-bottom: 13px;
}
.acc-button-info p{
 font-size: 16px;
}
.captcha-info {
 margin-top: 21px;
 margin-bottom: 20px;
}
.footer-social-icon i{
 margin-right: 0px;
}
.hero {
    height: auto;
    padding: 116px 0px;
    padding-bottom: 39px !important;
}
.hero-content h1 {
    font-size: 19px;
    line-height: normal;
    margin-bottom: 14px;
}
.hero-content p{
  font-size: 14px;
  line-height: normal;
}

.hero-shape-1 {
    right: 6px;
    top: -14px;
    width: 26px;
}
.hero-shape {
    left: 5px;
    top: -14px;
    width: 26px;
    
}
.feature-box{
  display: block;
  height: auto;
}


}
@media (max-width:400px){

	.feature-img{
		margin-bottom: 15px;
	}
	.features-data-info .row {
		row-gap: 48px;
	}
	.footer-box p{
		color: #ffffffd6;
	}
	.features-data-info {
		margin-top: 30px;
	}
	.hero-content h1 span {
		font-size: 20px;
	}
}

.order-info-text p {
    font-size: 25px !important;
    color: #fff !important;
}
.order-info-text span {
    color: #ffffffa6 !important;
}
.order-lots-info {
    text-align: center !important;
}
.order-info-text {
    text-align: center;
    margin-bottom: 16px;
}
.order-lots-info h2 {
    font-size: 23px;
}
.order-title-info{
    font-size: 27px !important;
    margin-bottom: 21px !important;
}
.order-history-modal .history-action-content{
    row-gap: 6px !important;
}
.order-history-modal{
    max-width: 456px !important;
}
.order-history-modal .modal-body{
    padding: 0px !important;
}
.order-action-info {
    display: block !important;
}
table tbody .table-view-info:hover{
    background-color: #ffffff1c;
    cursor: pointer;
}