/*common css*/
.overall-bg {
	background: url("../images/overall-sec-bg.png" ) no-repeat scroll center #010038;
	background-size: cover;
}

.w-\[640px\] {
	width: 640px;
	margin:0 auto;
}


.section-overflow {
	overflow: hidden !important;
	height: 70vh;
	
}
.dash-wrap {
	height: 79vh;
	overflow: hidden;
	overflow-y: scroll;
	position: relative;
	z-index: 9;
	-webkit-overflow-scrolling: touch;
	pointer-events: auto;
	scrollbar-width: thin;
	scrollbar-color: #27c8f6 #ddd;
}
.account-wrap {
	padding-bottom: 30px;
	height: 79vh;
}
body {
	background: #fff;
}
a:hover {
	color: #fff000;
}
.box {
	-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.16);
	-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.16);
	box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.16);
}
.box2 {
	-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.2);
	box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.2);
}
.z-in1 {
	z-index: 1;
}
.z-in2 {
	z-index: 2;
}
.z-in3 {
	z-index: 3;
}
.text-gray {
	color: #7c7a7a;
}

/* fonts */

.aleo{
	font-family: "Aleo";
}
.lato{
	
	font-family: "Lato";

}

/**********************************error indicator start **********************************/

.input-msg {
	background: rgba(255,255,255,0.1);
	border-radius: 10px;
	padding: 10px 13px;
	display: flex;
	align-items: center;
	max-width: 500px;
	margin: 10px auto;
}
.success-msg {
	border: 2px solid #39e862;
}
.error-msg {
	border: 2px solid #e21e51;
}
.input-msg:hover{
	background: rgba(255,255,255,0.2);
}
.success-msg:hover {
	border: 2px solid #21e24e;
}
.error-msg:hover {
	border: 2px solid #eb114b;
}
/**********************************error indicator end **********************************/

/**********************************Header **********************************/

.bg-grade1 {
	background: rgb(1,0,56);
	background: linear-gradient(153deg, rgb(1, 0, 56) 27%, rgb(253, 252, 251) 58%);
}
.navbar-head h4 {
	display: none;
}
.back-arrow iconify-icon {
	color: #fff;
}

.back-arrow iconify-icon {
	font-size: 26px;
	margin-top: 5px;
}

