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


/*Header start*/
body {
	background: #1a1a1e;
	overflow:hidden;

}
.reg-overflow {
	overflow: hidden;
}

@font-face {
    font-family: 'Clarendon';
    src: url('../fonts/ClarendonBT-Black.woff2') format('woff2'),
        url('../fonts/ClarendonBT-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
.clarendo{
	font-family: 'Clarendon';
}

.box2 {
	-webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
}
.z-in1 {
	z-index: 1;
}
.z-in2 {
	z-index: 2;
}
.z-in3 {
	z-index: 3;
}
.text-gray {
	color: #7c7a7a;
}
.overflow-auto {
	overflow: auto;
}
.owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #fff;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
}

.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: linear-gradient(90deg, rgba(238,161,6,1) 0%, rgba(228,93,7,1) 100%);
	width: 39px;
}

.acct-list .owl-dots {
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 2px;
	margin: 0 auto;
}
/**********************************banner **********************************/
.content-wrap {
	height: 485px;
	padding: 10px;
	overflow: hidden;
	overflow-y: scroll;
	position: relative;
	z-index: 9;
	-webkit-overflow-scrolling: touch;
	pointer-events: auto;
}
.content-wrap {
	scrollbar-width: thin;
	scrollbar-color: rgb(255, 173, 0) #ddd;

}
.py-1.banner-bg {
	background: url("../images/bg-2.png") no-repeat scroll center;
	background-size: cover;
}
.rules p iconify-icon {
	margin: 0px 4px;
}
.heder-arrow {
	margin: 15px 17px;
}
.copy-rights {
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	top: 10px;
}
.title {
	padding: 0px 15px;
}
.reg-page {
	background: rgba(19, 19, 19, 1);
	padding: 0px 25px;
	border-radius: 20px;
	border: 1px solid #dd9600;
}
.scroller {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	max-height: 445px;
	/* overflow: hidden; */
	margin-top: 40px;
}
.login-scroller{

	margin-top: 20px;	
}
.plan-price span {
	font-size: 52px;
	color: #3b2f13;
}
.plan-price h3 {
	color: #211e17;
}
.plan-price {
	line-height: 51px;
}
.plan-view {
	background: linear-gradient(#221b0b, #463817);
	width: 170px;
	height: 170px;
	border: #f6d081 4px solid;
	padding: 26px;
	margin: 0 auto;
}


.copy-rights a{
color: #fff;
}
.form-button {
	margin: 0 auto;
	text-align: center;

	padding: 10px 0px;
}
.page-link a {
	color: #fff;
}
.page-link a:hover {
	color: rgb(255, 173, 0);
}
.copy-rights a:hover{
	color: rgb(255, 173, 0);
	}
	.register {
		margin-top: 50px;
	}
	.form-button .btn-primary {
		border-radius: 50%;
		width: 73px;
		height: 70px;
		margin: 0 auto;
		text-align: center;
		padding: 16px 0px;
	}
	.form-button iconify-icon {
		font-size: 35px;
	}
	.form-btn-bg {
		background: #fff;
		border-radius: 50%;
		width: 90px;
		height: 90px;
		/* text-align: center; */
		top: 30px;
		margin: 0 auto;
	}
	.news-content marquee {
		font-size: 14px;
	}
/**********************************banner-end **********************************/

/********************************** Login page start **********************************/
.form-arrow {
	background: url(../images/lan-arrow.png) center right 10px no-repeat, #e6e6e6;
	border: 2px solid #6e6e6e;
}


.form-ico {
	position: absolute;
	content: "";
	bottom: 16px;
	right: 20px;
	background: -webkit-linear-gradient(#fae0a8, #f2c465);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.news {
	background: #fff;
	border-radius: 5px;
	padding: 7px 5px;
}

/********************************** Login page end *********************************


/********************************** Dashboard start**********************************/

.header-icons iconify-icon {
	color: #fff;
	font-size: 22px;
}
.dash-wrap {
	height: 559px;
	padding: 10px;
	overflow: hidden;
	overflow-y: scroll;
	position: relative;
	z-index: 9;
	-webkit-overflow-scrolling: touch;
	pointer-events: auto;
	scrollbar-width: thin;
	scrollbar-color: rgb(255, 173, 0) #ddd;
}

.header-icons iconify-icon:hover {
	color: rgb(255, 173, 0);

}
.slider-image img {
	margin: 0 auto;
}
.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: 0px 9px;
	width: 55px;
	height: 55px;
	text-align: center;
	margin: 0 auto;
	align-content: center;
	align-items: center;
	color: rgb(255, 173, 0);
}
.static li {
	display: inline-block;
	margin: 0px 20px;
}
.static li iconify-icon:hover {
	border: 2px solid rgb(255, 173, 0);
}
.static li iconify-icon:hover {
	color: #fff;
}
.earn-content span {
	font-size: 12px;
}
.earn-content p {
	line-height: 5px;
	font-size: 16px;
}
.earn-content {
text-align: start;

}
.earning .earn-icon {
	font-size: 27px;
}
.added-earning {
	text-align: start;
	margin-top: 5px;
}
.trading li {
	background-color: #111111;
	padding: 10px 20px;
}
.trading li {
	display: inline-block;
	margin: 0px 20px;
}

.profit {
	background-color: #111111;
	border-radius: 10px;
	padding: 20px 0px;
}
.balance .bal-ico {
	font-size: 30px;
	text-align: center;
}
.balance {
	background-color: #111111;
	padding: 12px 10px;
	text-align: center;
}
.bal-ico {
	width: 50px;
	background: #000;
	border-radius: 50%;
	padding: 6px 8px;
	height: 50px;
	margin: 0 auto;
}

.trade-scroller{
	overflow: auto;
	white-space: nowrap;
}
/********************************** Dashboard end**********************************/

/********************************** Transaction start**********************************/

.trans_info tbody tr td {
	padding: 10px 23px;

	color: #fff;
}
tbody tr th {
	color: #fff;
}
.trans_info {
	background-color: #111111;
}
tbody tr td h4 {
	font-size: 20px;
}


/********************************** Transaction end**********************************/

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

 @media only screen and (max-width: 1345px) {
}
 @media only screen and (max-width: 1199px) {
}
 @media only screen and (max-width: 991px) {
}
 @media only screen and (max-width:767px) {


}
 @media only screen and (max-width: 575px) {
	.md\:w-full {
		width: 100%;
	} 
}

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

	padding: 10px 0px;

}


@media only screen and (max-width: 360px) {
	.price-variable {
		margin-left: -12px;

	}
	.bg-gold {

		padding: 0px;

	}
	.box {

		padding: 10px 0px;
	}
	.form-control {

		padding: 15px 0px;

	}
	.md\:w-full {
		width: 100%;
	}
	.static li {
		display: block;
		margin: 15px 0px;
	}
	.reg-logo {
		text-align: center;
	}

}
