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

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

body {
	font-size: 16px;
	font-family: 'Poppins';
}
.theme-bg{
	background-color: #EFF2F6;
}
.theme-bg-info{
	background-color: #000000;
}
p {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #000;
	margin: 0;
}
h1  ,h2 ,h3,h4,h5,h6{
	color: #2D3748;
	margin: 0;
}
span{
	color: #000;
}
dl,
ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none !important;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
	color: #000;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-Bold.eot");
	src: url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Poppins-Bold.woff2") format("woff2"),
		url("../fonts/Poppins-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-SemiBold.eot");
	src: url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
		url("../fonts/Poppins-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-Regular.eot");
	src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Poppins-Regular.woff2") format("woff2"),
		url("../fonts/Poppins-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.downloadBtn img {
	margin: 0px 10px 0px 0px;
}
.header .navbar-expand-lg .navbar-collapse{
	justify-content: end;
}
.header-btn {
    display: flex;
	align-items: center;
    column-gap: 0px;
}
.header-btn .small-btn{
	color: #fff;
	border: none;
}
.header-btn .small-btn:hover{
	background-color: transparent;
	color: #EEC800;
}
.header {
    padding: 15px 0px;
    background: #000;
    border-bottom: 1px solid #816d0682;
}
.hero{
	height: calc(100vh - 100px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.bar1, .bar2, .bar3 {
    width: 27px;
    height: 3px;
    background-color: #EEC800;
    margin: 6px 0;
    transition: 0.4s;
  }
  .navbar-light .navbar-toggler {
    color:#FFF; 
	background-color: #EEC800;
	border-radius: 4px;
  }
  .navbar-brand img{
	max-width: 148px;
  }
  .acc-data-img {
    margin-top: 18px;
	}
  .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;
  }
  .hero-text{
	position: relative;
  }
.hero-content h1{
	color: #fff;
	font-size: 44px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 40px;
}
.hero-text img {
	position: absolute;
    left: 52px;
    bottom: -13px;
    max-width: 208px;
}
.acc-dropdown.user-box img {
    width: 36px;
}
.hero-content h1 span{
	font-size: 44px;
    font-weight: 600;
    background: linear-gradient(39deg, #E65C00 -22.07%, #FFD600 32.53%, #EEC800 58.72%, #FFDA16 82.35%, #E65C00 113.98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
.hero-content .small-btn-bg{
	padding: 15px 60px;
}
.hero-img {
	text-align: end;
    position: relative;
}
.hero-img img{
	animation-name: MoveUpDown;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes MoveUpDown {
	0% {
		 transform: translateY(-30px)
	}
	100% {
		transform: translateY(30px)
}
}
.hero-img .bg-circle{
	animation: none !important;
}
.hero-img .bg-circle {
    position: absolute;
    right: -119px;
    top: -109px;
	z-index: -1;
}
.hero-shape img{
	position: absolute;
    top: -372px;
    left: -13px;
    z-index: -1;
}
.sec-title{
	color:#fff;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
}
.upload-form {
    text-align: center;
    width: 120px;
    position: relative;
}
.up-img {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    border: 1px solid #eec800;
    overflow: hidden;
}
.upload-img input{
	display: none;
}
.up-img img {
    width: 100%;
}
.upload-img label{
	cursor: pointer;
}
 .upload-img {
	position: relative;
    cursor: pointer;
    padding: 7px 10px;
    height: 100%;
    border-radius: 5px;
    background-color: #eec800;
    border: 1px solid #eec800;
 }
 .profile-user-info-body {
    display: flex;
    align-items: center;
    background: #eff2f6;
    padding: 14px;
    column-gap: 36px;
    margin-bottom: 26px;
    border-radius: 9px;
}
.upload-form .upload-img {
    width: 27px;
    height: 27px;
    background-color: #eec800;
    border-radius: 850px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -2px;
    right: 14px;
}
.sec-title span{
    background: linear-gradient(39deg, #E65C00 -22.07%, #FFD600 32.53%, #EEC800 58.72%, #FFDA16 82.35%, #E65C00 113.98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.our-proposition-info{
	text-align: center;
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}
.hero .shape-bg {
    left: 0%;
    top: 0%;
    opacity: 0.8;
    width: 50%;
}
.shape-bg-2{
	right: -14%;
    top: 41%;
    opacity: 0.8;
    width: 50%;
    transform: rotate(89deg);
    position: absolute;
}
.our-proposition-info p{
	color: var(--gray-1, #CACACA);
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
}
.legal-information-content .sec-title{
	text-align: left;
	margin-bottom: 18px;
}
	.legal-information .container .row{
	row-gap: 130px;
	justify-content: space-between;
}
.legal-information {
    padding: 100px 0px;
	position: relative;
}
section.legal-information .shape-bg {
    left: -1%;
    top: 0;
}
.legal-information-content p {
    color: #CACACA;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}
.features{
	padding: 100px 0px;
	background: rgb(238 200 0 / 7%);
	position: relative;
}
.sec-title h4{
	font-size: 20px;
    font-weight: 500;
    margin-top: 13px;
    line-height: 30px;
	color: #CACACA;
	margin-bottom: 88px;
}
.shape-bg{
	position: absolute;
    left: -20%;
    top: -20%;
	z-index: -1;
}
.shape-bg-1{
    position: absolute;
    right: 13%;
    top: 0%;
    z-index: -1;
}
.feature-box {
    padding: 30px;
   	text-align: center;
	height: 100%;
    border-radius: 10px;
    background: rgb(241 203 4 / 12%);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.20);
	transition: all 0.5s;
}
.feature-box h4{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	color: #fff;
	line-height: normal;
	margin-bottom: 16px;
}
.feature-img {
    margin-bottom: 12px;
}
.feature-box p{
	color: #CACACA;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 153.9%
}
.download-info{
    width: 100%;
    display: flex;
	padding: 200px 0px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
	overflow: hidden;
}
.download-info .shape-bg {
    left: -1%;
    top: 0;
	z-index: -1;
}
.download-info p{
	color: #CACACA;
}
.download-info .sec-title{
	text-align: left;
	margin-bottom: 9px;
	font-size: 46px;
	color: #fff;
}
.down-card a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.down-btn {
    width: 100%;
    font-weight: 600;
    padding: 16px 15px;
    background: #EEC800;
    display: flex;
    font-size: 18px;
    border-radius: 5px;
    align-items: center;
    text-align: center;
    color: #000;
}
.down-btn:hover{
	background-color: #c5a500;

}
.down-btn i {
    padding-right: 8px;
}
.down-soft{
	display: flex;
    column-gap: 31px;
	margin-top: 50px;
}
.features-data-info .row{
	row-gap: 70px;
}
.deposit-qr svg {
    background: #fff;
    padding: 9px;
    border-radius: 5px;
}
.deposit-qr {
    margin: auto;
    display: flex;
    justify-content: center;
}
.diverse-portfolio-data{
    margin-top: 70px;
    border-radius: 10px;
    padding: 37px;
	background: rgb(40 34 0 / 49%);
}
.portfolio-data-content.read-more-content img {
    margin-bottom: 21px;
}
.num-text-border {
    font-size: 72px;
    font-weight: 800;
    left: -22px;
    top: -38px;
    position: absolute;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px   #bbecff;
    color: transparent;
}
.portfolio-data-content{
    text-align: center;
}
.feature-box:hover{
  box-shadow: -2px -3px 29px 0px rgb(254 213 0 / 30%);
}
.read-more-content p{
	padding: 0px 60px !important;
}
.read-more span{
	color: #EEC800;
    font-weight: 600;
}
.read-more span:hover{
	color: #fff;
}
.portfolio-data-content a{
	color: #0164C1;
	margin-top: 14px;
    display: flex;
    justify-content: center;
}
.read-more {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: transparent;
    border: none;
    margin-top: 14px;
    text-align: center;
}
.read-more-content p {
    max-height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
button.read-more i {
    font-size: 12px;
    margin-left: 4px;
}

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

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

span.read-less {
    display: none;
}

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

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

.bottom-space {
    margin-bottom: 0px !important;
}
.portfolio-data-content h4{
	text-align: center;
	font-size: 17px;
	color: #ffff;
	font-style: normal;
	margin-bottom: 12px;
	font-weight: 600;
}
.portfolio-data-content p{
	color: #DFDFDF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	padding: 0px 20px;
	font-weight: 500;
}
.diverse-portfolio-data .row{
	row-gap: 100px;
}
.portfolio-top-space{
	margin-top: 50px;
}
.start-earning{
	background-image: url('../img/start-earning-bg.svg');
	width: 100%;
	background-position: center;
	background-size: cover;
	padding: 140px 0px;
}
.start-earning-data {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 33px;
}
.start-earning-data .small-btn-bg{
	padding: 10px 60px;
}
.diverse-portfolio {
    padding-bottom: 180px;
	position: relative;
}
/* ----choose us---- */
section.steps-sec {
	background: rgb(238 200 0 / 7%);
    position: relative;
	padding: 100px 0px;
}
.step-text {
    max-width: 440px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 92px;
    position: relative;
}
.steps-left .step-text:last-child{
	margin-bottom: 0px;
}
.step-number-bg{
	background-color: #e3bd008c !important;
}
.step-text::before {
    content: "";
    position: absolute;
    background-image: url(../img/step-dot-img.svg);
    background-repeat: no-repeat;
    top: 111%;
    height: 100%;
    width: 11px;
    display: inline-flex;
    align-items: flex-end;
    background-position: left;
    flex-direction: column;
    left: 20px;
}
.step-text:last-child:before {
    display: none;
}
.step-number {
    max-width: 50px;
    height: 50px;
    width: 100%;
	background: #EEC800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 135.9%;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #000;
    float: left;
}
.steps-left .sec-title {
    text-align: left;
    margin-bottom: 64px;
	text-transform: capitalize;
}
span.step-text-right {
    padding-left: 30px;
}
.step-text-right h3 {
	color: #FFF;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	margin-bottom: 9px;
	font-weight: 500;
	line-height: normal;
}
.step-text-right p {
	color: #DFDFDF;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25.5px
}
.step-img-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    width: 39%;
}
.footer{
	background-color: #060606;
	padding-top: 80px;
}

.footer-box p{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	text-align: left;
	color: #CACACA;
	line-height: normal;
}
.footer-box h3{
	color: #eec800;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	position: relative;
	line-height: normal;
	margin-bottom: 74px;
}
.footer-box h3:after {
    content: "";
    position: absolute;
    height: 3px;
    max-width: 113px;
    width: 100%;
    background-color: #eec800;
    bottom: -9px;
    left: 0;
}
.footer-social-icon a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    background: linear-gradient(39deg, #E65C00 -22.07%, #FFD600 32.53%, #EEC800 58.72%, #FFDA16 82.35%, #E65C00 113.98%);
}
.support-email {
    border-radius: 5px;
    border: 1px solid var(--grey, #555);
    background: #ffffff0a;
    max-width: 333px;
    padding: 9px 22px;
}
.footer-box img{
	margin-bottom: 50px;
}
.support-email i {
    color: #1ea8e0;
    font-size: 21px;
    margin-right: 9px;
}
.support-email span{
	font-size: 18px;
	display: flex;
	color: #d9d9d9;
    align-items: center;
}
.footer-box ul li a:hover{
	color: #1ea8e0;
}
.footer-social-icon img{
	margin-bottom: 0px !important;
}
.footer-social-icon a:hover {
    background: #bd9f04;
}
.footer-social-icon img:hover{
	filter: grayscale(201);
}
.copy-right{
    text-align: center;
	margin-top: 42px;
    padding: 24px 5px;
    border-top: 1px solid #48484847;
}
.copy-right p{
	color: #cacaca;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}
.footer-social-icon{
	margin-top: 22px;
    display: flex;
    align-items: center;
	column-gap: 39px;
}
.footer-social-icon i {
	font-size: 26px;
    color: #000;
}
.footer-social-icon a img {
    width: 24px;
}
.ri-loader-line {
    animation: 2s linear infinite ri-spin;
    display: inline-block;
	color: #000;
}
@keyframes ri-spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
	}
}
button[disabled] {
    opacity: .5;
    cursor: not-allowed;
    background-color: #5e4f00 !important;
    color: #000 !important;
	border: 1px solid #eec8000d !important;
}

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

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

}
.acc-inner-data{
	width:481px;
}
.acc-inner-data .acc-field .custom-list-dropdown{
	background-color:#000000;
	border: 1px solid  #555555a6;
	border-radius: 5px;
}
.acc-inner-data .acc-field .custom-list-dropdown .selected-display{
	font-size: 14px;
	color: #fff;
}
.acc-inner-data .acc-field .custom-list-dropdown .selected-display img{
	margin-right: 9px;
    width: 17px;
}
.acc-data .acc-inner-data .form-group {
	margin: 20px 0px 0px 0px;
	position: relative;
}
.acc-form-control:focus{
    box-shadow: none;
    color: #fff;
    outline: none;
    border: 1px solid #ffffff52;
}

.title-label{
    color: #c5c5c5 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}
.acc-field{
	position: relative;
	text-align: left;
}
.input-icon a:hover{
	color: #0a4e47;
}
.acc-title h1{
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 44px;
	margin-bottom: 0;
	color: #eec800;
}
input:autofill {
	background-color: transparent ;
}
input:-webkit-autofill {
	background-color: transparent;
  }
.acc-title p{
    color: #ffffffbd;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    margin-top: 6px;
}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background-color: #b4b4b4;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #eec800; 
}
::-webkit-file-upload-button{
	cursor: pointer;
}
.input-icon i{
	color: #737373;
	font-size: 21px;
}
.acc-field .fa {
	position: absolute;
	top: 40%;
	right: 15px;
}
.input-icon a{
    position: absolute;
    top: -5px;
    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: 24px;

}
.mobile-logo{
	display: none;
}
.inner-checkbox input {
	margin: 0px 7px 0px 0px;
    width: 15px;
	cursor: pointer;
    height: 15px;
	border: 1px solid #EEC800;
}
.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;
	cursor: pointer;
}
.form-check-input:focus{
	box-shadow: none;
}
.create-btn a{
	color:#224D47 !important;
}
.account{
	min-height: 100vh;
    display: flex;
    align-items: center;
}
.main-acc-bg {
	border-radius: 6px;
    background: rgb(63 63 63 / 11%);
    backdrop-filter: blur(16.399999618530273px);
    padding: 50px;
}
.acc-btn{
	width: 377px;
	height: 45px;
	background: #EEC800;
    border-radius: 5px;
	border: none;
    color: #000;
    margin-top: 2px;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 15px;
    transition: all 0.4s;
	border: 1px solid #EEC800;
}
.acc-btn:hover{
    background: transparent;
    color: #eec800;
    border: 1px solid #eec800;
}
.create-btn:hover a{
	color: #fff !important;
}
.small-button:hover{
	background: transparent;
    border: 1px solid #224d47;
	color: #224d47;
}
.create-btn:hover{
	background: #224d47 !important;
    border: 1px solid #224d47 !important;
}
.forgot-password{
	justify-content:end;
	display: flex;
	align-items: center;
	margin-bottom: 36px;
	margin-top: 15px;
}
.forgot-password a{
    color: #eec800c4;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14.5px;
}
.forgot-password a:hover{
	color: #ffffffc7;
}
.acc-field input::placeholder {
	color: #838383;
	font-size: 14px;
	font-weight: 400;
  }
.copyright {
	text-align: center;
	margin-top: 50px;
}
.acc-form-control{
    font-size: 17px !important;
    height: 50px;
    width: 100%;
    padding: 9px 22px;
    color: #fff;
    background: #000000;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid #555555a6;
    border-radius: 5px;
}
.form-control{
    font-size: 17px !important;
    height: 52px;
    width: 100%;
    padding: 9px 22px;
    color: #0a0909;
    border: 1px solid #BBB;
    background: #fff;
    border-radius: 10px;
}
.acc-main-img{
	text-align: center;
}

.form-control:focus{
	box-shadow: none;
    background:#fff;
    color: #000;
    border: 1px solid #D9D9D9;
    outline: none;
}
.copyright p {
	color: #cbcbcb;
	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;
}
.account .shape-bg {
	position: absolute;
    left: -1%;
    top: 0%;
    width: 36%;
    z-index: -1;
}

.shape-lining{
	position: absolute;
   	right: -1%;
    top: 0%;
	width: 39%;
    z-index: -1;
}
.acc-button-info p{
    color: #ffffffbd;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: 400;
}
.acc-button-info a{
	color:  #eec800c4;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 14.5px;
}
.acc-button-info a:hover{
	color: #ffffffc7;
}
/* 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: #1EA8E0;
    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 #f3cc00;
}

.form-check-input:checked {
    background-color: #000;
    color: #fff;
	border: 1px solid #f3cc00;
    box-shadow: none;
	cursor: pointer;
}
.form-check-input:focus{
	border-color: #f3cc00;
}
.inner-checkbox label{
	color: #bfb8b8;
	font-size: 12px;
	cursor: pointer;
}
.acc-button-info a{
	display: inline-block;
}
/* reset password */
.otp-verifiction{
	position: relative;
}
.otp-btn {
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 600;
    color: #eec800;
    outline: none;
	background-color: transparent;
    position: absolute;
    border: none;
    top: 9px;
    border-radius: 6px;
    right: 6px;
}
.acc-set-password .otp-btn span{
	color: #000;
}
.otp-btn span{
    color: #FFF;
    font-weight: 500;
}
.acc-set-password.setting-set-pass .form-group {
    width: 49%;
}
.otp-btn:hover{
	color: #000;
}
.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: 98px;
    display: flex;
	background-color: #000;
    align-items: center;
}
.top-header .container {
    height: 100%;
}
.right-content {
    height: 100%;
}
.container{
	max-width: 1440px;
	padding: 0px 60px;
}
.user-setting-profile, .user-setting-doller {
    --w: 48px;
    display: inline-grid;
    place-content: center;
    width: var(--w);
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
}
.profile-kyc-info {
    display: flex;
	align-items: center;
    justify-content: space-between;
}
.profile-kyc-bar {
    background-color: #fff4d2b3;
    padding: 9px 0px !important;
	position: relative;
}
.user-setting-profile i{
	font-size: 25px;
	color: #ffffffcf;
}
.user-setting-profile progress {
    --background: conic-gradient(#1BA584 var(--p), #E2E2E2 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: var(--background);
    -webkit-mask: radial-gradient(#0000 57%, #000 57% 73%, #0000 73%);
}
.main-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
a.t-link {
    color: #000000;
    padding-bottom: 0px;
    border-bottom: 1px dashed;
	font-weight: 700;
}
a.t-link:hover{
	color: #EEC800;
}
.chat_mess_foot h4 {
    font-size: 12px;
	color: #3e3e3e;
	margin-top: 5px;
	font-weight: 600;
}
.main-dropdown{
	color: #fff;
	text-align: center;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.sidebar-nav-link {
    margin-bottom: 16px;
}
.main-dropdown i{
	font-size: 28px;
    margin-left: 7px;
	color: #dbdada;
}
.dropdown-menu{
    border-radius: 5px;
    border: 1px solid #E1E1E1;
    background: #FCFCFC;
    margin-top: 14px !important;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.10);
}
.account-dropdown{
	width: 298px;
	padding: 20px;
	flex-shrink: 0;
}
.trading-wallet-btn .small-btn{
	padding: 6px 25px;
}
 .small-btn:hover{
	background: #cfcfcf;
    color: #000;
    border-color: #8d8d8d;

}
.trading-content {
    text-align: left;
    display: flex;
    flex-direction: column;
}
.trading-content p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 13px;
}
.trading-content span {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #3a3a3a;
}
.verification-confirm-right{
	position: absolute;
    right: 20px;
}
.trading-content h5{
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
    margin-bottom: 12px;
}
.small-btn{
	display: inline-flex;
    padding: 10px 40px;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #0000005e;
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
    color: #000;
    align-items: center;
    gap: 10px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    cursor: pointer;
    font-weight: 600;
    row-gap: 20px;
    transition: all 0.4s;
    line-height: normal;
}
.trading-wallet-btn{
    margin-top: 0px;
    display: flex;
    column-gap: 7px;
}
.trading-wallet-btn button {
    width: 50%;
	padding: 8px 5px;
}
.dropdown-toggle::after{
	display: none;
}
.header-nav{
	display: flex;
	align-items: center;
	column-gap: 21px;
	height: 100%;
}
.acc-dropdown.user-box .main-dropdown i {
  margin: 0;
}
.header-nav .header-nav-link a{
    color: #fff;
    padding: 5px 26px;
    display: flex;
    border-radius: 60px;
    column-gap: 7px;
}
.header-nav .header-nav-link a:hover{
    background-color: transparent;
    color: #eec800;
}
.header-nav .header-nav-link a:hover i{
	color: #eec800;
}	
.inner-footer ul li a:hover{
	color: #000;
}
.header-nav-link .active i{
	color: #eec800;
}
.header-nav-link i{
	color: #b9b9b9;
}
.header-nav .header-nav-link .active{
	color: #eec800;
}

.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: 9px 9px;
    border-radius: 10px;
}
.header-nav ul.dropdown-menu {
	border: unset;
	padding: 0;
	top: 0;
}
.account-list-btn .small-btn-bg {
	padding: 8px 25px;
    font-size: 15px;
    height: auto;
}
.account-list-btn .small-btn{
	padding: 8px 25px;
	font-size: 15px;
    height: auto;

}
.user-profile-link .log-out ul li a {
    padding: 20px 24px;
	display: flex;
    align-items: center;
    column-gap: 6px;
    height: 100%;
}
.log-out i {
    transform: rotate(88deg);
}
.acc-dropdown .main-dropdown.show {
    background-color: #ffffff30;
}
.custom-menu:hover span{
	color: #EEC800 !important;
}
.custom-menu:hover {
	color: #EEC800!important;
}
.custom-menu:hover i{
	color: #EEC800 !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;
	color: #fff;
  }
  .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;
}
.acc-data-table .table thead th{
	color: #363D42;
    font-weight: 600;
    background: #EFF2F6;
    text-align: center;
	white-space: nowrap;
}
.acc-data-table {
    width: 100%;
    overflow: auto;
}
.acc-data-table .table tbody td{
	white-space: nowrap;
	vertical-align: middle;
}
.acc-data-table .table tbody tr{
	border: transparent;
    box-shadow: 0px 0px 7px #deecff;
}
.acc-data-table .table thead tr{
	border: 1px solid #5555555e;
}
.acc-data-table table {
    border-collapse: separate;
    border-spacing: 0 15px;
	padding: 0px;
	margin-bottom: 0px;
}
.trading-content-tools ul li a {
    color: #FFF;
    font-size: 16px;
    font-weight: 100;
    padding: 10px 26px;
}
.trading-content-tools ul li a:hover{
	background: linear-gradient(270deg, rgba(170, 234, 225, 0.10) 0%, rgba(197, 240, 220, 0.10) 100%);
}
.tools-title{
	color:  #838383;
	font-size: 16px;
	font-weight: 400;
	padding: 12px 26px;
}
.notification-dropdown{
	width: 308px;
}
.notification-info {
    display: flex;
	column-gap: 8px;
	padding: 15px 20px;
}
.notification-info:hover{
	background: linear-gradient(270deg, rgba(170, 234, 225, 0.10) 0%, rgba(197, 240, 220, 0.10) 100%);
}
.notification-img i{
	width: 16px;
	height: 16px;
	color: #fff;
	display: flex;
	padding-right: 20px;
}
.notification-title{
	font-size: 14px;
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    color: #fff;
	margin-bottom: 6px;
}
.notification-dropdown{
	transform: translate(-214px, 30px) !important;
	
}
.notification-content a{
	word-break: break-all;
	color: #838383;
	font-size: 12px;
	font-weight: 400;;
}
.notification-content a:hover{
	color: #C5F0DC;
}
.notification-title span{
	color: #838383;
	font-size: 12px;
}
.user-name p{
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: #000;
}
.user-name span{
	color: #000;
    font-size: 14px;
    font-weight: 600;
}
.log-out a {
    color: #000000 !important;
    font-weight: 500 !important;
}
.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 {
    transform: translate(-250px, 83px) !important;
    min-width: 420px;
    padding: 24px;
	margin-top: -12px !important;
    text-align: left;
}

div#chatHistoryPopup .modal-header {
    border-bottom: 1px solid #838383;
    padding: 20px 18px;
}
div#chatHistoryPopup .modal-content {
    overflow: hidden;
    padding: 0;
    border-radius: 20px;
}
div#chatHistoryPopup .modal-header .btn-close {
    position: unset;
    margin: 0;
    padding: 0;
    height: 25px;
	display: flex;
	align-items: center;
}
div#chatHistoryPopup .modal-header {
    border-bottom: 1px solid #8383839e;
}
div#chatHistoryPopup .modal-header h3 {
	color: #000000b5;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.chat_mess {
    max-width: 70%;
    /* white-space: pre-wrap; */
    word-break: break-word;
    overflow-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
}
.d-flex.user {
    justify-content: end;
    text-align: right;
}
.user .chat_mess {
    justify-content: end;
    border-radius: 0.5rem 0.5rem 0;
    color: #fff;
    min-height: 2rem;
    background-color:#e3bf00;
    margin-bottom: 10px;
	padding: 0.5rem;
}
.chat_mess_head p{
    font-size: 14px;

}
.user .chat_mess_head p {
    color: #000;
}
.attach-file input {
    position: absolute;
    opacity: 0;
    right: 0;
    left: 0;
    width: 30px;
}
.attach-file {
    position: relative;
    cursor: pointer;
    width: 50px;
    background-color: #1EA8E0;
}
.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: #e1e1e191;
}
.attach-file.small-btn-bg img {
    filter: brightness(0) saturate(100%);
    width: 25px;
}

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;
	font-weight: 400;
}
.admin .chat_mess_foot a {
    color:  #1ea8e0;
}
.admin .chat_mess_foot h4{
	color: #fff;
}
.small-btn-bg:hover .ticketLoader i {
    color:  #e9e9e9;
}
div#chatHistoryPopup .modal-header .btn-close i{
	color: #060505;
}
.mess-send-icon button {
    min-width: 50px;
}
.admin .chat_mess {
    border-radius: 0.5rem 0.5rem 0.5rem 0rem;
    color: #060505;
    min-height: 2rem;
    background-color: #181616;
    padding: 0.5rem;
    margin-bottom: 10px;

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

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

.user-img {
    font-size: 45px;
    height: 64px;
    width: 64px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #f9d61b;
    border-radius: 50%;
    background-color: #262626;
}
.user-profile-link ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: flex;
    width: 100%;
    line-height: normal;
    align-items: center;
}
.user-profile-link ul{
	border-color: rgb(0 0 0 / 15%) !important;
	border-bottom: 1px solid;
	border-top: 1px solid;
}
.user-profile-link ul li:hover{
	background: rgb(238 200 0 / 16%);
    border-left: 5px solid #eec800;
}
.user-profile-link .log-out ul {
    border: unset;
    padding: 0;
}
.user-profile-link ul li {
    padding: 17px 24px;
    gap: 12px;
	border-left: 5px solid transparent;
    justify-content: space-between;
	position: relative;
}
.profile-dropdown{
	transform: translate(-259px, 59px) !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: 93px;
	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;
}
.main-wrapper .container-fluid{
	padding: 0px;
}
.profile-kyc-bar .container {
    max-width: calc(100% - 300px);
    padding: 0px 35px;
    margin: 0;
    margin-right: 0;
    margin-left: auto;
}
/* sidebar */
.sidebar{
	width: 100%;
	max-width: 300px;
    padding: 34px;
	min-height: 100vh;
    background-color: #000;
    z-index: 9999;
}
.main-data{
	padding: 35px;
	width: calc(100% - 300px);
}
.main-wrapper-info{
	display: flex;
	flex: 1;
}
.wallet-balance p {
    font-size: 20px;
    color: #6F6C99;
}
.wallet-balance h2{
	color: #0db9ff;
	text-align: center;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	margin-top: 6px;
	margin-bottom: 25px;
}
.left-logo{
	text-align: center;
    width: 269px;
}
.sidebar ul li a:hover i{
    color: #000;
}
.sidebar-nav-link a:hover{
	background: #fed300;
    color: #000!important;
}
.sidebar ul li a{
    color: #fff;
    text-align: center;
    display: grid;
    padding: 14px 16px;
    font-size: 14px;
    font-style: normal;
	border-radius: 15px;
    display: flex;
    width: 100%;
    align-items: center;
    font-weight: 500;
    line-height: normal;
}
.summary-chart .nav-tabs .nav-link {
    padding: 11px 31px !important;
}
.summary-chart .nav-tabs {
    border: none !important;
    margin-bottom: 26px;
    margin-top: 26px;
    border-radius: 0;
    border-bottom: 1px solid #dee2e6 !important;
}
.sidebar ul li a i{
    font-size: 21px;
    color: #cdcdcd;
    padding-right: 11px;
    font-weight: 200;
}
.sidebar-nav-link .active{
    position: relative;
    border-radius: 15px;
    background: #EEC800;
    color: #000;
}
.sidebar-nav-link .active i{
	color: #000;
}
.inner-footer-link {
    display: flex;
    justify-content: space-between;
}
.inner-footer ul {
    display: flex;
    column-gap: 30px;
}
.inner-footer ul li a{
	color: #878A99;
	font-size: 14px;
}
.inner-footer span{
	color: #878A99;
	font-size: 14px;
	font-weight: 600;
}
.inner-footer {
    margin-top: 60px;
}
.inner-footer p{
	color: #878A99;
    font-size: 12px;
}
/* ===dashboard=========== */
.data-head-title{
    margin-top: 0px;
    display: flex;
	margin-bottom: 19px;
	align-items: center;
    justify-content: space-between;
}
.data-head-title h4{
	color: #000;
	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: #000;
    font-size: 15px;
    margin-right: 19px;
    border-bottom: 1px dashed #423805;
    font-weight: 600;
}
.data-learn-more:hover{
	color: #000;
}
.data-head-title .small-btn{
	padding: 10px 20px;
	font-size: 14px;
}
.main-card-info{
	border-radius: 20px;
	background:  #FFF;
	min-height: 602px;
	width: 100%;
	padding: 22px;
	box-shadow: 0px 8px 30px 2px rgba(0, 0, 0, 0.10);
	position: relative;
}
/* ========= */
.open-new-acc{
	color: #209CD7;
    font-size: 20px;
    display: flex;
	font-weight: 600;
    align-items: center;
}
.open-new-acc:hover{
	color: #000;
}
.custom-data-tabs .nav-tabs {
	border: 1px solid #d5d3d3;
    border-radius: 5px;
	overflow: hidden;
}
.custom-data-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000000 !important;
    background-color: #eec800 !important;
    border-color: #eec800 !important;
}
.custom-data-tabs .nav-tabs .nav-link {
    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
    background: 0 0;
    color: #000;
    font-size: 17px;
    font-weight: 500;
	height: 100%;
    border: none;
	padding: 3px 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.custom-card-info{
    background-color: #EFF2F6;
    border-radius: 10px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.20);
    padding: 30px;
    margin-bottom: 28px;

}
.custom-card-left span{
	padding: 5px 17px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #455A64;
}
.custom-card-left .real{
    background-color: #eec800;
    color: #000;
    font-weight: 600;
	box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.real {
    background-color: #eec800;
    color: #000;
    font-weight: 600;
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
    padding: 5px 17px;
    border-radius: 5px;
    font-size: 14px;
}
.custom-card-left .demo{
	background: #1a1919;
	color: #fff;
	font-weight: 600;
}
.custom-tabs-button .active {
	color: #e7c200!important;
	background-color: transparent;
	padding: 0px 16px;
	padding-bottom: 8px;
	font-weight: 600;
	border: none;
	border-bottom: 2px solid #e7c200 !important;
}
.custom-tabs-button .custom-tabs-btn{
	background-color: transparent;
	color: #000;
	border: none;
	padding: 0px 16px;
	padding-bottom: 8px;
	font-size: 20px;
	border-bottom: 2px solid transparent;
}
.custom-tabs-head{
	justify-content: space-between;
    padding-bottom: 10px;
    display: flex;
    border-bottom: 1px solid #00000024;
    margin-top: 32px;
	margin-bottom: 28px;
    align-items: center;
}
.custom-tabs-button{
	display: flex;
    align-items: center;
    column-gap: 24px;
}
.custom-data-tabs .nav-link  i{
	font-size: 25px;
}
.custom-main-tabs{
	display: flex;
	align-items: center;
	column-gap: 20px;
	justify-content: end;
}
.custom-list-dropdown {
	position: relative;
	padding: 9px 40px 9px 16px;
    background: #fff;
    text-align: left;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
	min-width: 164px;
}
  .arrow {
	margin-left: 10px;
	margin-right: 10px;
	color: #ffffffcd;
	font-size: 20px;
	display: none;
  }
  .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.active ul.list-item-dropdown {
    max-height: 400px;
}
  .custom-list-dropdown .list-item-dropdown {
    position: absolute;
    top: 120%;
    right: 0;
    left: 0;
    margin: 0;
	max-height: 0px;
    overflow-y: auto;
	padding: 0px  !important;
    border-radius: 5px !important;
    border: 2px solid #5d5d5d24;
    background: #fff;
    z-index: 99;
	opacity: 0;
	visibility: hidden;
	width: 100%;
    min-width: max-content;
	box-shadow: rgba(54, 61, 66, 0.15) 0px 0px 1px 0px, rgba(54, 61, 66, 0.04) 0px 2px 12px 0px, rgba(54, 61, 66, 0.12) 0px 12px 40px 0px;
  }
  .custom-list-dropdown .list-item-dropdown li {
	padding: 0 15px;
    line-height: 45px;
    font-size: 16px;
    overflow: hidden;
	border-bottom: 1px solid #00000024;
    color: #000;
	border-left: 5px solid transparent;
  }
  .custom-list-dropdown .active{
    background-color: #24242429;
    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: rgb(238 200 0 / 16%);
	border-left: 5px solid #eec800;
  }
  .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;
  }
  .btn-refresh-balance {
    text-align: end;
	margin: 24px 0px;
}
.acc-amount-info h4{ 
	font-size: 38px;
	font-style: normal;
	font-weight: 600;
	margin: 20px 0px;
	color: #000;
}
.data-head-btn .small-btn-bg {
    padding: 10px 18px;
}
.acc-amount-info span{
	color: #000000b5;
    font-size: 23px;
}
.acc-card-btn{
	display: flex;
    column-gap: 14px;
	justify-content: end;
	align-items: center;
}
.acc-card-btn .small-btn{
	padding: 10px 40px;
}
.acc-card-btn .small-btn-bg{
    color: #000;
	font-weight: 600;
}
.form-control::placeholder{
	font-size: 16px;
}
.custom-card-head{
	display: flex;
	justify-content: space-between;
}
.actionlist-dropdown{
    width: 254px;
    transform: translate(-214px, 27px) !important;
}
.action-list img {
    padding-right: 9px;
}
.action-list a{
	font-size: 14px;
	font-weight: 100;
	padding: 8px 10px;
	width:100%;
	display: block;
	color: #343434;
	border-left: 5px solid transparent;	
}
.action-list a:hover img{
	filter: none !important;
}
.action-list  a:hover{
	color: #000;
}
.action-list a:hover{
    background: rgb(238 200 0 / 16%);
    border-left: 5px solid #eec800;
}
.no-data-info{
	text-align: center;
	margin-top: 40px;
	padding: 150px 0px;
}
.no-data-info p{
	margin-top: 8px;
    margin-bottom: 20px;

}
.account-list-title{
    display: flex;
    align-items: center;
	margin-bottom: 20px;
    justify-content: space-between;
}
.account-list-details{
	border-radius: 18px;
	background-color: #dedede54;
	padding: 22px 15px;
}
.account-archived-details h4{
    margin-top: 26px;
    font-size: 25px;
	font-weight: 600;

    margin-bottom: 10px;
}
.account-archived-details p{
	margin-bottom: 20px;
}
.account-list-title h5{
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}
.account-list-box{
	display: flex;
	justify-content: space-between;
	padding: 10px 0px;
}
.account-list-box span{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	color: #000 ;
}
.account-list-box .text-light{
	color: #000 !important;
}
.account-list-box span:nth-child(2){
	border-bottom: 1px dashed #838383;
	flex: 1;
}
.account-list-btn .acc-fund-btn{
    border: none;
    font-size: 12px;
    font-style: normal;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 3px;
    color: #1ea8e0;
    font-weight: 600;
}
.account-list-btn{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.acc-fund-btn i{
    font-size: 26px;
}
.account-list-btn .active{
	background: #1EA8E0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.account-list-btn .active i{
	color: #1EA8E0;
}
.acc-fund-btn:hover{
	color: #000;
}
.tranfer-fund-box{
	width: 1150px;
	border-radius: 20px;
	background: #181D1B;
	padding: 10px;
}

.announcement-info {
	width: 429px;	
}
.modal-content{
	background-color: #fff;
	border-radius: 20px;
	padding: 18px;
	max-height: 80vh;
    overflow: hidden;
    overflow-y: visible;
}
.announcement-info .modal-header{
	border-bottom: none;
}
 .btn-close{
    opacity: 1;
    position: absolute;
    right: 13px;
    font-size: 30px;
    color: #09244B !important;
    padding: 0px;
    background: none;
	top: 8px;
	z-index: 1;
}
.btn-close:hover{
	opacity: 1;
}
.acc-dropdown .ri-wallet-3-fill {
    font-size: 16px;
    padding-right: 8px;
}
.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 {
	border-radius: 5px;
	background: #EEC800;
	box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
    color: #000;
    font-weight: 600;
	display: inline-flex;
	padding: 10px 40px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	cursor: pointer;
	row-gap: 20px;
	transition: all 0.4s;
	border: 1px solid  #EEC800;
	line-height: normal;
}
.modal-body  .small-btn-bg {
	width: 349px;
	height: 41px;
}
.small-btn-bg:hover{
	background-color: #dbb805;
    color: #000;
    border-color: #dbb805;
}
.invite-friends-info {
	max-width: 759px !important;
}
.invite-friends-content{
	text-align: center;
}
.invite-ib-info .work-content-data {
    padding: 28px;
    background: #EFF2F6;
    text-align: center;
    width: 17%;
    border-radius: 10px;
    border: 1px solid #DEDEDE;
}
.view-referrel {
    border-radius: 10px;
	border: 1px solid #BBB;
}
.profile-register-info h2{
	font-size: 21px;
    margin: 10px 0px;
	font-weight: 600;
}
.profile-register-info span {
    color: #555;
}
.profile-register-info p {
    padding: 12px 17px;
	font-weight: 600;
	margin-bottom: 6px;
    border-radius: 10px;
    border: 1px solid var(--gray-box, #BBB);
    background: var(--white, #FFF);
}
.profile-register-info {
    margin-bottom: 32px;
}
.withdraw-terms {
    background: #dedede54;
    padding: 10px;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
	height: max-content;
}
.invite-copy-link{
    width: 100%;
    height: 52px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #000000;
	padding: 0px 24px;
	border: none;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.link-copy-btn button:hover{
	background-color: #dbb805 !important;
    color: #000;
    border-color: #dbb805;
}
.link-copy-btn button {
    background: #fbd300 !important;
    padding: 12px 12px;
    border-radius: 6px;
    display: flex;
    color: #000 !important;
}
.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;
}
.view-referrel-link .invite-copy-link {
    width: 83%;
	border-radius: 10px 0px 0px 10px;
}
button.copy-btn {
    font-size: 22px;
    background: transparent;
    border: none;
	right: 15px;
    top: 5px;
	position: absolute;
    line-height: 13px;
    height: max-content;
    margin-top: 3px;
}
.copy-btn:hover{
	color: #000 !important;
}
.work-content-box{
    display: flex;
    column-gap: 18px;
}
.how-work-title h3{
	font-size: 24px;
	font-style: normal;
    margin-top: 66px;
	font-weight: 600;
	line-height: normal;
}
.work-content-data img {
    background: #1e1e1e;
    padding: 11px;
    border-radius: 5px;
}
.work-content-data p{
	font-size: 14px;
	font-style: normal;
	color: #555;
	font-weight: 500;
	margin-top: 28px;
	line-height: normal;
} 
.invite-read-more a{
	color: #35C2C2;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.ib-panal-info h4 {
    margin-top: 41px;
}
.invite-read-more {
    margin-top: 40px;
}
.account-list-modal{
	max-width:523px;
}
.account-list-modal .modal-content{
	padding: 40px;

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

 .btn-close:focus{
	box-shadow: none ;
}
.acc-modal-content h3{
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	color: #000;
	line-height: normal;
}	
.acc-modal-content p{
    margin-top: 15px;
    margin-bottom: 18px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
	color: #000;
    line-height: normal;	
}
.acc-modal-content span{
	color: #000;
    font-size: 16px;
    font-weight: 500;
}
.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: 600;
line-height: normal;
text-align: left;
margin-bottom: 9px;
color: #878A99;
}
.acc-list-group .custom-list-dropdown span{
	color: #000 !important;
}
.acc-modal-content .custom-list-dropdown i {
    position: absolute;
    right: 17px;
}
.acc-list-button{
	margin-top: 31px;
}
.rename-content-title{
	margin-top: 0px;
	font-weight: 500 !important;
}
.acc-list-group{
    margin-top: 29px;
}
.acc-information-body{
	padding: 0px;
}
.acc-information-dialog .modal-content{
	padding: 0px;
}
.acc-information-body .acc-modal-content-title{
    padding: 30px 0px;
	border-bottom: 1px solid  #2227258a;
}
.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:#e9c100;
}
.acc-information-copy a:hover{
	color: #000;
}
.acc-informatio-left span{
	font-weight: 500;
}
.acc-informatio-right span{
	font-size: 16px;
}
.acc-pass-title{
	font-weight: 500 !important;
}
.validation-info{
	text-align: left;
	color: #838383;
	margin-top: 12px !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	padding: 0px 8px;
}
.acc-copy-info {
	display: flex;
    align-items: center;
    margin-top: 12px;
    column-gap: 31px;
}
.acc-copy-left {
    width: 20%;
    text-align: left;
}
.acc-data-copy p{
	text-align: left;

}
.acc-copy-right p{
	margin: 0;
}
.acc-data-copy-title{
	margin-bottom: 21px !important;
    margin-top: 35px !important;
	color: #CACACA;
}
.manage-statement-title{
	color: #CACACA;
}
.acc-statement-info .inner-checkbox{
	display: flex;
    margin-bottom: 0px;
    align-items: center;
	margin-top: 7px;
}
.acc-statement-info .inner-checkbox label{
	margin-bottom: 0px;
	cursor: pointer;
}
.acc-statement-info .inner-checkbox input {
    margin: 0px 12px 0px 0px;
    max-width: 20px;
	width: 100%;
    height: 20px;
}
.set-leverage img{
	margin-bottom: 20px;
}
.set-leverage p{
	color: #000;
}
.set-leverage .acc-list-button .cancel-btn{
	background-color: transparent;
	color: #000;
	border: none;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	margin-top: 10px;
}
.announcement-content .small-btn-bg{
	width: auto;
}
.steps-verification-title{
	color: #CACACA;
}
.steps-verification-data{
	display: flex;
	margin-bottom: 20px;
	position: relative;
}
.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: #000;
	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: #000000d6;
}
.verification-num{
	background-color: #bdbfbf;
	color: #817c7c !important;
	border-radius: 50%;
	height: 100%;
}
.steps-verification-num{
	margin-right: 20px;
    margin-top: 12px;
}
.steps-verification-num .active{
	background-color: #eec800!important ;
	color: #000 !important;

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

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

/* open new account */
.account-card-box{
    text-align: center;
    padding: 30px 10px;
    position: relative;
	min-height: 426px;
    border-radius: 10px;
    background: #fff;
	box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.2);
    height: 100%;
}
.account-card-title h3{
    color: #000000c7;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 22px;
}
.account-card-title p{
	font-size: 15px;
}
.account-card-title{
	border-bottom: 1px solid #8383838f;
	padding-bottom: 17px;
}
.account-card-data{
	padding: 12px 26px;
	margin-top: 7px;
}
.open-acc-details{
	display: flex;
    border: 1px solid #0000001f;
    justify-content: space-between;
    padding: 8px 10px;
    margin: 10px 0px;
    background: #eff2f69c;
    border-radius: 5px;
}
.open-acc-details p{
	color: #444444d6;
}
.shape-img{
	position: absolute;
	left: -15px;
    top: -7px;
}
.acc-card-shape{
	position: absolute;
    background-color: #e1dede;
    width: 145px;
    height: 39px;
    border-radius: 0px 20px 20px 0px;
    fill: var(--them, #0164C1);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    left: 0;
}
.account-card-space .col-lg-6:nth-child(1) .acc-card-shape{
	background: #1BA584;
    width: 171px;
}
.account-card-space .col-lg-6:nth-child(1) .acc-card-shape span{
	color: #fff;
}
.account-card-space .col-lg-6:nth-child(2) .acc-card-shape{
	background: #FFD954 !important;
    width: 171px;
}
.acc-card-shape span {
    position: absolute;
    left: 8px;
	font-size: 14px;
    font-weight: 600;
    top: 9px;
    color: #000;
}
.acc-inner-data .otp-btn:hover{
	color: #fff;
}

.account-card-button{
	position: absolute;
    width: 100%;
    left: 0;
	bottom: 21px;
}
.account-card-button .small-btn-bg{
    padding: 10px 61px;
}
.account-card-space{
    row-gap: 31px;
}
.data-head-inner{
	display: flex;
	align-items: center;
	column-gap: 22px;
}
.data-head-inner span{
	display: flex;
	column-gap: 8px;
	align-items: center;
	color: #000;
}
.custom-account-inner .tab-inner-link.active {
    color: #000 ;
    background-color: transparent !important;
	border: none;
}
.custom-account-inner .tab-inner-link.active .tabs-check-box{
	border: 5px solid #EEC800;
	background-color: #000;
}
.custom-account-inner .nav-tabs {
	display: flex;
    column-gap: 60px;
	border-bottom: none;
}
.tabs-check-box{
	width: 20px;
	height: 20px;
	border: 2px solid  #000000c9;
	border-radius: 50%;
}
.tabs-check-head {
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.tabs-check-content-box h4{
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 5px;
}
.tabs-check-content-box p{
	font-size: 12px;
font-style: normal;
font-weight: 400;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	border: none;
}
.custom-account-inner .nav-tabs .nav-link{
	border: none;
	padding: 0px;
}
.custom-account-inner{
	margin-top: 25px;
}
.form-group label{
	font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: #878A99;
	margin-bottom: 9px;
}
.account-inner-tabs .custom-tabs-head{
	margin-bottom: 0px;
    border: none;
}
.form-group .custom-list-dropdown {
    width: 100%;
    height: 52px;
    padding: 14px 0px 14px 22px;
	border: 1px solid #BBB;
	border-radius: 10px;

}
.form-group .custom-list-dropdown i {
    position: absolute;
    right: 13px;
    top: 5px;
    color: #737373;
    font-size: 30px;
}
/* deposit page */
.inner-main-title{
    font-size: 19px;
    font-weight: 600;
    margin-top: 6px;
    margin-bottom: 26px;
}
.inner-main-title a{
	color: #4A93FF;
    font-size: 19px;
}
.inner-main-title a:hover{
	color: #AAEAE1;
}
.deposit-card-title{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.deposit-data-info {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.deposit-title-name {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.deposit-title-name img{
	width: 40px;
}
.processing-time {
    text-align: end;
}
.processing-time p {
    color: #555555;
}
.processing-time span {
    font-weight: 600;
    color: #0c0610cf;
}

.deposit-title-name h5{
	font-size: 17px;
	color: #000;
}
.deposit-card-box {
	border-radius: 10px;
	height: 100%;
    background: #FFF;
    border: 1px solid  #BBB;
    padding: 20px;
}
.deposit-data-info {
	padding-top: 21px;
}
.deposit-title-img i {
	font-size: 22px;
    background: #fff1cd;
    padding: 7px;
    border-radius: 50%;
    color: #48473fc4;
}
.deposit-title-img p{
	display: flex;
    column-gap: 6px;
    height: 100%;
    color: #555;
    border-radius: 5px;
    padding: 5px 10px;
    background: #FEF9EB;
    align-items: center;
}
.deposit-card-content p{
	line-height: 31px;
	color: #555555;
}
.deposit-wrapper-info {
    margin-top: 24px;
}
.deposit-card-content span{
    color: #0c0610cf;
    font-weight: 600;
}
.deposit-main-info .row{
	row-gap: 28px;
}
.deposit-card-box:hover{
	box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.25);
}
.payment-method-link{
	color: #209CD7;
    font-size: 17px;
    font-style: normal;
    text-decoration: underline;
    font-weight: 600;
}
.payment-method-link:hover{
	color: #000;
}

.custom-list-dropdown img{
	margin-right: 6px;
	width: 20px;
}
.alert-wrapper{
	padding: 11px 15px;
    border-radius: 10px;
    border: 1px solid rgb(38 50 56 / 16%);
    background: #fed30017;
}
.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: #838383;
	margin-top: 1px !important;
}
.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: #455A64;
    color: #fff !important;
    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: #6e6e6ef0;
    font-size: 25px;
    font-weight: 600;
}
.amount-currency-data {
    display: flex;
    align-items: center;
}
.amount-currency-data .min-max-limit{
	margin-top: 0px;
}
.min-max-limit.amt-min-max span {
    font-size: 13px;
    font-weight: 600;
    color: #838383;
}
.min-max-limit span{
	font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #1BA584;
    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: #f3f3f3a3;
}
.amount-currency-num span{
	color: #2D3748;
	text-align: right;
	font-size: 21px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.amount-currency-num span:nth-child(1){
	font-size: 30px;
}
.deposit-list-details .account-list-box span:nth-child(2) {
    border-bottom: none;
}
.amount-currency-num {
    display: flex;
    align-items: baseline;
}
.deposit-list-details .account-list-box span{
	font-size: 16px;
	color: #000;
}
.select-item-bg{
	color: #fff !important;
}
.deposit-list-details .account-list-box span:nth-child(3){
	font-size: 18px;
	display: flex;
}
.deposit-list-details .account-list-box {
	padding: 14px 21px;
    border-radius: 10px;
    margin-top: 15px;
    border: 1px solid #BBB;
}
.deposit-list-details .small-btn-bg{
	margin-top: 40px;
}
.deposit-address p {
    margin-top: 25px;
    margin-bottom: 10px;
}
.deposit-address{
	padding: 0px 8px;
}
.deposit-address h5{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.deposit-qr img {
    background-color: #fff;
    border-radius: 10px;
}
.deposit-title-img span{
	color: #3CA484;
    font-size: 14px;
    font-style: normal;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    border-radius: 5px;
    background: #F0F8F4;
}
.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;
	margin-top: 27px;
}
.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: #e3a000 !important;
}
.processing-progress-icon .node{
	background-color: #eec800 !important;
}
.processing-progress-icon i{
	color:#000000 !important;
}
.active-progress p{
	color:#e3a000 !important; 
}
.transaction-type-data p:nth-child(3){
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.history-data-box{
	padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    background: #eff2f6;
    border: 1px solid #BBB;
    cursor: pointer;
}
.history-data-box:hover{
    background: #fffdfd4d;
    border: 1px solid #b7b7b79e;
    box-shadow: 0px 2px 16px 0px rgb(0 0 0 / 20%);
}
.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: #000;
    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: #e3a000;
}
.transaction-status ul .rejected{
	color:#ff1b01;
}
.transaction-status ul .done{
	color:#00a500;
}
.transaction-status {
    width: 17.25%;
    text-align: left;
}
.transaction-amount{
	max-width: 25%;
}
.history-main-data {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.no-data-info h5{
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.transaction-no-data p{ 
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	color: #838383;
}
.transaction-no-data h5{
	margin-top: 18px;
}
/* perfomance */
.performance-tabs  .performance-link-item.active{
	color: #000 !important;
    background: #209CD7;
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.performance-tabs .nav-tabs .nav-link{
	font-size: 18px;
    padding: 11px 4px;
    width: 241px;
	color: #262626;
	font-weight: 500;
    text-align: center;

}
.performance-tabs .nav-tabs{
	border: none;
	column-gap: 24px;
	display: flex;
	border-radius: 0px;
}
.perfomance-card{
    padding: 20px;
    min-height: 229px;
    background-color: #eff2f6;
    border-radius: 10px;
    margin-bottom: 20px;
}
.perfomance-card h5 {
    font-size: 24px;
    font-style: normal;
    margin: 14px 0px;
    margin-bottom: 23px;
    font-weight: 600;
}
.perfomance-card p{
	margin-top: 10px;
}
.custom-tabs-head.perfomance-head-tabs {
    padding-bottom: 0px;
	margin-bottom: 50px;
    border-bottom: 1px solid #cdcdcd !important;
}
.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;
}
.perfomance-info .verify-icon {
    background-color: #455a64;
    width: 275px;
}
.perfomance-info .verify-icon::after{
	display: none;
}
.performance-inner-tabs .nav-tabs {
	column-gap: 0px;
    display: flex;
    border-radius: 0px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.40);
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.custom-data-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .performance-inner-item.active{
	border-radius: 5px 0px 0px 5px  !important;
	background: rgba(217, 217, 217, 0.50)	!important;
	box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02) !important;
	color: #000 !important;
}
.back-btn{
    color: #209CD7;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    column-gap: 11px;
}
.back-btn:hover{
	color: #000;
}
.performance-inner-tabs .performance-inner-item{
    border-radius: 5px !important;
    font-size: 14px;
    padding: 10px 37px !important;
    FONT-WEIGHT: 500 !important;
    background: #ffffff !important;
}
.table{
	width: 100%;
	padding: 0px 30px;
}
.table tbody tr:nth-child(even) {
	background-color: #f2f2f2a8;
}
.no-record{
	color: #363D42;
}
.no-record img{
	margin-right: 5px;
	opacity: 0.6;
}
.performance-inner-tabs {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.dowload-csv .small-btn{
	padding: 10px 24px;
	font-weight: 500;
	border-radius: 10px;
}
.table tbody .text-success{
	color: #4BC057 !important;
	font-weight: 600;
}
.table tbody .text-warning{
	color: #efba00 !important;
	font-weight: 600;
}
.table thead th{
	color: #363D42;
    font-weight: 600;
	padding: 16px 23px;
	background: #EFF2F6;
    text-align: center;
    border-bottom: transparent;
}

.table  tbody tr{
	border-color: #7272724d;
}
.table  tbody td{
	padding: 13px 23px;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #111D29;
	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{
    border-radius: 5px;
    border: 1px solid #DCDCDC;
    background: #FAFAFA;
    margin-bottom: 23px;
    margin-top: 5px;

}
.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: #404040;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.perfomace-acc-info h5{
	color: #000;
	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;
}

/* setting page */
.setting-custom-tabs .setting-inner-item .active {
	border-radius: 5px !important;
	font-size: 14px;
	
}
.setting-custom-tabs .nav-item .setting-inner-item.active{
	background-color: transparent !important;
	color: #000 !important;
    border-bottom: 2px solid #000 !important;
}	
.custom-data-tabs .nav-tabs .setting-inner-item {
	background-color: transparent !important;
	color: #363d42ba !important;
	display: flex;
	align-items: center;
}
.custom-data-tabs .nav-tabs .setting-inner-item .kyc-header-icon i{
	font-size: 15px;
    font-weight: 800;
    line-height: 19px;
}
.setting-custom-tabs .nav-tabs{
	border: none !important;
}
.setting-inner-item {
    font-size: 19px;
	text-align: center;
	padding: 16px 32px !important;
}

.setting-tabs-head{
    border: none;
    margin: 0px;
    border-bottom: 1px solid #00000061 !important;
    padding: 19px 0px;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
.setting-data-content h3{
	font-weight: 600;
	line-height: normal;
	font-size: 21px;
	
}

.setting-data-content h3{
    margin-top: 47px;
	margin-bottom: 13px;
}
.acc-setting-left{
    display: flex;
    align-items: center;
    column-gap: 17px;
}
.acc-setting-left i{
	font-size: 39px;
	color: #00b01b;
}
.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;
}
.acc-setting-verification{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 22px;
}
.modal-header{
	border-bottom: none;
}
.invite-copy-link:focus-visible{
	border: none;
	outline: none;
}
.tooltip-data{
	position: relative;
}
.verify-icon::after {
	content: '';
    width: 30px;
    height: 30px;
    background-color: #455a64;
    position: absolute;
    bottom: -8px;
    left: 10%;
    transform: rotate(45deg);
    z-index: -1;
}
.setting-data-box{
    border-radius: 12px;
    background-color: #EFF2F6;
    border: 1px solid #bbb;
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.10);
    padding: 20px;
    height: 100%;
}
.acc-setting-details h4{
	color: #000;
	font-size: 20px;
	margin-bottom: 5px;
}
button.copy-btn.user-btn {
    right: 69px;
}
.acc-setting-details .verified{
	color: #00B01B!important;
	font-weight: 600;
}
.profile-kyc-progress .verified-account i {
    font-size: 30px;
    color: #00B01B;
}
.profile-kyc-progress span{
	color: #00B01B;
}
.profile-kyc-bar .small-btn{
	padding: 6px 40px;
}
.setting-verification-data span i{
	color: #000;
	font-size: 22px;
	padding-left: 7px;
}
.setting-verification-data .otp-button span{
	display: contents;
}
.setting-verification-data .otp-button  span i {
    color: #000;
    font-size: 14px;
    padding-left: 0px;
}
.kyc-header-icon{
    background-color: #00B01B;
    color: #fff;
    padding: 3px;
    display: flex;
    width: 23px;
    justify-content: center;
    margin-left: 10px;
    height: 23px;
    border-radius: 50%;
}
.setting-confirm-data{
    display: block;
    background-color: #EFF2F6;
    padding: 20px;
    border-radius: 5px;
}
.setting-verification-data span i:hover{
	color: #000000;
}
.setting-data-content .accordion-item{
	background-color: transparent;
    border:none;
}
.setting-data-content .accordion-button:not(.collapsed)::after{
	filter: grayscale(100%);
}
.setting-data-content .accordion-button{
	color: #000;
    border-bottom: 1px solid #8383835e;
    padding: 25px 25px 25px 25px;
    border: 1px solid rgba(67, 67, 67, 0.10);
    background: #F9F9F9;
	margin-top: 20px;
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.accordion-body {
    padding: 1rem 1.25rem;
    border-radius: 0px;
    border: 1px solid rgba(67, 67, 67, 0.10);
    background: #FFF;
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
.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 9px 0px;
	border-bottom: 1px solid;
    border-color: #00000045;
}
.setting-info-img i{
	font-size: 22px;
    color: #09244B;
}
.complete-now-btn {
    display: flex;
    align-items: center;
    column-gap: 23px;
}
.authorization-details {
	margin: 22px 0px;
	width: 45%;
}
.password-change-box .content {
    padding: 22px;
    background-color: #eff2f6;
	border-radius: 5px;
}
.authorization-details span{
    font-size: 17px;
    font-weight: 500;
    padding: 15px 10px;
    border-radius: 9px;
    background-color: #eff2f6;
    line-height: normal;
	color: #555;	
}
.acc-id-password span{
	font-size:23px;
	font-weight: 700;
	letter-spacing: 8px;
}
.trading-conditions-data {
	padding: 20px;
    border-radius: 5px;
    border: 1px solid rgb(67 67 67 / 20%);
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
    margin-top: 25px;
}
.trading-conditions-data span{
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	display: flex;
	column-gap: 9px;
	color: #455A64;	
}
.trading-conditions-data p{
    margin: 9px 0px;
    color: #878A99;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.trading-conditions-data a{
    color: #508ACE;
    font-size: 16px;
    font-style: normal;
	text-decoration: underline;
    display: flex;
    justify-content: end;
    margin-top: 26px;
    font-weight: 600;
}
.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: #455A64;
    font-size: 14px;
    font-weight: 700;
    list-style: disc;
}
.progress-list-none {
    list-style: none !important;
}
.progress-title-active{
	color: #22A4E6 !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: #838383;
}
.step-1{
	width: 68px;
}
.step-2{
	width: 68px;
	background: #22a4e6cf;
}
.step-3{
	width: 166px;
	background: #22A4E6;
}
.step-4{
	width: 138px;
}
.setting-progress-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.swap-free-title p{
    margin: 30px 0px;
    color: #455A64;
    font-weight: 600;
	
}
.swap-free-content-body{
	padding: 0px;
}
.swap-free-content{
	text-align: left;
	padding: 0px;
}
.swap-free-content p{
	font-weight: 500;
	line-height: 27px;
	color: #455A64 !important;
	text-align: left;

}
.swap-list{
	font-size: 12px !important;
	font-style: normal;
	font-weight: 500;
	color: #CACACA;
}
.swap-list-title {
	color: #455A64 !important;
    margin-top: 11px !important;
    margin-bottom: 1px !important;
    font-weight: 600 !important;
}
.swap-free-content .acc-list-button {
	text-align: center;
}
.trading-conditions-data a:hover{
	color: #000;
}
.setting-learn-more a{
	color: #4A93FF;
	font-size: 16px;
}
.setting-learn-more a:hover{
	color: #AAEAE1;
}
.trading-conditions-data span i{
	color: #FFCF01;
}
.currently-qualify-info{
	font-size: 16px !important;
	display: flex;
	column-gap: 7px;
}
.balance-progress-title {
    display: flex;
    align-items: baseline;
    column-gap: 11px;
    margin-bottom: 9px;
    margin-top: 21px;
}

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

}
.private-server-info {
    margin-top: 72px;
    display: flex;
    justify-content: space-between;
}
.private-server-box img{
	margin-bottom: 21px;
}
.private-server-box h4{
	margin-bottom: 15px;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.hidden {
	display: none;
  }
  .password-change-box.show-content .showcontent {
	display: none;
  }
  .authorization-change-pass{
	padding-bottom: 0px;
	display: flex;
	column-gap: 31px;
	justify-content: space-between;
  }
  .authorization-change-btn {
    margin-top: 25px;
}
.authorization-change-pass .form-group {
    width: 49%;
	margin-bottom: 2px;
}

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

.setting-verification-box h5{
	font-size: 16px;
    font-style: normal;
    color: #000;
    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 #83838396;
}
.setting-steps-verification:nth-child(5){
	border-bottom: none;
}
.setting-verification-content p{
	margin: 0px !important;
}
.setting-verification-icon i{
	color: #434343;
	font-size: 24px;
}
.setting-verification-content h4{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	color: #000;
	margin-bottom: 7px;
}
.setting-verification-content p{
	color: #000;
}
span.tooltip-verify i {
    color: #fff;
}
.verification-popup p{
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	color: #fff;
}
.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: #455a64;
    width: 349px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(67 67 67 / 26%);
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}

/* profile steps */
.acc-list-button .small-btn.close-btn {
    background: transparent;
    border: none;
    color: #000;
    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: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 9px;
}
.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 #000;
	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: #000;
    box-shadow: inset 0 0 0 4px #ffd600;
    border-color: #000000;
  }
  .radio input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color:#000000;
  }
  .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;
	color: #000 !important;
  }
  .radio-label p {
    margin-top: 0px;
    font-size: 9px;
    margin-left: 29px;
    text-align: center;
    margin-bottom: 0px;
	width: 100%;
}
.form-control:disabled, .form-control[readonly]{
	background-color: #fff;
}
.radio-label-info {
	width: 72%;
}
.form-input-file-info img{
	max-height: 135px;
}
.acc-list-group label{
	color: #383838;
}
.form-group label{
	color: #383838;
}
.profile-steps-bar .step-bar{
	width: 50px;
	height: 7px;
	border-radius: 4.5px;
	background:  #A4A4A4;
}
.profile-steps-bar  .active{
	background: #ffd80c !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: #5e5e5e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
    padding: 7px 20px;
    border-radius: 10px;
    border: 1px solid #CCC;
    background: transparent;
  }
  
  .radio-group label:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid transparent;
    transition: background-color 0.3s;
  }
  .radio-group input[type="radio"]:checked + label:before {
	background-color: #000;
    border: 4px solid #fed300;
  }
  .verification-confirm-right img {
    filter: invert(48%) sepia(181%) saturate(3295%) hue-rotate(130deg) brightness(95%) contrast(150%);
}
  .radio-group input[type="radio"]:checked + label {
	border-radius: 10px;
    border: 1px solid var(--grean-1, #222725);
    background: #000000f0;
	color: #fff;
  }
  .profile-step-group h3{
	margin-bottom: 40px;
  }

  .radio-group .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
  }
  
  .checkbox-form-group label {
    position: relative;
    cursor: pointer;
    text-align: left;
    color: var(--gray, #838383);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    width: 100%;
	margin-bottom: 18px;
  }
  .checkbox-form-group label:hover{
	background: #181717;
    color: #ffd80c;
  }
  .radio-group label:hover{
	background: #000000f0;
    color: #ffd80c;
  }
  .checkbox-form-group label:before {
    content: '';
    -webkit-appearance: none;
    border: 2px solid #838383d6;
    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 #CCC;
	background: transparent;
	padding: 10px 20px;
	position: relative;
  }
  .checkbox-form-group input:checked + label{
	background: #181717;
    color: #ffd80c;
  }

  .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: #1BA584;
   font-weight: 600;
}
.doc-verification-edit a:hover{
	color: #000;
 }
 .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"] + .radio-label:before{
	max-width: 1.2em;
    width: 100%;
    height: 1.2em;

 }
 .select-identity-doc .radio input[type="radio"] {
	position: absolute;
	opacity: 0;
  }
  .identity-radio-label {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: transparent;
    padding: 10px 20px;
	display: flex;
	align-items: center;	
    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: #4e4e4e30;
    color: #000 !important;
}
.identity-radio-label:hover .radio-label:before{
	border-color: #fff;
}
.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: #262626;
    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(237 237 237 / 93%);
    z-index: 9999;
}
  .loader{
    position: relative;
    font-size: 48px;
    letter-spacing: 6px;
	font-weight: 600;
  }
  .loader:before {
    content: "Loading";
    color: #000;
  }
  .loader:after {
content: "";
    width: 50px;
    height: 50px;
    background: linear-gradient(39deg, #cbab05 -22.07%, #FFD600 32.53%, #EEC800 58.72%, #eec800 82.35%, #cdac00 113.98%);
    background-position: 14px -4px, 12px -1px;
    border-radius: 50%;
    position: absolute;
    margin: auto;
    top: 11px;
    right: 193px;
    z-index: -1;
    animation: fillBaloon 1s ease-out infinite;
  }

  @keyframes fillBaloon {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
  }
  .pagination{
	justify-content: end;
    column-gap: 6px;
    padding: 10px 36px;
  }
.pagination .page-link{
	background-color: transparent !important;
    border: none !important;
    color: #000 !important;
	z-index: 3;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
	font-weight: 600;
    justify-content: center;
    border-radius: 50%;
}
.pagination-btn .page-link{
	width: auto;
	height: auto;
}
.acc-setting-details .partially-verified {
    color: #e58b00 !important;
}
.pagination-info .item-num{
    margin: 0 3px;
}
span.setting-sub-title {
    color: #878A99;
	font-size: 15px;
}
.acc-setting-authorization {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
  
}
.page-item.disabled .page-link {
    color: #6c757dbf !important;
  }
 .page-link:focus{
  	box-shadow: none;
 }
.pagination-btn{
    display: flex;
}
.pagination .page-link:hover{
	color: #000  !important;
    background-color: #eec800 !important;
}
.pagination-info .page-item.active .page-link {
	z-index: 3 !important;
    color: #000 !important;
    background-color: #ffd400  !important;
}
  .pagination-info{
	text-align: end;
	margin-top: 20px;
  }
  .alert-wrapper a{
	color:#917900;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
  }
  .alert-wrapper a:hover{
	color: #000;
  }
  .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: 152px;
    height: 152px;
    margin-bottom: 40px;
}
.processing-icon:before {
    content: '';
    background-image: url('../img/processing-img-bg.png');
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    animation: loading 1s infinite linear;
}
.processing-icon span {
    --border: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - var(--border));
    height: calc(100% - var(--border));
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
}
.account-card-info {
    margin-top: 28px;
}