.common-icon a iconify-icon{
	color: #fff;
	font-size: 20px;
}
.header-icon {
	/* background: rgb(8,73,123); */
	background: linear-gradient(153deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
	border-radius: 50%;
	width: 34px;
	height: 34px;
	text-align: center;
	padding: 6px 0px;
}
.header-icon:hover {
	background: rgb(8,73,123);
	background: linear-gradient(0deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
}
.back-arrow iconify-icon:hover {
	color: #27c8f6;
}

.title-top h2 {
	margin-top: -8px;
}
.title h2 {
	text-transform: capitalize;
}

/**********************************Header end **********************************/


/**********************************1 & 2 regsiter and login banner start **********************************/

.banner-content {
	margin-top: 114px;
}
.added-banner-images  li{
	position: absolute;	
	left: 0px;
	right: 0px;
}
.added-banner-images li img {
	width: 100%;
}
.added-banner-images li:last-child {
	top: 190px;
}
.added-banner-images li:nth-child(2) {
	top: 66px;
}
.added-banner-images li:nth-child(3) {
	top: 60px;
}
.added-number {
	position: absolute;
	left: -30px;
	right: 80px;
	text-align: center;
	top: 82px;
}
.banner-img {
	position: relative;
	left: -13px;
}


/* form-pages */
.form-page h1 {
	font-size: 45px;
}
.form-ico {
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
}
.form-block span {
	background: #16164b;
	font-size: 17px;
	padding: 0px 11px;
	position: absolute;
	top: -11px;
	left: 34px;
	color: #fff;
	z-index: 1;
	font-weight: 700;
}
.form-page {
	background: #16164b;
	border-radius: 20px;
	padding: 20px;
}
.form-block {
	margin-top: 30px;
}
.form-control::placeholder {
	color: rgba(255,255,255,0.5);
}
.form-ico iconify-icon {
	color: #fff;
	font-size: 29px;
}

a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #ea4041;
}
.cpy-rights a {
	color: #000;
}
.cpy-rights a:hover {
	color: #ea4041;
}

.no-account a {
	color: #000;
}
.no-account a:hover {
	color: #ea4041;
}



/**********************************register banner end **********************************/

/********************************** 3 dashboard start **********************************/

.dash-bg {
	background: rgb(1,0,56);
	background: linear-gradient(153deg, rgb(1, 0, 56) 27%, rgb(253, 252, 251) 58%);
}
.news-ico iconify-icon {
	font-size: 20px;
	color: #fff;
}
.news-ico {
	border-radius: 6px;
	background: rgb(8,73,123);
	background: linear-gradient(153deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
	padding: 1px 7px;
}
.dash-heading {
	background: rgba(124,123,149,0.7);
	border-radius: 10px;
	padding: 7px 9px;
}

.dash-banner {
	background: url("../images/dash-banner-bg.png") no-repeat scroll center;
	width: 100%;
	height: 213px;
	padding: 10px 20px;
	background-size: cover;
}
.dash-banner-content h5 {
	font-size: 18px;
}
.main-name {
	background: rgba(5,100,174,0.5);
	display: inline-block;
	padding: 10px 5px;
}
.main-name:hover {
	background: rgba(5,100,174,0.6);
}
.user-name h5 {
	font-size: 19px;
}
.stastic-icon {
	background: #141346;
	display: inline-block;
	border-radius: 50%;
	padding: 10px 10px;
	border: 2px dashed #27c8f6;
}
.stastic-icon:hover {
	background: rgb(8,73,123);
	background: linear-gradient(153deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
	border: 2px solid #27c8f6;
}
.static-content h6 {
	font-size: 12px;
}


.statistic-link li {
	text-align: center;
	display: inline-block;
	margin: 0px 33px;
}
.statistic-link {
	background: url("../images/statistics-bg.png") no-repeat scroll center;
	width: 100%;
	height: 176px;
	padding: 33px 3px;
	text-align: center;
	background-size: cover;
}



.trade-value-content h6 , small{
	font-size: 15px;
}

/* 
trade */
.trade-scroller {
	overflow: auto;
	white-space: nowrap;
	scrollbar-color: #0090ff rgba(255,255,255,0.7);
	margin-top: 0px;
	overflow-x: hidden;
}
.trading li {
	cursor: pointer;
	width: 167px;
	height: 146px;
	margin: 33px 14px;
	display: inline-block;
	padding: 13px 10px;
}
.trading li:nth-child(odd) {
	background: url("../images/trade-bg1.png" ) no-repeat scroll center;
}
.trading li:nth-child(even) {
	background: url("../images/trade-bg2.png" ) no-repeat scroll center;
}

.earn-content span {

	border-radius: 20px;
	padding: 0px 4px;
}
.earn-content-one span{
	background: rgba(5, 87, 143,0.3);
}
.added-earning small{
	font-size: 11px;
	color: rgba(255, 255, 255, 0.7);
}
.trading {
	background: url("../images/trading-bg.png") no-repeat scroll center;
	width: 100%;
	height: auto;
	padding: 0px 10px;
	margin: 0 auto;
	background-size: cover;
}
/* profit */

.profit {
    background: url("../images/profit-bg.png") no-repeat scroll center;
    background-size: cover; /* Ensure the background image covers the element */
    border-radius: 10px;
    width: 100%;
    height: 133px;
    padding: 10px 0;
    position: relative; /* Set position relative for child elements like overlay */
    transition: background 0.5s ease; /* Smooth transition for background change */
}

.profit:hover {
    background: url("../images/profit-bg-hover.png") no-repeat scroll center;
    background-size: cover;
}


/* balance */
.balance h6 {
	margin-top: -31px;
}
.balance {
	background: #0a093e;
	padding: 26px 9px;
	border-radius: 20px;
}
.bal-ico {
	background: rgb(8,73,123);
	background: linear-gradient(31deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
	display: inline-block;
	border-radius: 50%;
	padding: 9px 9px;
	position: relative;
	top: -51px;
}
.bal-ico:hover {
	background: rgb(8,73,123);
	background: linear-gradient(180deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
}
.added-balance {
	background: #fff;
	border-radius: 20px;
	padding-left: 5px;
	position: relative;
	padding-top: 5px;
}

/* table */

.table-bg {
	background: url("../images/table-bg.png" ) no-repeat scroll center;
	width: 100%;
	height: 315px;
	padding-top: 11px;
	background-size: cover;
}
.dash-trans .head_trans h4{
	font-size: 18px;
}
tbody tr:hover {
	background: rgba(255,255,255,0.2);
}


/* footer */
.footer-link li {
	display: inline-block;
	margin: 0px 36px;
	position: relative;
}
.footer-link-list li iconify-icon {
	font-size: 25px;
}
.footer-link-list li a {
	color: #fff;
}
.footer-link-list li a:hover {
	color: #07d9ff;
}
.footer {
	background: rgb(8,73,123);
	background: linear-gradient(153deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%) no-repeat;
	border-top: 7px solid #0a093e;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1000;
	bottom: 0px;
	height: 80px;
	width: 640px;
	margin: 0 auto;
}
.footer-link-list li a h6 {
	font-size: 11px;
}
.footer-link-list li:hover::before {
	position: absolute;
	content: "";
	top: -23px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	width: 100%;
	height: 5px;
	border-top: 7px solid #07d9ff;
	border-radius: 5px;
}
.added-dash-bg {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 76px;
}
/**********************************dashboard end **********************************/




/**********************************4 QUANTIFY-record**********************************/
.trade-record {
	margin: 20px 30px;
	background: rgba(255,255,255,0.1);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.record-sub-heading iconify-icon {
	font-size: 24px;
}
.record-sub-heading {
	padding: 15px 16px;
	background: rgb(8,73,123);
	background: linear-gradient(31deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.trade-record-content {
	align-items: center;
	justify-content: space-evenly;

}

.trade-record-list li {
	color: #fff;
	margin: 11px 29px;
	font-size: 14px;
	font-weight: 600;
}
.trade-record-list-two li {
	margin: 6px 29px;
}
.record-sub-heading h3 {
	font-size: 20px;
	font-family: "aleo";
	margin-bottom: 0px !important;
}
.trade-record-list-two li:first-child {
	background: rgba(5, 87, 143, 0.5);
	border-radius: 20px;
	padding: 0px 9px;
	display: inline-block;
}
.trade-record-list-two li:nth-child(3) {
	background: rgb(0, 227, 122,0.3);
	border-radius: 20px;
	padding: 0px 9px;
	display: inline-block;
}

/**********************************4 QUANTIFY-record end*********************************/


/************************ trade start **********************************/

.trade-sec-header {
	background: rgba(255,255,255,0.2);
	padding: 14px 9px;
	border-top-right-radius: 20px;

	text-align: center;
	margin: 0 auto;
	border: 2px solid rgba(255,255,255,0.5);
	border-bottom-left-radius: 20px;
}
.static {
	background: #121212;
	padding: 10px 0px;
	border-radius: 10px;
}
.trade-sec-list-one li {
	display: inline-block;
	margin: 0px 29px;
}
.trade-menu li {
	display: inline-block;
	margin: 0px 16px;
}
.static li iconify-icon {
	color: #FFF;
	font-size: 30px;
	text-align: center;
	margin: 0 auto;
	background: transparent;
	border-radius: 50%;
	border: 2px solid #fff;
	padding: 10px 10px;
	width: 55px;
	height: 55px;
	text-align: center;
	margin: 0 auto;
	/* align-content: center; */
	align-items: center;
	color: rgb(255, 173, 0);
}
.static li iconify-icon:hover {
	color: #fff;
}
.trade-content h6 iconify-icon {
	font-size: 19px;
	color: #04e7ff;
}
.trade-menu-link {
	padding: 27px 3px;
	text-align: center;
}
.trade-menu-link li {
	text-align: center;
	display: inline-block;
	margin: 0px 50px;
}
.trade-menu-icon {
	background: #141346;
	display: inline-block;
	border-radius: 50%;
	padding: 15px 15px;
	border: 2px dashed #27c8f6;
}
.trade-menu-content h6 {
	font-size: 15px;
}
.trade-menu-icon:hover {
	background: rgb(8,73,123);
	background: linear-gradient(153deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
	border: 2px solid #27c8f6;
}
.trade-menu-icon iconify-icon {
	color: #fff;
	font-size: 34px;
}
.trade-value-title {
	background: rgb(8,73,123);
	background: linear-gradient(153deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
}
.trade-sec-list li small {
	font-size: 13px;
}
.trade-sec-list li h5 {
	font-size: 16px;
}

.trade-sec-list-two li {
	display: inline-block;
	margin: 0px 30px;
}
.trade-added-value {
	background: rgba(255,255,255,0.1);
	padding: 25px 0px;
}
.trade-value-time {
	background: rgb(8,73,123);
	background: linear-gradient(153deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
}
.trade-time-content li {
	margin: 13px 1px;
}
.operation-content p {
	font-size: 14px;
}
.trade-button .btn-outline-primary{
padding: 10px 28px;
font-size: 17px;
}
.trade-button .btn-outline-primary iconify-icon{
	
	font-size: 20px;
	}

	.trade-sec-header .trade {
		justify-content: center;
	}
/************************ trade end **********************************/

/************************ Assets start **********************************/

.total-income {
	justify-content: space-between;
	padding: 12px 15px;
	/* border-radius: 10px; */
	background: rgba(255,255,255,0.4);
	border-top: 3px solid #07c8ed;
}
.asset-list {
	background: rgba(0,69,110,0.6);
	padding: 26px 0px;
}
.asset-list li {
	display: inline-block;
	margin: 0px 34px;
}
.asset-list li iconify-icon {
	font-size: 25px;
	color: #fff;
}
.ref-copy iconify-icon {
	font-size: 22px;
	color: #fff;
}
.ref-copy {
	background: rgb(5,104,181);
	background: linear-gradient(180deg, rgba(5,104,181,1) 0%, rgba(7,217,255,1) 48%);
	border-radius: 50%;
	text-align: center;
	width: 37px;
	height: 37px;
	padding: 8px 0px;
}
.ref-copy:hover {
	background: rgb(5,104,181);
	background: linear-gradient(0deg, rgba(5,104,181,1) 0%, rgba(7,217,255,1) 48%);
}
.menu-list-arrow iconify-icon {
	font-size: 20px;
	padding-top: 9px;
}
.asset-icon {
	background: rgb(5,104,181);
	background: linear-gradient(180deg, rgba(5,104,181,1) 0%, rgba(7,217,255,1) 48%);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 11px 0px;
	border: 3px solid #00508a;
}
.asset-icon-bg {
	border-radius: 50%;
	border: 2px dashed #2a78b7;
	width: 58px;
	height: 58px;
	text-align: center;
	padding: 2px 2px;
}
.asset-icon-bg1 {
	border-radius: 50%;
	border: 3px solid #013871;
	width: 70px;
	height: 70px;
	text-align: center;
	padding: 3px 3px;
}

	.asset-trans .head_trans {
		background: rgb(5,106,182);
		background: linear-gradient(180deg, rgb(5, 106, 182) 16%, rgb(7, 217, 255) 97%);
	}


.asset-trans {
	background: url("../images/asset-tabel-bg.png" ) no-repeat scroll center;
	background-size: cover;
}
.asset-trans-right small {
	background: rgba(21,182,222,0.3);
	border-radius: 30px;
	padding: 1px 10px;
}
.asset-trans tbody tr:not(:last-child) {
	border-bottom: 2px solid #20c2ea;
}
.asset-trans-content {
	padding: 10px 20px;
}
.asset-icon-bg1:hover .asset-icon {
	background: rgb(5,104,181);
	background: linear-gradient(0deg, rgba(5,104,181,1) 0%, rgba(7,217,255,1) 48%);
}
.asset-icon-bg1:hover .asset-icon-bg {
border: 2px solid #2a78b7;
}
/************************ Assets end **********************************/



/************************ quadify start **********************************/

.search-container {
	max-width: 400px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Wrapper around the input and icon */
.search-box-wrapper {
	position: relative;
	width: 100%;
}

/* Input Field */
.search-box {
	width: 100%;
	padding: 12px 40px 12px 12px;
	font-size: 16px;
	border: 2px solid #008fff;
	border-radius: 5px;
	outline: none;
	transition: border-color 0.3s ease;
	margin: 24px 0;
	background: transparent;
	color: #fff;
}

#search::placeholder {
	color: #fff;
}

/* Search Button */
.search-btn {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	/* Vertically center the icon */
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 18px;
	color: #aaa;
	transition: color 0.3s ease;
}

/* Button Hover Effect */
.search-btn:hover {
	color: #4CAF50;
}

/* Button Focus Style */
.search-btn:focus {
	outline: none;
}



.partner-main {
	margin-bottom: 82px;
	margin-top: 20px;
}

.partner-list .process span {
	padding: 0px 16px;
	color: #fff;
	font-weight: 800;
}

.star-points:hover {
	background: rgb(157, 36, 8);
	background: linear-gradient(0deg, rgba(157, 36, 8, 1) 0%, rgba(122, 15, 0, 1) 48%);
}

.partner-sec-list h5 span {
	font-size: 12px;
	font-weight: 400;
}

.partner-tab-sec {
	background: #f3b382;
	border: 1px solid #e16b47;
	border-radius: 20px;
	padding: 20px 10px;
	margin: 15px 5px;
}

.star-points h5 {
	font-size: 15px;
}

.star-value h5 {
	font-size: 16px;

}
.trade-content .tick-icon iconify-icon {
	color: #ea4041;
}
.trade-icon iconify-icon {
	font-size: 22px;
	margin-right: 5px;
	color: #00c6ff;
	background: #fff;
}

.quantify-history li {
	margin: 10px 10px;
}
.quantify-history-left li {
	color: rgba(255,255,255,0.7);

}
.quantify-history-right li {
	color: rgba(255,255,255,1);

}
/************************ Leader-ship Start **********************************/


.leader-tit {
	position: relative;
	z-index: 1;
	margin: 22px 0;
	padding: 10px 32px;
}


.leader-tit h1 {
	text-shadow: 2px 5px 4px rgb(255, 0, 0);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
}


.team-tab #pills-tab {
	background: #0563ac;
	border-radius: 10px;
	border: 2px solid #074e85;
	justify-content: space-between;
	align-items: center;
}


.team-tab #pills-tab button {
	border-radius: 7px;
	padding: 8px 65px;
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
}

.team-tab .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: var(--bs-nav-pills-link-active-color);
	background-color: #0a093e;
	color: #ff5903 !important;
	font-size: 17px;
	font-weight: 900;
	text-align: center;
	border: 2px solid aliceblue;
}
.trans-table table tbody tr td iconify-icon {
	font-size: 25px;
}

.trans-table table tbody tr td {
	padding: 10px 25px;
}

.trans-table {
	background: #fff6e8;
	border-radius: 10px;
	margin: 25px 0;
	border: 2px solid #ffec0d;
}

.trans-table table tbody tr {
	color: #ff9b01;
	font-size: 16px;
	font-weight: 700;
}

.trans-table table tbody tr:hover {
	background: #ff9b01;
	color: #fff;
}
.trade-using-coin .btc-ico {

	margin-right: 5px;
}
.quantify-inner-box {
	background: rgb(8,73,123);
	background: linear-gradient(0deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
	padding: 6px 5px;
}
.qunatify-inner-sec {
	background: rgba(255,255,255,0.1);
}
.quantify-inner-box-right h6 {
	background: rgb(0, 227, 122,0.3);
	border-radius: 20px;
	padding: 2px 7px;
}
.quantify-header {
	background: rgba(255,255,255,0.2);
	padding: 14px 9px;
	border-top-right-radius: 20px;
	text-align: center;
	margin: 0 auto;
	border: 2px solid rgba(255,255,255,0.5);
	border-bottom-left-radius: 20px;
}
/************************ quadify end **********************************/

/************************ profile start **********************************/

.menu_admin li {
	background-color: rgba(255,255,255,0.1);
	border-radius: 10px;
	padding: 10px 10px;
	border-bottom: 1px solid rgba(0, 143, 255,0.5);
	font-size: 14px;
}
.menu_admin li a {
	color: #fff;
	font-family: "aleo";
}
.earning .earn-icon {
	font-size: 27px;
}
.main-profile iconify-icon {
	font-size: 40px;
	color: rgb(255, 230, 230);
	padding: 10px;
	border-radius: 50%;
	background: rgb(8,73,123);
	background: linear-gradient(0deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
	background: rgb(5,104,181);
	background: linear-gradient(0deg, rgba(5,104,181,1) 0%, rgba(7,217,255,1) 48%);
}
.menu-profile {
	background: rgb(8,73,123);
	background: linear-gradient(31deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
	border-radius: 10px;
	padding: 10px 10px;
}

/************************ profile end **********************************/


/************************ referral start **********************************/

.ref-form {
	justify-content: space-between;
	border-bottom: 1px solid rgb(7, 217, 255);
	padding: 12px 15px;
	border-radius: 10px;
}
.ref-form-list {
	background-color: rgba(255,255,255,0.2);
	border-radius: 10px;
}
.ref-sec-copy {
	background: rgb(5,104,181);
	background: linear-gradient(180deg, rgba(5,104,181,1) 0%, rgba(7,217,255,1) 48%);
	border-radius: 50%;
	text-align: center;
	width: 37px;
	height: 37px;
	padding: 8px 0px;
}
.ref-sec-copy:hover {
	background: rgb(5,104,181);
	background: linear-gradient(0deg, rgba(5,104,181,1) 0%, rgba(7,217,255,1) 48%);
}
/************************ referral end **********************************/


/************************ my team start **********************************/ 


.team-list {
	/* background: #121212; */
	padding: 16px 18px;
	border-radius: 10px;
	border: 2px solid #093557;
	/* background: rgb(8,73,123); */
	background: linear-gradient(31deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
}
.team-list:hover {
	border: 2px solid #08538c;
	background: rgb(8,73,123);
	background: linear-gradient(180deg, rgba(8,73,123,1) 0%, rgba(5,104,181,1) 48%);
}
.faq_accordian .accordion-toggle {
	margin-bottom: 14px;
	cursor: pointer;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 100%;
	font-weight: 600;
	padding: 20px 46px 20px 17px;
	border-radius: 0px;
	background: url(../images/accordian_arrow_up.png) no-repeat center right 20px,rgb(22, 22, 75);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cfd0f6', endColorstr='#95abe2', GradientType=1 );
}
.faq_accordian .accordion-toggle.active {
	color: #ffffff;
	background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, rgba(22, 22, 75,0.8);
}

.team-profit-content {
	background: rgba(255,255,255,0.2);
	padding: 14px 9px;
	border-top-right-radius: 20px;
	text-align: center;
	margin: 17px auto;
	border: 2px solid rgba(255,255,255,0.5);
	border-bottom-left-radius: 20px;
}.team-profit-content h5 {
	text-align: start !important;
}
.team-list h4 {
	font-size: 35px;
}
.accordion-display-content {
	background: rgba(255,255,255,0.2);
	padding: 14px 9px;
	border-top-right-radius: 20px;
	border: 2px solid rgba(255,255,255,0.5);
	border-bottom-left-radius: 20px;
	margin-left: 31px;
	margin-bottom: 10px;
}

/************************ my team end **********************************/ 


/************************ form start **********************************/ 

.form-arrow {
	background: url(../images/accordian_arrow_down.png) center right 10px no-repeat, transparent;
	border: 2px solid #fff;
}
.form-icos {
	position: absolute;
	top: 41px;
	bottom: 0;
	margin: auto;
	text-align: center;
	width: 38px;
	height: 38px;
	padding: 4px 0px;
	background: rgb(5,104,181);
	background: linear-gradient(180deg, rgba(5,104,181,1) 0%, rgba(7,217,255,1) 48%);
	font-size: 25px;
	right: 8px;
	top: 0px;
}
.form-control option {
	background: #16164b;
}

/************************ form end **********************************/ 

/************************ animation **********************************/


.masked {
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 45%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
	mask-repeat: no-repeat;
	animation: mask 6s linear infinite;
}


@keyframes mask {
	0% {
		mask-size: 0% 70%;
	}

	20% {
		mask-size: 20% 100%;
	}

	30% {
		mask-size: 30% 100%;
	}

	40% {
		mask-size: 40% 100%;
	}

	60% {
		mask-size: 60% 100%;
	}

	80% {
		mask-size: 80% 100%;
	}

	100% {
		mask-size: 100% 100%;
	}
}


.spinner {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1.2s;
	-webkit-animation-name: rotate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-transition-property: -moz-transform;
	-moz-animation-name: rotate;
	-moz-animation-duration: 1.2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	transition-property: transform;
	animation-name: rotate;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes rotate {


	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes play {
	from {
		background-position: 0px;
	}

	to {
		background-position: -1024px;
	}
}

@keyframes marquee {
	0% {
		background-position: 0;
	}

	100% {
		background-position: -1190px;
	}
}


.typewriter h1 {
	color: #fff;
	/* overflow: inherit; */
	white-space: break-spaces;
	margin: 0 auto;
	letter-spacing: 0px;
	animation: typing 3.5s, blink-caret .5s step-end alternate;
}



@keyframes blink-caret {

	from,
	to {
		border-color: transparent
	}

}



/********************************** Responsive **********************************/

@media only screen and (max-width:991px) {
	.trade-scroller {

		margin-top: 0px;

	}

}

@media only screen and (max-width:640px) {
	.w-\[640px\] {
		width: 100%;
	
	}
.footer {

	width: 100%;

}

.added-dash-bg img {
	width: 100%;
}
.statistic-link li {

	margin: 0px 25px;
}
.banner-img img {
	width: 80%;
}
table thead tr th {

	padding: 0px 56px;
}
.trade-record {
	margin: 20px 0px;
	
}
.trading li {
	margin: 33px 33px;
	
}
.trade-menu-link li {
	margin: 0px 38px;
}

.footer-link li {
	margin: 0px 28px;

}
.team-tab #pills-tab button {

	padding: 8px 60px;
	

	
}
}

@media only screen and (max-width:575px) {

.trading li {
	margin: 33px 47px;
}
}

@media only screen and (max-width:420px) {


	.banner-img {
		position: relative;
		left: -29px;
	}
	.statistic-link li {
		margin: 0px 10px;
	}
	.trade-scroller {
		margin-top: -16px;
	}
	table thead tr th {
		padding: 0px 35px;
	}
	.footer-link li {
	    margin: 0px 17px;
	}
	.banner-img img {
		width: 90%;
	}
	.trading {

		border-radius: 20px;
	}
	.trading li {
		margin: 33px 10px;
	}

	.trade-sec-header .trade {
		justify-content: start;
	}
	.trade-menu-link li {
		margin: 0px 23px;
	}
	.trade-sec-list-one li {
	
		margin: 0px 10px;
	}
	.team-list h4 {
		font-size: 28px;
	}
	.trade-sec-list-two li {
	
		margin: 0px 10px;
	}
	.asset-trans-content {
		padding: 10px 10px;
	}
	.asset-list li {

		margin: 0px 25px;
	}
	.total-income-content-value h2 {
		font-size: 28px;
	}
	.total-income-content h5 {
		font-size: 18px;
	}
	.team-tab #pills-tab button {
		padding: 8px 42px;
	}
	.trade-icon h5 {
		font-weight: 600;
		font-size: 17px;
	}
	.title h2 {
		font-size: 28px;
	}


	/* error-indicator */

	.input-msg p {
		font-size: 12px;
		font-weight: 300 !important;
	}
	.input-msg {
	
		padding: 9px 4px;
	
	}
	/* error-indicator */
}

 @media only screen and (max-width:390px) {

	.banner-img {
		
		left: 0px;
	}
	.form-page h1 {
		font-size: 35px;
	}
	.added-banner-images li {
	
		margin-top: 10px;
	}
	.form-block span {
	
		font-size: 15px;
	
	}
	.statistic-link li {
	
		margin: 0px 6px;
	}
	.trading {
		padding: 16px 7px;
		border-radius: 20px;
	}
	.trading li {
		margin: 21px 3px;
	}
	.footer-link li {
		margin: 0px 15px;
	
	}
	.dash-banner {
		border-radius: 10px;
	}
	.statistic-link {
	
		border-radius: 25px;
	}
	table thead tr th {
	
		padding: 0px 23px;
	}
	.trade-menu-link li {

		margin: 0px 19px;
	}
	
	.trade-sec-list-one li {
		
		margin: 0px 7px;
	}
	.trade-sec-list-two li {
		
		margin: 0px 7px;
	}
	.banner-img img {
		width: 100%;
	}
	.asset-list li {
		margin: 0px 20px;
	}

	.team-tab #pills-tab button {
	
		font-size: 16px;
		padding: 8px 28px;

	}
}
 @media only screen and (max-width: 360px) {
	.statistic-link li {
		margin: 0px 4px;
	}
	.trading li {
		margin: 22px 0px;
		width: 49%;
	}
	.trading {
		padding: 16px 2px;
	}
	.table-bg {
		background: #0a093e;
		border-radius: 10px;
	}
	.footer-link li {
		margin: 0px 12px;
	}
	.trade-record-list li {
	
		font-size: 13px;

	}
	.trade-sec-list-one li {
		margin: 0px 5px;
	}
	.trade-sec-list-two li {
		margin: 0px 5px;
	}
	.trade-sec-list li h5 {
		font-size: 14px;
	}
	.trade-sec-list li small {
		font-size: 12px;
	}
	.trade-menu-link li {
		margin: 0px 15px;
	}
	.asset-trans-content {
		padding: 10px 3px;
	}
	.asset-list li {
		margin: 0px 15px;
	}
	.quan {
		display: block !important;
	}
	.trade-sts .trade-content {
		margin-bottom: 12px;
	}
	
	.repeat-icon {
		justify-content: center;
		margin-top: 10px;
	}
	.quantify-header {
		display: block !important;
	}

	/* error-indicator */

	.input-msg p {
		font-size: 11px;
		font-weight: 300 !important;
	}
}