@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: #109d0e;
}
.amout-transaction span ul .rejected{
	color: #ff1b01;
}
.amout-transaction span ul .processing{
	color: #e3a000;
}
.amout-transaction h4 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
}
.amout-transaction span ul li {
    list-style: disc;
    font-weight: 600;
}
.transaction-progress li.active .node.grey {
    background-color: #109d0e;
}
.node-grey p{
	color: #605f5f !important;
}
.rejected-progress-icon .node{
	background-color: #ff1b01 !important;
	color: #fff !important;
}
.rejected-progress-icon p{
	color: #ff1b01 !important;
}
.conversionCurrencyAmount {
    text-align: end;
    font-weight: 400;
    padding-right: 6px;
    padding-top: 5px;
    color: #000000cf;
    font-size: 15px;
}
.payment-icon img {
    width: 25px;
}
.payment-icon a:hover img{
	filter: invert(0.5) sepia(1) saturate(5) hue-rotate(-720deg);
}
.payment-icon .verify-icon{
	width: 92px;
	padding: 6px;
	text-align: center;
}
.payment-icon .tooltip{
    top: -46.5px !important; 
	left: 0px !important;
}
.payment-icon .verify-icon::after{
	left: 31%;
	bottom: -2px;
}
.payment-icon-info {
	display: flex;
    column-gap: 11px;
    justify-content: end;
}
.payment-icon-info .dropdown, .dropend, .dropstart, .dropup{
	position: static;
    display: inline-block;
}
.payment-icon-info .dropdown-menu{
    left: 97% !important;
}
.payment-icon-info .dropdown i{
	color: #000;
}
 .transaction-progress .node {
    height: 21px;
    width: 21px;
	background-color: #4e4e4e47;
    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;
}
.transaction-type-data span{
	color: #000;
}
.pay-account-inner span{
	color: #000;
}
.divider {
    height: 22px;
    width: 2px;
    margin-left: 10px;
	background-color: #00000017;
    transition: all 800ms ease;
}
.transaction-progress ul li p{
	margin: 0px;
	margin-left: 10px;
}
.transaction-progress .alert-wrapper{
	text-align: left;
	padding: 20px 16px;
}
.transaction-progress .alert-wrapper p{
	margin: 0px;
}
.transaction-progress ul{
	margin: 30px 0px;
}
.pay-account-from-to {
    margin: 35px 0px;
    padding: 15px 0px;
    border-bottom: 1px solid #00000047;
    border-top: 1px solid #00000047;
  	text-align: left;
}
.from.pay-account-inner span {
    width: 45px;
}
.acc-setting-right .kyc-header-icon i{
	padding-left: 0px !important;
    color: #fff;
    font-size: 18px;
}
.acc-setting-right .kyc-header-icon i:hover{
	color: #fff;
}
.pay-account-inner {
    display: flex;
    gap: 15px;
    margin-top: 11px;
    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: #000;
    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: #1EA8E0;
	--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: 26px;
    color: #526067;
  }
  [role="progressbar"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: conic-gradient(#00b038 calc(var(--percentage) * 1%),#E2E2E2 0);
    mask: radial-gradient(white 55%, transparent 0);
    mask-mode: alpha;
    -webkit-mask: radial-gradient(#0000 54%, #9d9d9d 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 .inner-main-title{
	margin-bottom: 11px;
	font-weight: 700;
}
  .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;
    border: 1px solid #cde6d3;
    padding: 0;
    background: #cde6d37a;
    backdrop-filter: blur(16.399999618530273px);
 }
 .payment-success {
    padding: 49px 0px;
}
 .payment-successfully .acc-title{
    margin-bottom: 0px;
    text-align: center;
    padding: 20px 0px;

    background: #181D1B;
 }

.payment-success h2{
	font-weight: 600;
	margin-top: 26px;
	margin-bottom: 4px;
    color: #01a601;
}
.payment-success span {
    font-size: 19px;
}
.payment-success p {
    padding: 10px 114px;
	margin-top: 10px;
}
.back-btn-info .small-btn-bg{
	padding: 10px 60px;
    margin-top: 22px;
}
.payment-success img {
    width: 99px;
}
.back-btn-info{
	text-align: center;
}
.payment-qrcode-failed h2{
    padding: 47px 0px;
    color: #b61312;
    padding-bottom: 69px;
}
.payment-failed-data {
    background: #f04e63;
    color: #fff;
	padding-bottom: 43px;
}
.toggle-menu {
	color: #000;
	font-size: 21px;
	display: none;
}
.closebtn{
	display: none;
}
.footer-box-content{
	display: flex;
	flex-direction: column;
}
.custom-card-right .dropdown i {
    color: #000;
}
.main-header .navbar-expand-lg .navbar-collapse{
	justify-content: end;
	padding-right: 13px;
}
.main-header .navbar-expand-lg{
	width: 100%;
	height: 100%;
	padding: 0px;
}
#changeLeverage .modal-content{
	overflow: visible;
}
@media(max-width:1600px){
	.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: 110px;
	}
	.acc-card-shape{
		font-size: 34px;
		top: 21px;
	}
	.account-card-title h3{
		font-size: 21px;
	}
	.view-referrel-link .invite-link{
		width: 100%;
		border: 1px solid #DEDEDE;
		border-radius: 10px;
		padding: 0px 20px;
		background-color: #fff;
	}
	.view-referrel-link  .invite-copy-link{
		width: 72%;
	}
	.perfomance-list-dropdown {
		min-width: 302px;
	}
	.hero-img .bg-circle {
		right: -27px;
		top: -105px;
	}
	.invite-ib-info .work-content-data{
		width: 33.33%;
	}
	.custom-data-tabs .nav-tabs .setting-inner-item{
		padding: 10px !important;
	}	
	.custom-card-left {
		display: block;
	}
	.acc-card-btn .small-btn-bg {
		padding: 7px 15px;
	}
	.custom-card-left p {
		margin-top: 15px;
	}
	.acc-card-shape span{
		font-size: 11px;
		font-weight: 600;
		top: 11px;
	}
	.account-card-space .col-lg-6:nth-child(2) .acc-card-shape {
		background: #FFD954 !important;
		width: 125px;
	}
	.acc-card-shape {
		position: absolute;
		background-color: #e1dede;
		width: 99px;
	}
}

@media(max-width:1200px){
	.our-proposition-info p{
		font-size: 22px;
	}
	.feature-box{
		padding: 30px 15px;
	}
	.feature-box p{
		font-size: 14px;
	}
	.legal-information-content p{
		font-size: 18px;
	}
	.perfomance-info .tooltip{
		margin-left: -79px !important;
	}
	.hero-text img {
		position: absolute;
		left: 6px;
	}
	.diverse-portfolio{
		padding-bottom: 97px;
	}
	.hero-content h1{
		font-size: 34px;
	}
	.hero-content h1 span {
		font-size: 34px;
	}
	.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;
	}
	.down-btn{
		font-size: 16px;
	}
	.acc-setting-verification{
		display: block;
	}
	.acc-setting-left {
		margin-bottom: 18px;
	}
	.authorization-change-pass .form-group{
		width: 100%;
	}
	.authorization-change-pass{
		display: block;
	}
	.acc-set-password.setting-set-pass .form-group {
		width: 73%;
	}
	.authorization-details{
		width: 100%;
	}
	.custom-card-left{
		display: block; 
	}
	.custom-card-info{
		padding: 15px;
	}
	.acc-card-btn .small-btn {
		padding: 7px 15px;
	}
	.acc-card-btn .small-btn-bg{
		padding: 7px 15px;
	}
	.custom-card-left p {
		margin-top: 15px;
	}
	
}
@media(max-width:1100px){
	.custom-tabs-head{
		display: block;
		padding-bottom: 0px !important;
	}
	.download-info .sec-title{
		font-size: 40px;
	}
	.down-btn {
		font-size: 14px;
	}
	.read-more-content p {
		padding: 0px 27px !important;
	}
	.custom-main-tabs{
		justify-content: end;
		margin-top: 24px;
	}
	.setting-inner-item{
		padding: 16px 6px !important;
	}
	.setting-info-details{
		padding: 4px 0px 20px 0px;
		column-gap: 6px;
	}
	.acc-setting-details{
		padding-left: 0px  !important;
		padding-top: 0px !important;
		margin-bottom: 5px;
	}
	.setting-tabs-menu{
		border-right: 0px;
	}	
	.acc-setting-verification{
		display: block;
	}	
	.payment-icon-info .dropdown-menu{
		top: auto !important;
	}
}
@media(max-width:991px){
	.hero {
		padding: 152px 0px;
		height: auto;
		padding-bottom: 67px;
	}
	.acc-setting-verification{
		display: block;
	}
	.acc-setting-left{
		margin-bottom: 18px;
	}
	.acc-setting-details{
		padding-top: 0px !important;
	}
	.profile-kyc-bar::after{
		display: none;
	}
	.profile-kyc-bar .container {
		max-width: 100%;
	}
	.main-right-data{
		width: 100%;
	}
	.acc-main-img{
		display: none;
	}
	.download-info-img{
		display: none;
	}
	.step-number{
		max-width: 40px;
		height: 40px;
		font-size: 23px;
	}
	.step-text::before{
		left: 17px;
		top: 77%;
	}

	.hero-img .bg-circle {
		right: -5px;
	}
	.download-info{
		padding: 100px 0px;
	}
	.step-text{
		margin-bottom: 44px;
	}
	.step-img-box{
		width: 44%;
		left: 56%;
		top: 52%;
	}
	.setting-verification-data .verify-icon{
		width: 273px;
	}
	.main-header .navbar-expand-lg{
		height: auto;
	}
	.header-nav .header-nav-link .active{
		background-color: transparent;
	}
	.sidebar ul {
		margin-top: 55px;
	}
	.header-toggle{
		display: flex;
	}
	.header-toggle-info {
		display: flex;
		align-items: center;
	}
	.wallet-balance {
		margin-top: 53px;
	}
	.right-content{
		height: auto;
	}
	.dropdown-overlay{
		top: 0;
	}
	.header-nav ul.dropdown-menu{
		top: -63px;
		left: 111px;
	}
	.top-header{
		z-index: 99;
		position: relative;
	}
	.acc-inner-data {
	    width: 84%;
	}
	.setting-inner-item {
		padding: 9px 24px !important;
	}
	.acc-dropdown .main-dropdown{
		font-size: 14px;
		padding: 13px 7px;
	}
	.setting-custom-tabs .nav-tabs{
		flex-direction: row;
	}
	.toggle-menu {
		display: block;
		margin-left: 9px;
		color: #fff;
		border-radius: 4px;
	}
	li.sidebar-nav-link {
	    margin: 14px 17px;
	}
	.Sidenav ul {
		margin-top: 64px;
	}
	.left-logo{
		width: auto;
	}
	.transaction-history-head{
		row-gap: 22px;
		display: flex;
		flex-wrap: wrap;
		column-gap: 23px;
	}
	.sec-title h4{
		margin-bottom: 59px;
	}
	.closebtn{
		display: block;
	}
	.closebtn:hover{
		color:#c5f0dc;
	}
	.closebtn {
		font-size: 39px;
		position: absolute;
		right: 9px;
		font-weight: 300;
		top: -2px;
		color: #d5d5d5cf;
	}
	.hero-content h1 {
		font-size: 28px;
		margin-bottom: 23px;
	}
	.hero-content h1 span {
		font-size: 28px;
	}
	.num-text-border {
		left: -3px;
		top: -53px;
	}
	.features {
		padding: 58px 0px;
	}
	.legal-information .container .row {
		row-gap: 73px;
	}
	.portfolio-top-space{
		margin-top: 0px;
	}
	.diverse-portfolio-data .row {
		row-gap: 48px;
		justify-content: center;
	}
	.diverse-portfolio {
		padding: 56px 0px;
	}
	.start-earning{
		padding: 67px 0px;
	}
	.hero-content .small-btn-bg {
		padding: 10px 34px;
	}
	.container {
		padding: 0px 20px;
	}

	.header-toggle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.sidebar {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 999999;
		top: 0;
		left: 0;
		background-color: #000;
		overflow-x: hidden;
		transition: 0.5s;
		justify-content: center;
		padding-top: 15px;
		text-align: center;
		border-right: 1px solid #7a7a7aab;
		margin-left: -1px;
	}
	.sidebar ul li a{
		padding: 12px 10px;
	}
	.header .header-btn {
		padding-top: 22px;
		margin-top: 12px;
	}
	.perfomance-card{
		margin-bottom: 22px;
	}
	.perfomance-right-dropdown{
		margin-top: 27px;
	}
	.table tbody td{
		white-space: nowrap;
	}
	.table thead th{
		white-space: nowrap;
	}
	.acc-btn {
		width: 314px;
	}
	.main-data{
		width: 100%;
	}
    .sidebar{
        padding: 0px;
		margin-top: 0px;
    }
	.withdraw-terms {
		margin-bottom: 20px;
	}
}
@media (max-width: 768px){
	.hero-img img{
		display: none;
	}
	.authorization-details{
		width: 100%;
	}
	.setting-info-img i{
		color: #4e4e4e;
	}
	.setting-info-details{
		display: block;
	}
	.acc-setting-authorization{
		display: block;
	}
	.authorization-change-pass{
		display: block;
	}
	.authorization-change-pass .form-group{
		width: 100%;
		margin-bottom: 20px;
	}
	.account .shape-bg{
		display: none;
	}
	.setting-data-box{
		height: auto;
		margin-bottom: 16px;
	}
	.setting-custom-tabs .nav-tabs {
		row-gap: 16px;
	}
	.setting-data-content h3{
		margin-top: 0px;
	}
	.main-acc-bg{
		padding: 23px;
	}
	.shape-lining{
		display: none;
	}
	.inner-footer-link ul li {
		padding: 2px 0px;
	}
	.profile-register-info{
		margin-top: 19px;
	}
	.invite-ib-info .work-content-data{
		background-color: transparent;
		border: none;
	}
	.perfomance-list-dropdown {
		min-width: auto;
	}
	.inner-footer-link{
		display: block;
	}
	.inner-footer ul{
		margin: 13px 0px;
	}
	.acc-main-img{
		display: none;
	}
	.mobile-logo{
		display: block;
		text-align: center;
		margin-top: 32px;
	}
	.mobile-logo img{
		width: 150px;
	}
	.custom-account-inner .nav-tabs{
		row-gap: 22px;
		column-gap: 60px;
	}
	.history-data-box{
		display: flex;
		flex-wrap: wrap;
	}
	.transaction-history-item{
		width: 100%;
	}
	.transaction-inner-data {
		width: 100%;
		column-gap: 14px;
	}
	.transaction-amount{
		max-width: 42%;
	}
	.transaction-status {
		width: 50%;
	}
	.transaction-status ul{
		padding-left: 20px;
	}

	.pagination{
		padding: 6px 6px;
	}
	.history-data-box{
		padding: 6px;
	}
	.transaction-inner-data{
		margin: 16px 0px;
	}

	.hero{
		height: auto;
		padding: 80px 0px;
	}
	.hero-shape img{
		display: block !important;
		top: -393px !important;
		left: 32% !important;
	}
	.footer-box {
		margin-top: 53px;
	}
	.footer-box h3{
		margin-bottom: 34px;
	}
	.step-img-box {
		display: none;
	}
	.features-data-info .row {
		row-gap: 15px;
	}
	.hero-content h1{
		margin-bottom: 25px;
		font-size: 39px;
	}
	.hero-content h1 span {
		font-size: 34px;
	}
	.legal-information-img{
		display:none;
	}
	.footer-box-content{
		display: block;
	}
	.portfolio-top-space{
		margin-top: 0px;
	}
	.diverse-portfolio-data .row {
		row-gap: 48px;
	}
	.legal-information .container .row {
		row-gap: 14px;
	}
	.footer{
		padding-top: 0px;
	}
	.diverse-portfolio-data {
		margin-top: 25px;
		padding: 10px;
	}
	.acc-inner-data{
		width: 100%;
		padding: 44px 22px;
	}
	.acc-title img{
		width: 176px;
	}
	.withdraw-terms{
		margin-bottom: 20px;
	}
	.deposit-qr {
		margin-top: 36px;
	}
	.transaction-history-item{
		width: 100%  !important;
	}
	.main-data-table {
		width: 100%;
		overflow-x: auto;
	}
	.custom-tabs-head{
		padding-bottom: 16px;
		margin-bottom: 18px;
	}
	.top-header{
		height: 69px;
	}
	ul.dropdown-menu.account-dropdown.show {
		transform: translate(-114px, 29px) !important;
	}	
	.main-data{
		padding: 14px;
	}
	.acc-set-password.setting-set-pass .form-group{
		width: 100%;
	}
}
@media(max-width:575px){
	.hero {
		height: auto;
		padding: 56px 0px;
	}
	[role="progressbar"] i {
		font-size: 23px;
	}	
	.profile-dropdown {
		transform: translate(-259px, 45px) !important;
	}
	.deposit-card-box{
		padding: 12px;
	}
	.custom-list-dropdown .list-item-dropdown li {
		padding: 0 15px;
		line-height: 45px;
		font-size: 14px;
	}
	.min-max-limit.amt-min-max span {
		font-size: 9px;
	}
	.payment-icon-info .dropdown-menu {
		left: 85% !important;
	}
	.main-data{
		padding: 11px;
	}
	.deposit-card-title{
		display: block;
	}
	.payment-method-link{
		font-size: 14px;
	}
	.custom-card-left p {
		margin-top: 0;
	}
	.profile-kyc-bar .container{
		padding: 0px 8px;
	}
	.processing-time {
		text-align: left;
		margin-top: 7px;
	}
	.left-logo img {
		width: 58px;
	}
	.acc-dropdown.user-box img {
		width: 28px;
	}
	.acc-inner-data{
		padding: 27px 22px;
	}
	.profile-footer-content p {
		margin-top: 33px;
	}
	.performance-inner-tabs .nav-tabs{
	    border-bottom: 1px solid #00000054 !important;
    	border: none;
    	border-radius: 0;
	}
	.custom-tabs-head.perfomance-head-tabs{
		border: none !important;
	}
	.verification-confirm-right img {
		width: 24px;
	}
	.perfomance-info .verify-icon{
		width: 194px
	}
	.perfomance-info .tooltip {
		margin-left: 48px !important;
		top: -112.5px;
	}
	.perfomance-right-dropdown{
		display: block;
	}
	.inner-footer ul{
		display: block;
	}
	.setting-custom-tabs .nav-tabs{
		display: block;
	}
	.setting-inner-item {
		padding: 9px 4px !important;
	}
	.inner-footer {
		margin-top: 26px;
	}
	.custom-data-tabs .nav-tabs .setting-inner-item{
		display: -webkit-inline-box;
		margin-bottom: 12px;
	}
	.setting-data-content .accordion-button{
		padding: 16px 11px 16px 11px;
		margin-top: 13px;
	}
	.accordion-body {
		padding: 1rem 12px;
	}
	.setting-data-content h3 {
		margin-top: 0px;
	}
	.perfomance-right-dropdown{
		margin-top: 10px;
	}
	.perfomance-list-dropdown{
		margin-bottom: 10px;
		min-width: 275px;
	}
	.verify-icon::after{
		display: none;
	}
	.performance-inner-tabs .nav-tabs{
		margin-bottom: 16px;
	}
	.performance-tabs .nav-tabs{
		justify-content: center;
	}
	.performance-inner-tabs{
		display: block;
	}
	.tabs-check-content-box p{
		font-size: 9px;
	}
	.tabs-check-content-box h4 {
		font-size: 18px;
	}
	.setting-verification-content h4{
		font-size: 15px;
	}
	.view-referrel {
		padding: 7px;
		margin-bottom: 15px;
	}
	.open-new-acc{
		font-size: 14px;
	}
	.invite-ib-info .work-content-data{
		background-color:#EFF2F6;
		/* padding: 7px; */
	}
	.btn-close{
		right: 6px;
		top: -1px;
	}
	.data-head-title h4{
		font-size: 18px;
	}
	.data-head-inner span{
		column-gap: 5px;
		font-size: 13px;
	}
	.setting-info-details{
		display: block;
		margin-top: 12px;
	}
	.num-account-box{
		display: block;
	}
	.num-account-box .radio{
		margin-bottom: 17px;
	}
	.radio-label-info {
		width: 95%;
	}
	.acc-setting-verification {
		margin-top: 4px;
		display: block;
		position: relative;
	}
	.setting-info-img i{
		font-size: 19px;
	}
	.acc-setting-details p{
		font-size: 13px;
	}
	.steps-verification{
		margin-top: 27px;
	}
	.acc-setting-left{
		display: block;
	}
	.attach-file.small-btn-bg{
		width: auto;
	}
	.chat-send-msg .small-btn-bg{
		height: auto;
	}
	.attach-file.small-btn-bg {
		width: 43px;
	}
	.steps-verification-data{
		margin-bottom: 0px;
	}
	.profile-step-group {
		margin-top: 28px;
	}
	.steps-verification-content h3 {
		font-size: 14px !important;
	}
	.steps-verification-content ul li {
		font-size: 10px;
	}
	.chat-send-msg {
		display: flex;
		gap: 6px;
		align-items: center;
	}
	.mess-send-icon button {
		min-width: max-content;
	}
	.acc-setting-left{
		margin-bottom: 17px;
	}
	.setting-main-data{
		padding: 0px 0px;
	}
	.password-change-box .content {
		padding: 9px;
	}	
	.authorization-change-pass{
		padding: 9px;
	}
	.verify-icon{
		width: 213px;
	}
	.verify-icon::after{
		left: 14%;
	}
	.authorization-change-btn .small-btn-bg{
		padding: 9px 20px !important;
		font-size: 14px;
	}
	.selected-display{
		font-size: 15px;
	}
	.acc-informatio-left span {
		font-weight: 500;
		font-size: 14px;
	}
	.checkmark{
		left: 14px;
	}
	.terminal-account-box .verification-options {
		font-size: 14px !important;
	}
	.verification-options{
		padding-left: 43px;
	}
	.setting-data-content{ 
		border-radius: 12px;
	}
	.performance-tabs .nav-tabs .nav-link {
		font-size: 17px;
	}
	.perfomance-card p {
		margin-top: 7px;
	}
	.perfomance-card{
		min-height: auto;
	}
	.performance-inner-tabs .performance-inner-item {
		border-radius: 5px !important;
		font-size: 14px !important;
		padding: 7px 24px !important;
	}
	.transaction-history-head .custom-list-dropdown{
		width: 100%;
	}
	.transaction-type{
		width: 100%;
	}
	.trasaction-transfer-icon i{
		display: none;
	}
	#transactionInfoPopup .profile-steps-body{
		padding: 1rem;
	}
	.pay-account-from-to{
		row-gap: 16px;
	}
	.pay-account-from-to .arrow{
		display: none;
	}
	.deposit-method-address .small-btn-bg,.small-btn{
		padding: 9px 20px !important;
		font-size: 12px;
	}
	.deposit-address h5{
		font-size: 16px;
		font-style: normal;
		word-wrap: break-word;
	}
	.form-group{
		margin-bottom: 18px;
	}
	.withdraw-terms .inner-main-title{
		font-size: 17px;
		margin-bottom: 3px;
	}
	.sec-title h4{
		font-size: 14px;
		line-height: 23px;
	}
	.footer-box h3{
		font-size: 18px;
	}
	.footer-social-icon i{
		font-size: 25px;
	}
	.hero-content h1{
		font-size: 31px;
	}
	.hero-content h1 span {
		font-size: 32px;
	}
	.inner-main-title {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.form-group .custom-list-dropdown{
		padding: 14px 0px 14px 15px;
	}
	.withdraw-terms {
		margin-bottom: 16px;
	}
	.validation-info{
		font-size: 13px;
		padding: 0px;
	}
	.alert-wrapper {
		padding: 15px 11px;
	}
	.alert-wrapper .text-gray{
		font-size: 12px;
	}
	.amount-currency-show{
		height: 54px;
	}
	.amount-currency-num span:nth-child(1){
		font-size: 18px;
	}
	.amount-currency-num span{
		font-size: 15px;
	}
	.acc-data {
		justify-content: flex-start;
	}
	.transaction-inner-data{
		display: inline-grid;
		row-gap: 5px;
	}
	.transaction-history-head{
		row-gap: 11px;
	}
	.reset-information {
		color: #838383 !important;
		margin-top: 0px !important;
		font-size: 12px !important;
	}
	.acc-title h1 {
	    font-size: 24px;
    	line-height: 35px;
	}
	.inner-checkbox{
		align-items: center;
	}
	.inner-checkbox input{
		width: 31px;
		max-width: 19px;
		height: 19px;
	}
	.shape-lining{
		display: none;
	}
	.title-label{
		padding: 0px 0px;
	}
	.acc-title p br{
		display: none;
	}
	.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 !important;
	}
	.our-proposition{
		padding: 48px 0px;
	}
	.our-proposition-info p {
		font-size: 15px;
	}	
	.sec-title{
		font-size: 23px;
	}
	.read-more-content p {
		padding: 0px 32px !important;
	}
	.our-proposition-info {
		row-gap: 22px;
	}
	.features {
			padding: 50px 0px;
	}
	.feature-img img{
		width: 50px;
	}
	.feature-box {
		border-radius: 10px;
		padding: 19px;
	}
	.diverse-portfolio {
		padding-bottom: 0px;
	}
	.download-info{
		margin-top: 60px;
		padding: 20px 4px;
		height: auto;
	}
	.legal-information .container .row {
		row-gap: 14px;
	}
	section.steps-sec{
		padding: 58px 0px;
	}
	.steps-left .sec-title {
		text-align: left;
		margin-bottom: 35px;
	}
	.footer-box-content{
		display: flex;
		justify-content: flex-start;
		align-items: baseline;
		flex-direction: column;
	}
	.legal-information-content p {
		font-size: 15px;
	}
	span.step-text-right {
		padding-left: 16px;
	}
	.step-text-right p{
		font-size: 14px;
		line-height: 23.5px;
	}
	.step-text-right h3{
		font-size: 17px;
		font-weight: 600;
	}
	.legal-information {
		padding-bottom: 42px;
		padding: 47px 0px;
	}
	.legal-information-img{
		display: none;
	}
	.down-soft{
		display: block;
	}
	.start-earning {
		padding: 50px 0px;
	}
	.start-earning-data{
		row-gap: 20px;
	}
	.footer{
		padding-top: 0px;
	}
	.footer-box img {
		margin-bottom: 24px;
		width: 144px;
		
	}
	.footer-social-icon img{
		width: 24px;
	}
	.footer-social-icon {
		margin-top: 20px;
		column-gap: 27px;
	}
	.copy-right p{
		font-size: 15px;
	}
	.header .navbar-brand img{
		width: 128px;
	}
	.header .select-country{
		display: none;
	}
	.header .header-btn{
		padding-top: 22px;
		margin-top: 12px;
	}
	.header {
		padding: 9px 0px;
	}
	.footer-box {
		margin-top: 32px;
	}
	.acc-btn {
		width: 276px;
		margin-bottom: 5px;
	}
	.acc-button-info p{
		margin-top: 11px;
		margin-bottom: 6px;
		font-size: 14px;
	}
	.account-card-data {
		padding: 12px 0px;
	}
	.acc-card-shape span{
		font-size: 10px;
	}
	.acc-card-shape{
		width: 97px;
		height: 31px;
		top: 26px;
	}
	.account-card-title p {
		font-size: 12px;
	}
	.account-card-space .col-lg-6:nth-child(2) .acc-card-shape{
		width: 129px;
	}
	.account-card-space .col-lg-6:nth-child(1) .acc-card-shape {
		width: 119px;
	}
	.account-card-box{
		min-height: 386px;
	}
	.account-card-title h3 {
		text-align: center;
		font-size: 17px;
		font-weight: 600;
	}
	.custom-main-tabs{
	    display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		width: 100%;
		justify-content: unset;
		row-gap: 25px;
		margin-top: 41px;
	}
	.custom-tabs-head{
		margin-bottom: 29px !important;
		padding-bottom: 14px !important;
	}
	.authorization-details span{
		font-size: 15px;
	}
	.acc-setting-authorization{
		padding: 6px;
	}
	.custom-main-tabs .custom-list-dropdown{
		width: 37%;
	}
	.acc-amount-info h4{
		font-size: 29px;
	}
	.custom-main-tabs .btn-refresh-balance{
		width: 50%;
	}
	.account-list-details{
		margin-top: 17px;
	}
	.custom-tabs-button{
		column-gap: 2px;
	}
	.main-card-info {
		padding: 10px;
	}
	.custom-card-info{
		padding: 12px;
	}
	.deposit-wrapper-info {
		margin-top: 24px;
		padding: 0px 9px;
	}
	.custom-card-left {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		row-gap: 13px;
		column-gap: 8px;
	}
	.acc-card-btn .small-btn {
		padding: 8px 24px;
	}
	.acc-card-btn .small-btn-bg {
		padding: 9px 24px !important;
		font-size: 12px;
	}
	.custom-main-tabs .custom-list-dropdown {
		min-width: 125px;
	}
	.container {
		padding: 0px 9px;
	}
	.no-data-info{
		padding: 88px 0px;
	}
	.profile-kyc-info{
		display: block;
	}
	.announcement-info{
		width: auto;
	}
	.announcement-content{
		padding: 0px;
	}
	.announcement-btn{
		column-gap: 5px;
	}
	.announcement-content h3 {
		margin-top: 23px;
		margin-bottom: 4px;
		font-size: 22px;
	}
	.announcement-content .small-btn-bg,.small-btn{
		height: auto;
		padding: 7px 33px;
	}
	.invite-copy-link{
		width: 100%;
		height: 41px;
		font-size: 11px;
		padding: 0px 9px;
	}
	.invite-link{
		width: 100%;
	}
	.view-referrel-link .invite-link{
		border: none;
		padding: 0px;
	}
	.link-copy-btn button{
		background: transparent !important;
		padding: 0px;
	}
	button.copy-btn.user-btn {
		right: 40px;
	}
	.how-work-title h3{
		margin-top: 17px;
	}
	.work-content-data img{
	    max-width: 75px;
    	width: 100%;
	}
	.invite-friends-content{
		padding: 0px;
	}
	button.copy-btn{
		top: 12px;
		right: 6px;
	}
	.how-work-title h3 {
		font-size: 16px;
		font-style: normal;
	}
	.invite-friends-content h2 {
		font-size: 20px;
	}
	.work-content-data p {
		font-size: 14px;
		margin-top: 16px;
	}
	.account-list-modal .modal-content {
		padding: 14px;
	}
	.complete-now-btn{
		display: block;
	}
	.modal-body .small-btn-bg {
		width: auto;
		height: 41px;
		padding: 10px 24px;
	}
	.acc-modal-content h3 {
		font-size: 20px;
	}
	.acc-modal-content p {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.acc-modal-content p{
		font-size: 12px;
	}
	.acc-information-data {
		padding: 0px 0px;
		padding-bottom: 0px;
	}
	.incomplete-profile-alert{
		font-size: 14px;
	}
	.announcement-content .small-btn-bg, .small-btn {
		height: auto;
		padding: 7px 22px;
	}
	.profile-kyc-data{
		margin-top: 7px;
	}
	ul.dropdown-menu.account-dropdown.show{
		min-width: 100%;
	}
	.main-wrapper {
		padding: 21px 0px;
	}
	
	.main-dropdown i {
		font-size: 24px;
		margin-left: 3px;
	}
	.header-nav{
		column-gap: 0px;
	}
	.header-nav .select-country-btn span{
		display: none;
	}
	.profile-kyc-progress span {
		font-size: 13px;
	}
	.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: 16px;
	}
	.sec-title h4 br{
		display: none;
	}
	.navbar-toggler:focus{
		box-shadow: none;
	}
	.doc-verify-identify h4{
		font-size: 16px;
		line-height: 26px;
	}
	.alert-wrapper a{
		font-size: 14px;
	}
	.account-dropdown{
		width: 286px;
	}
	ul.dropdown-menu.account-dropdown.show{
		padding: 12px;
		margin-top: 33px !important;
		left: -77px;
	}
	.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;
	}

	.processing-icon{
		width: 124px;
		height: 125px;
	}
	.setting-tabs-head{
		padding: 11px 0px;
	}
	.deposit-list-details .account-list-box {
		padding: 13px 10px;
	}
	.deposit-list-details .small-btn-bg {
		margin-top: 18px;
	}
	.account-card-button{
		opacity: 1;
	}
	.identity-radio-label{
		font-size: 13px;
		padding:13px 8px ;
	}
	.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;
	}
	.setting-verification-data .verify-icon {
		width: 200px;
	}
	.checkbox-form-group label{
		font-size: 14px;
	}
	.acc-informatio-left{
		width: 47%;
	}
	.profile-kyc-bar .small-btn {
		padding: 7px 25px !important;
	}
	.small-btn-bg{
		padding: 9px 26px;
		font-size: 14px;
	}
	.small-btn{
		padding: 9px 26px;
		font-size: 14px;
	}
	.kyc-header-icon{
		margin-right: 10px;
	}
	.main-acc-bg{
		padding: 0px;
	}
	.hero-text img {
		position: absolute;
		left: 12px;
		bottom: -8px;
		max-width: 114px;
	}
	.download-info .sec-title{
		font-size: 26px;
	}
	.down-btn{
		margin-bottom: 16px;
		justify-content: center;
	}
	.account-inner-tabs .custom-tabs-head {
		margin-bottom: 5px !important;
		border: none;
	}
	.profile-register-info h2 {
		font-size: 16px;
	}
	.profile-register-info span{
		font-size: 13px;
	}
	.work-content-box{
		display: block;
	}
	.invite-ib-info .work-content-data {
		width: 100%;
		margin-bottom: 11px;
	}
	.authorization-change-btn{
		margin-top: 0px;
	}
}
@media (max-width:400px){
	.feature-box{
		display: block;
	}
	.account-card-space .col-lg-6:nth-child(1) .acc-card-shape {
		width: 102px;
	}
	.num-text-border {
		left: 69%;
		top: -45px;
	}
	.feature-img{
		margin-bottom: 15px;
	}
	.custom-data-tabs .nav-tabs .setting-inner-item{
		font-size: 17px;
	}
	.features-data-info .row {
		row-gap: 20px;
	}
	.hero-content h1 {
		font-size: 24px;
	}
	.hero {
		height: auto;
		padding: 38px 0px;
		padding-bottom: 0px !important;
	}
	.features-data-info {
		margin-top: 60px;
	}
	.hero-content h1 span {
		font-size: 20px;
	}
	.summary-chart .nav-tabs{
		display: block;

	}
	.deposit-title-name h5 {
		font-size: 15px;
	}
}