/*Header start*/
input.btn.btn-secondary {
	font-size: 15px;
	color: #000000;
	margin: 10px 0;
}
body {
	background: #122215;
}
a:hover {
	color: #000000;
}
.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;
}


@font-face {
    font-family: 'ZonaProb';
    src: url('../fonts/ZonaPro-Bold.woff2') format('woff2'),
        url('../fonts/ZonaPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zona Pro';
    src: url('../fonts/ZonaPro-Thin.woff2') format('woff2'),
        url('../fonts/ZonaPro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Canaro Light DEMO';
    src: url('../fonts/Canaro-LightDEMO.woff2') format('woff2'),
        url('../fonts/Canaro-LightDEMO.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    /* src: url('../MyriadPro-Regular.html') format('woff2'),
        url('../MyriadPro-Regular-2.html') format('woff'); */
		src: url('../fonts/Canaro-LightDEMO.woff2') format('woff2'),
        url('../fonts/Canaro-LightDEMO.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.zono-pro{
font-family:ZonaProb;
}

.Zona{
font-family:Zona Pro;

}
.btn-primary {
	/* background: url("../images/banner-btn.png") no-repeat; */
	background: linear-gradient(90deg, #ADD8E6, #FFFFFF, #87CEEB);
color:#000;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	/* background-image:url("../images/btn-hover.png"); */
	background: linear-gradient(90deg, #91b7c4, #FFFFFF, #67a8c1);

	cursor: pointer;
}.banner small {
	font-size: 68px;
	color: #27f051;
}

.trade {
	text-decoration: none;
	font-size: 15px;
}

.myriad

{font-family:Myriad Pro;
}

video {
	position: absolute;
	left: 0;
	right: 0px;
	margin: 0 auto;
	top: -23px;
	bottom: 0px;
	z-index: 1;
	opacity: 1;
}
/**********************************Header **********************************/
.navbar-head h4 {
	display: none;
}

.mobile-screen  {
	display: none;
}
.img-bg1 {
background:url("../images/img-bg1.jpg") no-repeat;
background-size:cover;

	
}

.ser-time h6{
	font-weight: 570;
	font-size: 14px;
}

.ser-time span{
	font-weight: 570;
	font-size: 14px;
}
.social-icons li {
	display: inline-block;
}
.nav-home li {
	padding: 0 28px;
}

.social-icons li {
	position: relative;
	margin: 0 7px;
}
/*.box-bor li a {
	border: 1px solid #fdd69f;

	border-radius: 5px;
	background: -webkit-linear-gradient(#2ddbeb, #fdd69f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 16px;
}*/
.box-bor li a {
	border: 1px solid #fff003;
	border-radius: 5px;
	background: -webkit-linear-gradient(#2ddbeb, #fdd69f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 16px;
	display: inline-block;
	width: 30px;
	padding: 4px 0;
	text-align: center;
	height: 30px;
	margin: 0 auto;
	position: relative;
}
.social-icons li a::before {
	display: inline-block;
	/* padding: 4px -1px; */
	margin-left: 8px;
	border: 1px solid #27f051;
	border-radius: 7px;
	width: 40px;
	position: absolute;
	content: "";
	height: 40px;
	left: -6px;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}
.banner {
	margin-top: 70px;
}
.ban-aft::after {
    position: absolute;
    content: "";
    /* / background: url("../images/ban-aft-bull.png") no-repeat; / */
    width: 449px;
    height: 546px;
    bottom: -93px;
    right: -294px;
    z-index: 11;
}
.banner {
	margin-top: 70px;
}
 
 
.sta-list {
	width: 200px;
	height: 65px;
	background: radial-gradient(circle at 100% 100%, #112117 0, #112117 6px, transparent 6px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #112117 0, #112117 6px, transparent 6px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #112117 0, #112117 6px, transparent 6px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #112117 0, #112117 6px, transparent 6px) 100% 100%/8px 8px no-repeat, linear-gradient(#112117, #112117) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat, linear-gradient(#112117, #112117) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat, linear-gradient(90deg, #3cf049 0%, #111214 29%, #111214 48%, #111214 77%, #3cf049 100%);
	box-sizing: border-box;
	margin-bottom: 60px;
}
.sta-list span {
	font-size: 20px;
}

.margin-top {
	position: relative;
	top: -30px;
}

.statistics {
	margin-top: 78px;
	margin-left: 118px;
	position: relative;
	z-index: 2;
}
.head-nav-link a {
	color: #fff;
	text-decoration: none;
}

.nav-home {
	top: 22%;
	/*transform: rotate(-91deg);*/
	position: relative;
	left: 185px;
	z-index: 2;
}
 
.nav-home li:last-child a:hover::after, .nav-home li:last-child a:hover::before{
	content: inherit;
	display: none;
}
 
.head-nav-link a {
	color: #fff;
	text-decoration: none;
	margin-left: 0px;
	font-size: 16px;
	position:relative;
}

.head-nav-link a:hover {
	color: #37f04b;
}

.head-logo::after {
 
}

.statistics::before {
	position: absolute;
	content: "";
	background: url("../images/dolor.aft.png");
	width: 110px;
	height: 107px;
	left: -182px;
	top: 34px;
	animation: slide_up_down 1.7s ease-in-out infinite alternate both;
}


.sta-aft::after {
	position: absolute;
	content: "";
	background: url("../images/star-aft.png");
	width: 33px;
	height: 31px;
	left: 0pc;
	right: -76px;
	margin: 0 auto;
	bottom: -67px;
	animation: blinker 1s linear infinite;
}
.ban-aft::before {
	position: absolute;
	content: "";
	background: url("../images/video-circle.png") no-repeat;
	width: 102px;
	height: 102px;
	right: 27%;
	bottom: 0;
	animation: spin 5s infinite;
	z-index: 9;
}

.star-aft::after {
	position: absolute;
	content: "";
	background: url("../images/dolor1.aft.png");
	width: 43px;
	height: 45px;
	top: -38px;
	right: -312px;
	animation: slide_up_down 2.0s ease-in-out infinite alternate both;
}.star-aft::before {
	position: absolute;
	content: "";
	background: url("../images/dot.aft.png");
	width: 204px;
	height: 157px;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: -132px;
}
.star-aft {
	position: relative;
	z-index: 2;
}
/**********************************Trade line start **********************************/
.tradeline-graph {
 
}
.trade-mark span {
	font-size: 13px;
}
.tradeline-graph li {
	display: inline-block;
	padding: 0 6px;
}
.tradeline-bg::after {
	position: absolute;
	cont: ;
	content: "";
	background: url("images/trade-line-aft.html");
	width: 58px;
	height: 59px;
	right: 71px;
	top: 8px;
}


/**********************************Fearure start **********************************/


.slider-principles__image {
	width: 70px;
	height: 70px;
	background: #031d1d;
	border-radius: 51px;
	position: relative;
}
.slider-principles__image:after{

	position: absolute;
	content: "";
	background: url("../images/fea-trade.png") no-repeat;
	width: 78px;
	height: 22px;
	top: 0px;
	left: 0px;
	right: 0px;
	}
.arrows-principles_next {
	background: linear-gradient(176deg, rgba(41,218,235,1) 0%, rgba(241,149,20,1) 100%);
	border: none;
	width: 52px;
	height: 26px;
	border-radius: 12px;
}
.arrows-principles_prev {
	background: linear-gradient(176deg, rgba(41,218,235,1) 0%, rgba(241,149,20,1) 100%);
	border: none;
	width: 52px;
	height: 26px;
	border-radius: 12px;
}

.arrows-principles_prev i {
	color: #102135 !important;
}

.arrows-principles_next i {
	color: #102135 !important;
}


.feature-trade {

	margin-bottom: 155px;
}
.tradeline-bg {
	background: url("../images/trade-line.png") no-repeat;
	background-size: cover;
	width: 1349px;
	height: 151px;
	position: relative;
	top: -75px;
}

.trade-bg {
	background: url("../images/future-bg.jpg") no-repeat;
	background-size: cover;
	margin-top: -86px; 
}

.form-bg {background: url("../images/future-bg.jpg") no-repeat;
	background-size: cover;
  }
.feature-trade h2 {
	margin-bottom: 40px;
}
.trade-bg::after {
 
}
.trade-bg::before {
	position: absolute;
	content: "";
	background: url("../images/trading-bef.png") no-repeat;
	left: 47px;
	top: 95px;
	width: 107px;
	height: 169px;
}

.principles {
	background-color: #1c1c23
}

.principles__body {
	padding-top: 94px;
	padding-bottom: 94px;
	position: relative
}

@media (max-width:1270px) {
	.principles__body {
		padding-top: calc(40px + 54 * ((100vw - 320px)/ 950))
	}
}

@media (max-width:1270px) {
	.principles__body {
		padding-bottom: calc(40px + 54 * ((100vw - 320px)/ 950))
	}
}

.principles__border-f {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .1);
	border-bottom: none;
	border-right: none;
	border-radius: 50%;
	width: 750px;
	height: 750px;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0) rotate(45deg);
}

@media (max-width:1199px) {
	.principles__border-f {
		width: 921px;
		height: 921px;
		top: 50px
	}
}

@media (max-width:991.98px) {
	.principles__border-f {
		display: none
	}
}

.principles__border-s {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .1);
	border-bottom: none;
	border-right: none;
	border-radius: 50%;
	width: 900px;
	height:901px;
	top: 75px;
	left: 50%;
	transform: translate(-50%, 0) rotate(45deg)
}

@media (max-width:1199px) {
	.principles__border-s {
		top: 100px
	}
}

@media (max-width:991.98px) {
	.principles__border-s {
		display: none
	}
}

.principles__content {
	position: relative
}

.principles__subtitle {
	text-align: center;
	display: flex;
	justify-content: center
}

@media (max-width:767.98px) {
	.principles__subtitle {
		text-align: start;
		justify-content: flex-start
	}
}

.principles__title {
	text-align: center;
	max-width: 835px;
	margin: 0 auto;
	position: relative
}

@media (max-width:767.98px) {
	.principles__title {
		text-align: start
	}
}

.principles__desc {
	font-size: 22px;
	line-height: 183.5%;
	text-align: center;
	color: #d6d6d6;
	max-width: 913px;
	margin: 23px auto 0 auto;
	position: relative
}

@media (max-width:1270px) {
	.principles__desc {
		font-size: calc(15px + 7 * ((100vw - 320px) / 950))
	}
}

@media (max-width:1199px) {
	.principles__desc {
		max-width: 800px
	}
}

@media (max-width:767.98px) {
	.principles__desc {
		text-align: start;
		max-width: 100%;
		width: 100%
	}
}

@media (max-width:479.98px) {
	.principles__desc {
		line-height: 168%
	}
}

.principles__slider {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 64px;
}

.principles__image {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0)
}

@media (max-width:991.98px) {
	.principles__items {
		display: none
	}
}

.principles__item-img {
	position: absolute;
	cursor: pointer;
	border: 4px solid #fdd69f;
	border-radius: 50%;
	z-index: 9;
}

.principles__item-img:first-child {
	top: 0px;
	left: 116px;
	background:#12494a;
}

.principles__item-img:first-child::before {
	/*content: "";
	position: absolute;
	width: 93px;
	height: 93px;
	display: flex;
	border: 4px solid rgba(255, 255, 255, .2);
	border-radius: 50%;
	top: -2px;
	left: 0*/
}

.principles__item-img:first-child .principles__progress-bar {
	position: absolute;
	top: -7px;
	left: -5px
}

.principles__item-img:first-child img {
	position: relative;
	margin: 0 auto;
	padding: 6px 10px;
}

@media (max-width:1199px) {
	.principles__item-img:first-child {
		top: 300px;
		left: 140px
	}
}

.principles__item-img:nth-child(2) {
	top: 156px;
	left: 184px;
	border-color: #c1d7b4;
	width: 75px;
	height: 75px;
	background: #12494a;
	padding: -6px;
}
.principles__item-img:nth-child(2)::before {

}

.principles__item-img:nth-child(2) .principles__progress-bar {
	position: absolute;
	top: -5px;
	left: -6px
}

.principles__item-img:nth-child(2) img {
	position: relative
}

@media (max-width:1199px) {
	.principles__item-img:nth-child(2) {
		top: 420px;
		left: 120px
	}
}

.principles__item-img:nth-child(3) {
	top: 300px;
	left: 153px;
	width: 100px;
	height: 100px;
	padding: 11px;
	border-color: #c1d7b4;
	background:#12494a;
}

.principles__item-img:nth-child(3)::before {

}

.principles__item-img:nth-child(3) .principles__progress-bar {
	position: absolute;
	top: -10px;
	left: -8px
}

.principles__item-img:nth-child(3) img {
	position: relative
}

@media (max-width:1199px) {
	.principles__item-img:nth-child(3) {
		top: 530px;
		left: 120px
	}
}

.principles__item-img:nth-child(4) {
	top: 354px;
	left: 296px;
	border-color: #c1d7b4;
	background:#12494a;
}

.principles__item-img:nth-child(4)::before {

}

.principles__item-img:nth-child(4) .principles__progress-bar {
	position: absolute;
	top: -10px;
	left: -8px
}

.principles__item-img:nth-child(4) img {
	position: relative
}

@media (max-width:1199px) {
	.principles__item-img:nth-child(4) {
		top: 655px;
		left: 155px
	}
}

.principles__item-img:nth-child(5) {
	top: 372px;
	right: 301px;
	border-color: #c1d7b4;
	background:#12494a;
}

.principles__item-img:nth-child(5)::before {

}

.principles__item-img:nth-child(5) .principles__progress-bar {
	position: absolute;
	top: -11px;
	left: -8px
}

.principles__item-img:nth-child(5) img {
	position: relative
}

@media (max-width:1199px) {
	.principles__item-img:nth-child(5) {
		top: 760px;
		left: 220px
	}
}

.principles__item-img:nth-child(6) {
	top: 268px;
	left: 952px;
		width: 100px;
	height: 100px;
	padding: 11px;
	border-color: #c1d7b4;
	background:#12494a;
}
.principles__item-img:nth-child(6)::before {

}

.principles__item-img:nth-child(6) .principles__progress-bar {
	position: absolute;
	top: -8px;
	left: -8px
}

.principles__item-img:nth-child(6) img {
	position: relative
}

@media (max-width:1199px) {
	.principles__item-img:nth-child(6) {
		top: 300px;
		left: 77%
	}
}

.principles__item-img:nth-child(7) {
	top: 119px;
	left: 915px;
	background: #12494a;
}

.principles__item-img:nth-child(7)::before {
	
}

.principles__item-img:nth-child(7) .principles__progress-bar {
	position: absolute;
	top: -10px;
	left: -8px
}

.principles__item-img:nth-child(7) img {
	position: relative
}

@media (max-width:1199px) {
	.principles__item-img:nth-child(7) {
		top: 430px;
		left: 82.1%
	}
}

.principles__item-img:nth-child(8) {
	top: -15px;
	left: 950px;
	width: 100px;
	height: 100px;
	padding: 10px 15px;
	background: #12494a;
}
.principles__item-img:nth-child(8)::before {

}

.principles__item-img:nth-child(8) .principles__progress-bar {
	position: absolute;
	top: -14px;
	left: -11px
}

.principles__item-img:nth-child(8) img {
	position: relative
}

@media (max-width:1199px) {
	.principles__item-img:nth-child(8) {
		top: 540px;
		left: 80.4%
	}
}

.principles__item-img:nth-child(9) {
	top: 690px;
	left: 1000px
}

.principles__item-img:nth-child(9)::before {

}

.principles__item-img:nth-child(9) .principles__progress-bar {
	position: absolute;
	top: -11px;
	left: -9px
}

.principles__item-img:nth-child(9) img {
	position: relative
}

@media (max-width:1199px) {
	.principles__item-img:nth-child(9) {
		top: 750px;
		left: 71%
	}
}

.principles__item-img:nth-child(10) {
	top: 730px;
	left: 880px
}

.principles__item-img:nth-child(10)::before {

}

.principles__item-img:nth-child(10) .principles__progress-bar {
	position: absolute;
	top: -13px;
	left: -8px
}

.principles__item-img:nth-child(10) img {
	position: relative
}

@media (max-width:1199px) {
	.principles__item-img:nth-child(10) {
		top: 650px;
		left: 76.5%
	}
}

.principles__item-img:nth-child(11) {
	top: 180px;
	left: 996px
}

.principles__circle {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translate(-50%, 0)
}

@media (max-width:991.98px) {
	.principles__progress-bar {
		display: none
	}
}

.principles__circle-r {
	transform-origin: center;
	transform: rotate(-90deg);
	transition: stroke-dashoffset .3s ease 0s
}



.slider-principles__body {
	width: 327px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}
@media (max-width:1199px) {
	.slider-principles__body {
		width: 350px;
		height: 407px
	}
}

@media (max-width:991.98px) {
	.slider-principles__body {
		margin-top: 20px
	}
}

.slider-principles__slide {
	border-radius: 12px
}

.slider-principles__slide.swiper-slide-active .slider-principles__wrapper-q {
	display: flex !important
}

.slider-principles__slide:nth-child(n) {
	background: #093939;border: 1px solid #126c6c;
}

.slider-principles__slide:nth-child(2n) {
	background: #093939;
}

.slider-principles__slide:nth-child(3n) {
background: #093939;
}

.slider-principles__slide:nth-child(4n) {
background: #093939;
}

.slider-principles__slide:nth-child(5n) {
	background: #093939;
}

.slider-principles__slide:nth-child(6n) {
	background: #093939;
}

.slider-principles__slide:nth-child(7n) {
	background: rgba(255, 255, 255, .05)
}

.slider-principles__slide:nth-child(8n) {
	background: #093939;
}

.slider-principles__slide:nth-child(9n) {
background: #093939;
}

.slider-principles__wrapper-q {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 37px
}

.slider-principles__image {
	width: 70px;
	height: 70px;
	background: #031d1d;
	border-radius: 51px;
}

.slider-principles__image img {
	width: 70px;
	height: 70px;
	position: relative;
	top: 37px;
}
.slider-principles__title {
	text-transform: uppercase;
	/* display: flex; */
	z-index: 5;
	position: relative;
	background: #fff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-align: center;
	margin-top: 60px;
}

.slider-principles__head-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 120.02%;
	color: #fff;
	margin: 38px auto
}

@media (max-width:1270px) {
	.slider-principles__head-title {
		font-size: calc(18px + 6 * ((100vw - 320px) / 950))
	}
}

@media (max-width:1199px) {
	.slider-principles__head-title {
		margin: 28px auto
	}
}

.slider-principles__desc {
	display: flex;
	margin: 24px 0 0 16px;
	font-weight: 400;
	font-size: 13px;
	line-height: 17px;
	max-width: 323px;
	color: #eac18;
}

@media (max-width:1270px) {
	.slider-principles__desc {
		font-size: calc(15px + 5 * ((100vw - 320px) / 950))
	}
}

@media (max-width:479.98px) {
	.slider-principles__desc {
		line-height: 168%
	}
}

.controls-principles__arrows {
	max-width: 180px;
	display: flex;
	justify-content: space-between;
	margin: 34px auto 0 auto;
	width: 100%;
	position: relative;
	z-index: 9;
}
@media (max-width:1199px) {
	.controls-principles__arrows {
		margin: 70px auto 0 auto
	}
}

.controls-principles__arrows .swiper-pagination {
	display: flex;
	position: static;
	justify-content: center
}

.arrows-principles_prev:hover::before {
	background: linear-gradient(90deg, #d0ff96 11.33%, #c5ffe0 91.41%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent
}

.arrows-principles_next:hover::before {
	background: linear-gradient(90deg, #d0ff96 11.33%, #c5ffe0 91.41%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent
}

.swiper-pagination-current {
	color: #fff;
	font-weight: 600;
	font-size: 25px;
}

.swiper-pagination-total {
	color: #fff;
	font-size: 25px;
	font-weight: 600;
}
 .pad-bot-more {
	padding-top: 10px;
	padding-bottom: 50px;
}
 
.swiper-pagination-fraction {
	color: #878789;
	font-size: 18px
}

.principles__percent {
	width: 500px;
	height: 50px;
	background-color: #878789;
	color: #fff;
	font-size: 50px;
	z-index: 50;
	margin: 0 auto;
	display: flex;
	position: relative
}

@media (max-width:991.98px) {
	.principles__percent {
		display: none
	}
}

.team-about__image {
	max-height: 100%;
}

.img-svg-7 {
	width: 100%;
}

.img-svg-7 img {
	width: 100%;
	display: block;
}

.img-svg-53,
.img-svg-52 {
	height: 100%;
}

.img-svg-53 img,
.img-svg-52 img {
	height: 100%;
}

.img-svg-50 img {
	width: 600px;
}

.img-svg-23,
.img-svg-24 {
	height: 400px;
}

.img-svg-23 img,
.img-svg-24 img {
	height: 100%;
}

.team-features__image {
	max-height: unset;
}

.whitepaper__body::before {
	display: none;
}

.principles-s,
.desc-knowledge {
	background: #1A191E;
}

.img-svg-28,
.img-svg-22 {
	height: 100%;
}

.img-svg-28 img,
.img-svg-22 img {
	height: 300px;
}

.cards__item {
	background: #1A191E;
}

@media screen and (max-width: 921px) {
	.hello__image-wrapper img {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 479px) {
	.hello__image-wrapper img {
		width: 90%;
	}

	.paper-about__image
}

@media screen and (max-width: 920px) {
	.paper-about__image {
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.img-svg-53,
	.img-svg-52 {
		height: 400px;
	}

	.img-svg-53 img,
	.img-svg-52 img {
		height: 400px;
	}

	.img-svg-50 img {
		width: 100%;
	}
}

@media screen and (max-width: 765px) {
	.img-svg-14 {
		width: 100%;
	}

	.img-svg-14 img {
		width: auto;
		display: block;
		margin: 0 auto;
		height: 100%;
	}

	.security__image {
		width: 100%;
		max-width: unset;
	}
}

@media screen and (max-width: 600px) {
	.community__image {
		margin-bottom: 40px;
		max-height: 100% !important;
		top: 0 !important;
	}

	.img-svg-2 img {
		display: block;
		width: 100%;
	}

	.community__image img {
		display: block;
		width: 100%;
	}

	.img-svg-17 img {
		width: 100%;
		display: block;
	}

	.performance-about__image {
		margin-right: 0;
	}

	.performance-about__image {
		margin: 0 auto;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.img-svg-25 {
		width: 100%;
	}

	.img-svg-25 img {
		display: block;
		width: 100%;
	}

	.team-features__image {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 500px) {
	.img-svg-2 {
		top: 0;
		left: 0;
		margin-bottom: 30px;
	}
}
/**********************************Fearure end **********************************/

/**********************************plan **********************************/
#v-pills-tabContent {
	position: relative;
	left: -44px;
}
.plan-title h2 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.plan-title p {
	margin-top: 50px;
}
.plan-bg {
	background: url("../images/plan-bg.jpg") no-repeat;
	background-size: cover;
	position: relative;

}
.plan-list {
	background: #faedcd;
	padding: 0px;
	text-align: end;
	font-size: 25px;
}

.plan li {
	padding: 2px 0;
}
.plan-list small {
	font-size: 14px;
}
.plan-btn a {
	font-size: 20px;
}
.plan-percent small {
	font-size: 30px;
}
.plan-detail label i {
	font-size: 11px;
	margin: 0px 10px;
	color: #fff003 !important;
}
.plan-detail h4 i {
	font-size: 11px;
	margin: 0px 10px;
	color: #ebd6a5 !important;
}.plan-percent {
	display: flex;
	align-items: baseline;
}
.plan-percent h1 {
	font-family: Zonaprob;
	font-size: 52px;
	background: linear-gradient(to bottom, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}.plan-percent span {
	text-transform: uppercase;
	font-weight: bold;
}
.plan-detail h4 {
	font-size: 20px;
	font-family: ZonaProb;
	background: rgba(180,238,193,1);
	background: -moz-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,238,193,1)), color-stop(100%, rgba(50,240,90,1)));
	background: -webkit-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -o-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -ms-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: linear-gradient(to bottom, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background-clip: border-box;
	background-clip: border-box;
	background-clip: border-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4eec1', endColorstr='#32f05a', GradientType=0 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.plan-detail {
	padding: 15px;
}
.plan .nav-link {
	background: #193426;
	/* padding: 11px 0; */
	margin-bottom: 5px;
	margin-left: -24px;
}
.plan-head {
	margin-left: 60px;
}
.plan-btn {
	margin-top: 20px;
	margin-left: 90px;
}
.plan .nav-pills .nav-link.active {
	background: #024a11;
	border: 1px solid #fff003;
}.plan .nav-pills .nav-link.active h4 {
	color: #fff003 !important;
}.plan .nav-pills .nav-link.active h4 small {
	color: #fff003 !important;
}
.deposit-amt .form-control {
	background: #024a11;
	border: 1px solid #fff003;
	border-radius: 0px;
	padding: 14px 10px;
	color: #fff;
}.deposit-amt select {
	/* background: #024a11; */
	border: 1px solid #fff003;
	border-radius: 0px;
	padding: 14px 10px;
	color: #fff;
	width: 100%;
	background: url(../images/calc-arrow.png) center right 10px no-repeat, #024a11;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: ZonaProb;
}
.plan .nav-link {
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	font-size: var(--bs-nav-link-font-size);
	font-weight: var(--bs-nav-link-font-weight);
	color: var(--bs-nav-link-color);
	text-decoration: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
	width: 292px;
	background: #1a3427;
	border: none;
	height: 75px;
}


.plan-head h4 {
	font-size: 24px;
	font-weight: bold;
	color: #f9f5f5;
	font-family: ZonaProb;
}
.plan-head small {
	font-size: 14px;
	font-weight: bold;
	font-family: ZonaProb;
}
.arrow i {
	color: #fff;
}
.title h3 {
	font-size: 30px;
	font-family: ZonaProb;
	background: rgba(180,238,193,1);
	background: -moz-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,238,193,1)), color-stop(100%, rgba(50,240,90,1)));
	background: -webkit-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -o-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -ms-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: linear-gradient(to bottom, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background-clip: border-box;
	background-clip: border-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4eec1', endColorstr='#32f05a', GradientType=0 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.deposit-amt label {
	font-size: 16px;
	font-weight: bold;
}

.deposit-amt label {
	color: #fff;
}

.plan-btn a {
	color: #12494a;
	padding: 7px 16px;
}.form-details {
	margin-top: 50px;
}

.title i {
	font-size: 20px;
	color: #bfc10e;
}
.font {
	font-size: 35px !important;
}
.plan-detail small {
	font-size: 14px;
}
.calculate-result {
	background: #024a11;
	border: 1px solid #fff003;
	border-radius: 0px;
	padding: 14px 10px;
	color: #fff;
	text-align: center;
	margin: 16px 0;
}
.deposit-amt {
	margin-top: 20px;
}
.deposit-detail h3 {
	font-size: 30px;
	color: #ebd6a5 !important;
	font-weight: bold;
	font-family: ZonaProb;
}
.box-green {
	padding: 20px;
	background-color: rgba(39, 240, 81, 0.2);
	position: relative;
	left: -39px;
	width: 500px;
	height: auto;
}

.deposit-btn a {
	color: #12494a !important;
	font-size: 15px;
	font-weight: 600;
	font-family: ZonaProb;
}
.clr h3 {
	color: #fff !important;
	font-size: 20px;
}


 
.deposit-amt form-contorl {
	color: #fff;
}

.plan-aft::after {
	position: absolute;
	content: "";
	background: url("../images/pay-aft.png");
	width: 77px;
	height: 79px;
	top: 120px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}
.plan-head-aft::after {
	position: absolute;
	content: "'";
	background: url("../images/plan-heading-aft.png");
	width: 150px;
	height: 93px;
	top: -16px;
	left: -70px;
	right: 0px;
	margin: auto;
}

.plan-head-aft::before {
	position: absolute;
	content: "";
	background: url("../images/plan-heading-bef.png") no-repeat;
	width: 119px;
	height: 234px;
	right: 0px;
}

.plan .nav-pills .nav-link.active .plan-head h4 {
color:#ebd6a5;
}
.plan .nav-pills .nav-link.active .plan-head small {
	color: #2fdae9;
}



.plan .nav-pills .nav-link.active .arrow i {
	color: #27f051;
}
/********************************** plan end **********************************/

/********************************** Referral start **********************************/
.ref-title span {
	font-size: 35px;
	font-family: ZonaProb;
}
.ref-bg::before {
	position: absolute;
	content: "'";
	background: url("../images/ref-heading-aft.png");
	width: 136px;
	height: 181px;
	top: 12px;
	left: 0px;
}
 
.ref-title {
	margin-bottom: 30px;
}.ref-title h3 {
	font-size: 40px;
}
.ref-top {
	margin-top: 50px;
}
.referral-bg {
	background: url("../images/ref-bg.jpg") no-repeat;
	background-size: cover;
	position: relative;
	 
}
 
.ref-banner {
	border: 4px dashed rgba(255,255,255, 0.2);
	width: 452px;
	height: 452px;
	margin: auto;
	position: relative;
	z-index: 2;
}
.ref-banner::before {
	position: absolute;
	content: "";
	border: 4px dashed #fff;
	width: 250px;
	height: 250px;
	right: 0px;
	left: 0px;
	margin: auto;
	top: 0px;
	bottom: 0px;
	border-radius: 132px;
	opacity: 20%;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.circle-img img {
	margin: auto;
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.ref-icon li {
	position: absolute;
}

.ref {
	margin-bottom: 50px;
	margin-top: 70px;
	position: relative;
	z-index: 2;
}.ref h3 {
	font-size: 40px;
}
.ref-content {
	margin-top: 70px;
	position: relative;
	z-index: 2;
}
.ref-icon li:first-child {
	top: 220px;
	bottom: 0px;
	margin: 0 auto;
	left: -30px;
}

.ref-icon li:nth-child(2) {
	left: 37px;
	top: 29px;
}
.ref-icon li:nth-child(3) {
	right: 11px;
	top: 50px;
}
.ref-icon li:nth-child(4) {
	right: 11px;
	bottom: 50px;
}
.ref-icon li:last-child {
	left: 75px;
	bottom: 0px;
}
.level li {
	position: absolute;
}
.lev-list span {
	font-size: 20px;
}
.lev-list small {
	font-size: 11px;
}

.level li:first-child {
	top: 101px;
	margin: auto;
	left: 228px;
}
.level li:nth-child(2) {
	left: 111px;
	top: 217px;
}
.level li:nth-child(3) {
	left: 234px;
	margin: auto;
	bottom: 101px;
}
.level li:nth-child(4) {
	right: 138px;
	top: 119px;
}
.level li:nth-child(5) {
	bottom: 191px;
	left: 107px;
}
.level li:nth-child(6) {
	right: 101px;
	bottom: 173px;
}
.level li:last-child {
	bottom: 117px;
	left: 159px;
}

 
.ref-img img {
	right: 35%;
	position: relative;
	top: 0px;
}
.level li img {
	animation: slide_up_down 1.5s ease-in-out infinite alternate both;
	animation-delay: 0.1s;
}

.referal-level {
	padding: 137px 0;
	text-align: center;
 
	position: relative;
}

.referal-level span {
	font-size: 75px;
	width: 100%;
	display: inline-block;
	line-height: 61px;
}
/********************************** Referral end **********************************/
/********************************** Transaction history start **********************************/
.tra-list {
	position: relative;
	left: 32px;
}
.blr-head {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	filter: blur(1.5rem);
	color: #f9783c;
	display: none;
}
.blr-head1 {
	position: absolute;
	margin: 0 auto;
	filter: blur(1.5rem);
	color: #f9783c;
}

.blr-head2 {
	position: absolute;
	margin: 0 auto;
	filter: blur(1.5rem);
	color: #f9783c;
	top: -47px;
	bottom: 0px;
	left: 0px;
}
.plan-title{
position:relative;
}
.heading {
	margin-top: 0px;
	position: relative;
	z-index: 2;
}
.effect {
	position: ;
	position: ;
	position: relative;
	z-index: 1;
}
.transaction-bg {
	background: url("../images/transaction-history-bg.jpg") no-repeat;
	background-size: cover;
}

.tra-aft::after {
	position: absolute;
	content: "";
	background: url("../images/history-aft.png");
	width: 134px;
	height: 138px;
	top: -76px;
	left: 56px;
}

.tra-aft::before {
	position: absolute;
	content: "";
	background: url("../images/history-bef.png");
	width: 77px;
	height: 79px;
	right: 82px;
	top: 20px;
}
.tra-list li {
	display: flex;
	background: #12494a;
	border-radius: 25px;
	align-items: center;
	margin-bottom: 5px;
	justify-content: space-between;
	width: 309px;
	height: 35px;
	padding: 11px;
}
.text-gredient {


background: rgba(255,240,3,1);

 

background: linear-gradient(135deg, rgb(255 255 255) 0%, rgb(255 255 255) 36%, rgb(255 255 255) 65%, rgb(251 251 251) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.tran-history {
	margin-bottom: 30px;
}
.tran-history h3 {
	padding: 18px 0;
	background: rgba(28,33,32,1);
	background: -moz-linear-gradient(top, rgba(28,33,32,1) 0%, rgba(28,33,32,1) 49%, rgba(73,159,92,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(28,33,32,1)), color-stop(49%, rgba(28,33,32,1)), color-stop(100%, rgba(73,159,92,1)));
	background: -webkit-linear-gradient(top, rgba(28,33,32,1) 0%, rgba(28,33,32,1) 49%, rgba(73,159,92,1) 100%);
	background: -o-linear-gradient(top, rgba(28,33,32,1) 0%, rgba(28,33,32,1) 49%, rgba(73,159,92,1) 100%);
	background: -ms-linear-gradient(top, rgba(28,33,32,1) 0%, rgba(28,33,32,1) 49%, rgba(73,159,92,1) 100%);
	background: linear-gradient(to bottom, rgba(28,33,32,1) 0%, rgba(28,33,32,1) 49%, rgba(73,159,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2120', endColorstr='#499f5c', GradientType=0 );
}.tran-history th, .tran-history td {
	background: rgba(205,194,16,1);
	background: -moz-linear-gradient(-45deg, rgba(205,194,16,1) 0%, rgba(205,194,16,1) 39%, rgba(73,159,92,1) 71%, rgba(73,159,92,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(205,194,16,1)), color-stop(39%, rgba(205,194,16,1)), color-stop(71%, rgba(73,159,92,1)), color-stop(100%, rgba(73,159,92,1)));
	background: -webkit-linear-gradient(-45deg, rgba(205,194,16,1) 0%, rgba(205,194,16,1) 39%, rgba(73,159,92,1) 71%, rgba(73,159,92,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(205,194,16,1) 0%, rgba(205,194,16,1) 39%, rgba(73,159,92,1) 71%, rgba(73,159,92,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(205,194,16,1) 0%, rgba(205,194,16,1) 39%, rgba(73,159,92,1) 71%, rgba(73,159,92,1) 100%);
	background: linear-gradient(135deg, rgba(205,194,16,1) 0%, rgba(205,194,16,1) 39%, rgba(73,159,92,1) 71%, rgba(73,159,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdc210', endColorstr='#499f5c', GradientType=1 );
}
.tran-history th {
	color: #ffffff;
	font-family: ZonaProb;
}

.tran-history td {
	color: #000000;
	font-family: ZonaProb;
	padding: 0;
}
.content span {
	font-size: 17px;
}

.content small {
	font-size: 13px;
}
.heading p {
	margin-top: 30px;
}
/********************************** Transaction history end**********************************/

/********************************** payment method start **********************************/
.payment-method li {
	display: inline;
	padding: 0 21px;
}

.pay-bg {
	background: url(../images/section-bg.png) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 150px;
	bottom: 17px;
	position: relative;
	z-index: 1;
}
.payment-method {
	margin-top: 42px;
	transform: rotate(-1deg);
}

.social-menu p {
	font-size: 13px;
}
.footer-social li {
	display: inline-block;
	padding: 0 18px;
}

/********************************** payment method end **********************************/



/********************************** contact-us start **********************************/
.mail {
	background: radial-gradient(circle at 100% 100%, #101214 0, #101214 6px, transparent 6px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #101214 0, #101214 6px, transparent 6px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #101214 0, #101214 6px, transparent 6px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #101214 0, #101214 6px, transparent 6px) 100% 100%/8px 8px no-repeat, linear-gradient(#101214, #101214) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat, linear-gradient(#101214, #101214) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat, linear-gradient(90deg, #fff003 0%, #111214 29%, #111214 48%, #111214 77%, #fff003 100%);
	width: 40px;
	height: 40px;
	border-radius: 10px;
	padding: 9px 8px;
}
.mail-content small {
	font-size: 15px !important;
	font-weight: 600;
}
.mail-content h4 {
	font-size: 18px;
	font-weight: 600;
}
.mail i {
	color: #fff;
	font-size: 25px;
	background: rgba(180,238,193,1);
	background: -moz-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,238,193,1)), color-stop(100%, rgba(50,240,90,1)));
	background: -webkit-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -o-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -ms-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: linear-gradient(to bottom, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4eec1', endColorstr='#32f05a', GradientType=0 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}.contact-us {
	background: url(../images/contact-details.png) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 135px;
	position: relative;
	bottom: -14px;
}
.pay-carousel img {
	margin: 0 auto;
}
.cont-list {
	margin-top: 69px;
}
.top1 {
	position: relative;
	top: -13px;
}

.top2 {
	position: relative;
	top: -24px;
}
.history-detail {
	min-width: 162px;
}.content span {
	font-size: 14px;
}
/********************************** contact-us end **********************************/
/********************************** Fooeter **********************************/

.foot-clr {
	background: #083913;
}.footer h6 {
	margin-bottom: 0;
}
.foot-menu li a {
	color: #fff;
	text-decoration: aliceblue;
	font-weight: lighter;
	font-size: 15px;
}
.foot-menu li {
	padding-bottom: 13px;
}
.social-menu span {
	font-size: 25px;
}
.social li {
	display: inline-block;

}
.social-icons a {

	font-size: 19px;
}
.foot-icon {
	background: #343333;
	width: 74px;
	height: 70px;
	border-radius: 50px;
	padding: 14px 20px;
}
.foot-menu li a:hover {
	color: #37f04b;
}.footer a {
	color: #fff003;
}
.foot-p p {
	font-size: 16px;
}
.social-icons a:hover {
	color:#f5af63;
}
.footer a:hover {
	color: #fdd69f;
}
.footer a {
	color: #fff;
	text-decoration:none;
}
.pay-list li {
	display: inline-block;
	background: #343627;
	border-radius: 10px;
	padding: 5px;
	margin-left: 17px;
}
.pay-list {
	margin-top: 40px;
	margin-bottom: 40px;
}
.footer-social i {
	font-size: 18px;
	background: rgba(180,238,193,1);
	background: -moz-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,238,193,1)), color-stop(100%, rgba(50,240,90,1)));
	background: -webkit-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -o-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -ms-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: linear-gradient(to bottom, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background-clip: border-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4eec1', endColorstr='#32f05a', GradientType=0 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.foot-menu span {
	font-size: 20px;
	background: rgba(180,238,193,1);
	background: -moz-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,238,193,1)), color-stop(100%, rgba(50,240,90,1)));
	background: -webkit-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -o-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: -ms-linear-gradient(top, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background: linear-gradient(to bottom, rgba(180,238,193,1) 0%, rgba(50,240,90,1) 100%);
	background-clip: border-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4eec1', endColorstr='#32f05a', GradientType=0 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.foot-menu p {
	font-size: 13px;
	margin-top: 10px;
	font-family: Canaro Light DEMO;
}
.footer-logo p {
	font-size: 14px;
}
.margin {
	margin-top: 29px;
}

.footer-bg {
	background: url("../images/footer-bg.jpg") no-repeat;
	background-size: cover;
}
.margin i {
	color: #fff003;
	font-size: 13px;
}
.plan .nav-pills .nav-link.active .arrow i::before {
	content: "\f0d9";
	font-size: 24px;
}.slider-principles__number {
	font-size: 48px;
	color: #fff;
	font-weight: 400;
	position: absolute;
	top: 23px;
	left: 36px;
	font-family: Zono pro;
}
/********************************** About us **********************************/

.about-stat {
	margin-top: 200px;
	margin-bottom: 150px;
}

.abt-sta {
	margin-left: 57px;
}
.about-stat {
	margin-top: 104px;
	margin-bottom: 115px;
	margin-left: 33px;
	position: relative;
	z-index: 1;
}
.abt-us-aft::after {
	position: absolute;
	content: "";
	background: url("../images/abt-us-aft.html");
	width: 43px;
	height: 45px;
	left: 129px;
	top: 21px;
}

.abt-us-bef::after {
	position: absolute;
	content: "";
	background: url(../images/abt-us-bef.html);
	width: 63px;
	height: 50px;
	right: 185px;
	bottom: -85px;
}
.test-content {
	background: url("../images/testimonial-bg.html") no-repeat scroll 0 0;
	width: 334px;
	height: 243px;
	text-align: center;
}
.test-head h6 {
	font-size: 18px;
	font-weight: 550;
}
.p-tag p {
	position: relative;
	text-align: start;
	left: 45px;
	top: 38px;
}
.test-head {
	top: 12px;
	position: relative;
}
.test-content p {
	font-size: 14px;
}
.abt-us-bef::before {
	position: absolute;
	content: "";
	background: url(../images/abt-us-star.html) no-repeat;
	width: 375px;
	height: 186px;
	left: -92px;
	top: 0px;
}
.pay-bg1 {
	background: url(../images/section-bg.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 150px;
	bottom: -13px;
}
.Abt-head {
	margin-top: 100px;
}

.graph-aft1::before {
	position: absolute;
	content: "";
	background:url(../images/wave-bef.html);
	width: 276px;
	height: 102px;
	bottom: 56px;
	left: 0px;
	z-index: 1;
}

.graph-aft1::after {
	position: absolute;
	content: "";
	background: url(../images/abt-aft.html);
	width: 1349px;
	height: 457px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.abt-home {
	margin-top: -30%;
}

.tradeline-bg1 {
	background: url("../images/trade-line.png") no-repeat;
	background-size: cover;
	width: 1349px;
	height: 151px;
	position: relative;
	top: -25px;
	z-index: 9;
}
.trade-bg1 {
	background: url("../images/future-bg.jpg") no-repeat;
	background-size: cover;
	margin-top: -29px;
}

.trade-bg-circle {
	top: 58px;
}

.Abt-head h2 {
	font-size: 60px;
}

.test-content::after {
	position: absolute;
	content: "";
	background: url("../images/ques-aft.html");
	width: 33px;
	height: 24px;
	left: 33px;
	top: 22px;
}
.test-img1 img {
	position: absolute;
	right: 0px;
	top: 39px;
}
.test-img img {
	position: absolute;
	top: 26px;
	right: 51px;
}
.test-content::before {
	position: absolute;
	content: "";
	background: url("../images/ques-bef.html");
	width: 33px;
	height: 24px;
	right: 98px;
	bottom: 53px;
}

.test-content1::before {
	position: absolute;
	content: "";
	background: url("../images/ques-bef.html");
	width: 33px;
	height: 24px;
	right: 52px;
	bottom: 53px;
}

.owl-dot.active span {
	background: #19dbee;
}
.owl-dot span {
	background: #ffffff;
	width: 30px;
	height: 4px;
	display: block;
	/* margin: 0 10px; */
}
.owl-dots {
	text-align: center;
}
.owl-dots button {
	margin-left: 5px;
}

.testi::after {
	position: absolute;
	content: "";
	background: url("../images/test-aft-bg.png");
	width: 1349px;
	height: 556px;
	top: 0px;
	z-index: -1;
}
.testimonial::after {
	position: absolute;
	content: "";
	background: url("../images/test-bg-aft.png");
	width: 90px;
	height: 113px;
	left: -84px;
	top: 0px;
}
.tesi-carousel {
	margin-bottom: 70px;
}
.testimonial {
	margin-top: 30px;
}
/********************************** About us end **********************************/
/********************************** Animation **********************************/

  @-ms-keyframes spin { 
        from { 
            -ms-transform: rotate(360deg); 
        } to { 
            -ms-transform: rotate(-360deg); 
        }
    }
    @-moz-keyframes spin { 
        from { 
            -moz-transform: rotate(0deg); 
        } to { 
            -moz-transform: rotate(-360deg); 
        }
    }
    @-webkit-keyframes spin { 
        from { 
            -webkit-transform: rotate(0deg); 
        } to { 
            -webkit-transform: rotate(-360deg); 
        }
    }
    @keyframes spin { 
        from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotate(-360deg); 
        }
    }
}


  @-ms-keyframes flip { 
        from { 
            -ms-transform: rotate(0deg); 
        } to { 
            -ms-transform: rotate(-90deg); 
        }
    }
    @-moz-keyframes flip { 
        from { 
            -moz-transform: rotate(0deg); 
        } to { 
            -moz-transform: rotate(-90deg); 
        }
    }
    @-webkit-keyframes flip { 
        from { 
            -webkit-transform: rotate(0deg); 
        } to { 
            -webkit-transform: rotate(-90deg); 
        }
    }
    @keyframes flip { 
        from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotate(-90deg); 
        }
    }
}


@keyframes x-axis-animation {
  from {transform: rotateX(20deg)}
  to {transform: rotateX(-20deg)}
}

@keyframes y-axis-animation {
  from {transform: rotateY(20deg)}
  to {transform: rotateY(-20deg)}
}

@keyframes z-axis-animation {
  from {transform: rotateZ(20deg)}
  to {transform: rotateZ(-20deg)}
}

   @-webkit-keyframes slide_up_down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

	.ref-icon li img {
	animation: slide_up_down 1.7s ease-in-out infinite alternate both;
}


   @-webkit-keyframes flip {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }}
  
    @-webkit-keyframes flash {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }}
  
  @keyframes blinker {
  50% {
    opacity: 0;
  }
}
  
  @-ms-keyframes spin { 
        from { 
            -ms-transform: rotate(0deg); 
        } to { 
            -ms-transform: rotate(360deg); 
        }
    }
    @-moz-keyframes spin { 
        from { 
            -moz-transform: rotate(0deg); 
        } to { 
            -moz-transform: rotate(360deg); 
        }
    }
/********************************** Inner-pages **********************************/
.blr-head3 {
	position: absolute;
	left: 0;
	filter: blur(1.5rem);
	color: #f9783c;
	right: 0;
	margin: auto;
	display: none;
}
.zono {
	font-family: Zona Pro;
	 
}
.innerpage-head {
	margin-top: 0;
	margin-bottom: 0;
}

.success {
	background: linear-gradient(#51d157, #111214);
	border-radius: 25px;
	display: inline-block;
	padding: 1px 2px;
	margin-bottom: 8px;
}

.error {
	background: linear-gradient(#fb1c1c, #111214);
	border-radius: 25px;
	display: inline-block;
	padding: 1px 2px;
}
.forminput-msg h6 {
	font-size: 13px;
	background-color: #0e1215;
	width: 100%;
	padding: 9px 22px;
	border-radius: 25px;
}
.form-ico {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	padding: 11px;
	left: 8px;
	text-align: center;
	background: rgba(50,240,77,1);
	background: -moz-linear-gradient(top, rgba(50,240,77,1) 0%, rgba(214,240,18,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,240,77,1)), color-stop(100%, rgba(214,240,18,1)));
	background: -webkit-linear-gradient(top, rgba(50,240,77,1) 0%, rgba(214,240,18,1) 100%);
	background: -o-linear-gradient(top, rgba(50,240,77,1) 0%, rgba(214,240,18,1) 100%);
	background: -ms-linear-gradient(top, rgba(50,240,77,1) 0%, rgba(214,240,18,1) 100%);
	background: linear-gradient(to bottom, rgba(50,240,77,1) 0%, rgba(214,240,18,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32f04d', endColorstr='#d6f012', GradientType=0 );
}
.form-input-bg {
	background: linear-gradient(#27f051, #111214);
	border-radius: 0;
	padding: 1px;
}
.form-blk {
	display: block;
	width: 100%;
	padding: 12px 57px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	background: #000000;
	background-clip: padding-box;
	border: transparent;
	appearance: none;
	border-radius: 0;
	transition: none;
	outline: none;font-family: ZonaProb;
}

label {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
}

.checkbox a {
	text-decoration: navajowhite;
	color: #fff;
	font-size:14px;
}

.checkbox a:hover {
	color: #fdd69f;
}
.inpage-reg{
	background: linear-gradient(#29daeb, #fdd69f);
	display: inline-block;
	border-radius: 25px;
	padding: 4px 21px;
}
.inpage-reg span, a {
	font-size: 14px;
	color: #222b40;
	text-decoration: none;
}
.inpage-reg {
	background: linear-gradient(#29daeb, #fdd69f);
	display: inline-block;
	border-radius: 25px;
	padding: 4px 21px;
	margin-top: 50px;
}
.form-details {
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	min-height: 493px;
}
  
.sta-aft::before {
 
}

 .inner-bull {
	right: 33px;
	position: relative;
	top: 20px;
}

.innerpage-banner::before {
	position: absolute;
	content: "";
	background: url("../images/innerpage-vector-bef.png");
	width: 58px;
	height: 54px;
	top: -47px;
	left: -32px;
}

.form-message {
	margin-bottom: 20px;
}
.inpage-reg a:hover {
	color: #fff;
}
.signup .innerpage-home {
	margin-top: 0;
	top: 33%;
}
 .login  .innerpage-home {
	margin-top: 0;
	top: 74%;
}

.modal-footer .btn-primary {
	/*background-image: none;*/
	/*background-color: #000000;*/
	padding: 0 !important;
}




.table-page {
        text-align: center;
        display: flex;
        justify-content: center;
        margin: 5px 0;
}
.table-page li {
        list-style-type: none;
        color: #000000;
        margin: 10px;
}
.table-page a {
        padding: 9px 17px;
        border-radius: 50%;
        color: #ffffff;
        background: #774200;
}

 
 
 .table-page a:hover {
 
         background: #ffa949;
         
} 



.faq_accordian .accordion-toggle {
	margin-bottom: 5px;
	cursor: pointer;
	font-size: 14px;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 100%;
	font-weight: 600;
	padding: 20px 46px 20px 17px;
	border-radius: 10px;
	background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, #1f4e2b;
}
.faq_accordian .accordion-toggle.active {
	color: #ffffff;
	background: url(../images/accordian_arrow_up.png) no-repeat center right 20px, #08651c;
}
.faq_accordian {
        width: 100%;
}
.faq_accordian .accordion-content p {
	width: 100%;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	background: #000000;
	padding: 20px;
	border-radius: 10px;
	color: #fff;
	margin-top: 0;
}.faq_accordian .accordion-content {
        display: none;
        margin-bottom: 10px;
}
.faq_accordian .accordion .open {
        display: block;
}
.faq-btn {
        text-align: center;
        margin: 20px 0;
}
.faq_accordian .accordion-content p a {
	color: #ffffff;
}
.bootbox-close-button.close {
        float: right;
}
.news {
	padding: 20px;
	color: #ffffff;
	min-height: 150px;
	background-color: #1b383e;
	margin: 5px 0;
	min-height: 317px;
}.news a {
	font-size: 20px;
}
 .news.news-detail {
	min-height: inherit;
}
.error {
        border-radius: 0px;
        padding: 10px;
        font-size: 14px;
        background: #b72c2c;
        color: #ffffff;
        display: inline-block;
width: auto;
        margin: 2px 0;
		font-family: var(--bs-font-sans-serif);
}

.success {
        border-radius: 0px;
        padding: 10px;
        font-size: 14px;
        background: #448d17;
        color: #ffffff;
        display: inline-block;
        width: auto;
        margin: 2px 0;		font-family: var(--bs-font-sans-serif);
}
.msg ul {
	list-style-type: none;
}
.msg br {
	display: none;
}
.error i, .success i {
        margin-right: 5px;
}
.msg {
	margin: 10px 0 !important;
	text-align: center;
}
.bootbox-close-button.close {
	background: #04445a;
	border: 1px solid #04445a;
	color: #ffffff;
	border-radius: 5px;
	float: right;
	font-family: zono pro;
}
textarea:focus-visible {
        box-shadow: none;
}
.bootbox-close-button.close:hover {
        background-color: #53e2f6;
        border: 1px solid #53e2f6;
}
table input[type="text"] {
        width: 100%;
        border: none;
        background-color: #f2f2f2;
        padding: 10px 0;
}

.inner-navbar-head {
	display: none;
}

table .btn-primary {
	background: #000000;
	padding: 6px 21px;
	width: auto;
	height: auto;
}
table .btn-primary:hover, table .btn-primary:focus, table .btn-primary:active {
	background: #f7c998;
	color: #000000;
	height: auto;
}



table thead tr th:first-child {
	border-radius: 0px 0px 0px 0px;
  }
  table {
	caption-side: bottom;
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	white-space: nowrap;
  }
  table thead tr {
	background: #222b40;
  }
table tr th {
	background: #1b4023;
	padding: 15px 0px;
	color: ffffff;
	font-size: 14px;
	font-family: Zona Pro;
}
table tbody tr td {
	padding: 13px 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	border-bottom: 1px solid rgba(255,255,255,0.30);
	white-space: nowrap;
}table tbody tr td i {
	margin-right: 5px;
}
.feat-sec {
	background: url(../images/future-bg.png) no-repeat center;
	width: 100%;
	padding: 50px 0;
	min-height: 528px;
	position: relative;
}.feat-number {
	position: absolute;
	right: 20%;
	bottom: 18%;
	/* width: 100%; */
}
.feat-cont p {
	font-size: 14px;
	padding: 0 0;
}
.feat-img {
	margin-bottom: 50px;
}
 .feat-img img {
	margin: 0 auto;
}.feat-cont h4 {
	margin-bottom: 30px;
}.feat-cont {
	padding: 0 58px;
	position: relative;
}
.feat-img::after {
	background: url(../images/feat-img-after.png) no-repeat center;
	content: "";
	width: 79px;
	height: 87px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -13px;
	/* z-index: -1; */
}.feat-img img {
	position: relative;
	z-index: 1;
}.feat-img-after {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 192px;
}
.feature-carousel .owl-nav {
	text-align: center;
	margin-top: 20px;
}
 
.feature-carousel.owl-carousel .owl-nav button {
	margin: 0 3px;
	background: rgba(183,238,195,1);
	background: -moz-linear-gradient(top, rgba(183,238,195,1) 0%, rgba(44,240,85,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,238,195,1)), color-stop(100%, rgba(44,240,85,1)));
	background: -webkit-linear-gradient(top, rgba(183,238,195,1) 0%, rgba(44,240,85,1) 100%);
	background: -o-linear-gradient(top, rgba(183,238,195,1) 0%, rgba(44,240,85,1) 100%);
	background: -ms-linear-gradient(top, rgba(183,238,195,1) 0%, rgba(44,240,85,1) 100%);
	background: linear-gradient(to bottom, rgba(183,238,195,1) 0%, rgba(44,240,85,1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b7eec3', endColorstr='#2cf055', GradientType=0 );
	padding: 6px 22px !important;
	display: inline-block !important;
	border-radius: 22px;
	font-size: 20px;
}.three-block li img {
	background-color: #29ee24;
	border-radius: 50%;
	margin-right: 10px;
}.three-block ul {
	display: flex;
	justify-content: space-between;
}.three-block ul li {
	display: flex;
	align-items: center;
}.three-block {
	margin: 33px 0;
	transform: rotate(-1deg);
}


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

 @media only screen and (max-width: 1345px) {
}
 @media only screen and (max-width: 1199px) {
 .three-block {
	margin: 10px 0;
	transform: rotate(0deg);
}
.three-block h4 {
	font-size: 15px;
}
 .trade-bg::after{
 display:none;
 
 }
 /*.trade-bg { display:none;}*/
 
 /* .trade-bg::before{*/
 /*display:none;*/
 
 /*}*/
 .payment-method {
	margin-top: 24px;
	transform: rotate(-1deg);
}
.payment-method li {
	display: inline;
	padding: 0 0px;
}
.payment-method {
	margin-top: 30px;
	transform: rotate(-2deg);
	text-align: center;
}
.ref-img img {
	display: none;
}
.ref-content::after {

	display: none;
}

.ban-aft::after {
	left: 0;
	content: inherit;
	display: none;
}
.statistics {

	margin-left: 64px;
	
}
.head-nav-link a {
	padding: 0 0px;
}
.graph-aft::before {

	display: none;
}

.ban-aft::before {

	right: 0px;

}
.star-aft::after {

	right: -53px;
}
.tradeline-bg {

	background: #141c23;
}

.pay-bg {
	background: url(../images/section-bg.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	bottom: -12px;
	background: #141c23;
}
.contact-us {

	width: 100%;
	height: auto;

	bottom: 0px;
	background: #141c23;
	margin-top: 30px;
}
.cont-list {
	margin-top: 24px;
	
}
.payment-method {
	margin-top: 0px;
	transform: rotate(0deg);
	text-align: center;
}
.social-icons li {

	margin: 0 4px;
}
.tradeline-graph {
	position: relative;
	top: 0px;
	transform: rotate(0deg);
}
.tradeline-bg {
	background: url("../images/trade-line.png") no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	position: relative;
	top: -16px;
}
.tradeline-graph li {
	display: inline-block;
	padding: 0 23px;
}
.tradeline-graph {
	position: relative;
	top: 0px;
	transform: rotate(0deg);
	text-align: center;
	padding: 10px 10px;
}

.tra-list {
	position: relative;
	left: 0px;
}

.sta-list h4 {
	font-size: 14px;
}.banner small {
	font-size: 48px;
	color: #27f051;
}
}
 @media only screen and (max-width: 991px) {
 
 .referral-bg {
	background: url("../images/ref-bg.jpg") no-repeat;
	background-size: cover;
	position: relative;
	top: 0px;
	margin-bottom: 0px;
}
 
 .tra-list {
	position: relative;
	left: 0px;
}
 .plan.plan-top #v-pills-tab {
	width: 100%;
}

.plan-head-aft::before {

	display: none;
}

.plan-head-aft::after {

	display: none;
}

.plan-aft::after {

	display: none;
}
.plan-head-aft::after {

	display: none;
}
.innerpage-graph::before {

	display: none;
}
.innerpage-graph::after {

	opacity: 20%;
	display: none;
}
.innerpage-banner::after {

	display: none;
}

.sta-aft::before {

	display: none;
}
.form-details {
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
}
.innerpage-head {
	margin-top: 21px;
	margin-bottom: 25px;
}

.login-star::before {

	display: none;
}

.innerpage-banner::before {

	display: none;
}
.login-star::after {

	display: none;
}
.plan-head-aft::before {

	display: none;
}
.ref-bg::before {

	display: none;
}
.plan .nav-link {
 
	width: 100%;
	 
 
}.plan .nav-link {
 
	margin-left: 0;
}
 .heading p {
	margin-top: 0px;
}
.heading {
	margin-top: 0px;
}
.head-logo {
	text-align: center;
	margin: 10px 0;
}
.ser-time {
	text-align: center;
	margin-top: 13px;
}
.social-icons {
	text-align: center;
	margin-top: 13px;
}

.graph-aft::after {

	display: none;
}
.ban-btn {
	text-align: center;
}
.banner {
	margin-top: 13px;
	text-align: center;
}
.ban-aft::before {

	display: none;
}
.star-aft::before {

	display: none;
}
.star-aft::after {

	display: none;
}

.ban-aft::after {

	display: none;
}

.graph-aft::before {

	display: none;
}

.head-logo::after {

	display: none;
}
.sta-aft::after {

	display: none;
}
.statistics::before {

	display: none;
}
.sta-list {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	background: #121c14;
	padding: 10px 0;
	border: 1px solid #23732e;
}
.statistics {
	margin-top: 20px;
	margin-left: 0px;

}
.margin-top {
	position: relative;
	top: 0px;
}

.ref-content::after {

	display: none;
}
.pay-bg {
	background: url(../images/section-bg.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	bottom: 0px;
	background: #000;
	margin-top: 36px;
}
.pay-bg::after {

	display: none;
}
.payment-method {
	margin-top: 0px;
	transform: rotate(0deg);
	text-align: center;
}
.payment-method li {
	display: inline;
	padding: 0 0px;
	margin: auto;
	text-align: center;
}
.referral-bg {

	background: #1d262c;
}
.ref {
	margin-bottom: 30px;
	margin-top: 14px;
	text-align: center;
}
.ref-title {
	margin-bottom: 0px;
	text-align: center;
}
.ref-p {
	justify-content: center;
}
.transaction-bg {
	background: url("../images/transaction-history-bg.jpg") no-repeat;
	background-size: cover;
	background: #131b23;
}
.tra-list li {
	display: flex;
	background: #12494a;
	border-radius: 25px;
	align-items: center;
	margin-bottom: 5px;
	justify-content: space-between;
	width: 100%;
	height: auto;
	padding: 11px;
}
.tran-history {
	text-align: center;
}
.tran-history {
	margin-bottom: 15px;
}
.contact-us {
	background: url(../images/contact-details.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	position: relative;
	bottom: 0px;
	background: #111315;
	margin-top: 0;
}
.cont-list {
	margin-top: 19px;
}
.cont-list {
	margin-top: 19px;
	justify-content: center;
}
.footer-logo {
	text-align: center;
}
/*.foot-menu {*/
/*	text-align: center;*/
/*}*/
.tradeline-bg {
	background: url("../images/trade-line.png") no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	position: relative;
	top: 0px;
	background: #111315;
}
.feature-trade {
	margin-top: 0px;
}
.plan-bg {

	bottom: 0px;
}
.plan-bg {

	background: #142027;
}
.plan-title h2 {
	margin-top: 10px;
	text-align: center;
	margin-bottom: 0px;
}

.plan-title p {
	margin-top: 10px;
	text-align: center;
}
.trade-bg {

	margin-top: 10px;
	margin-bottom: 10px;
	background: #141c23;
}

.ref-img img {
	display: none;
}
.nav-home {

	display: none;
}
.ref-top {
	margin-top: 0px;
	margin-bottom: 10px;
}
.ref-content {
	margin-top: 15px;
}
.pay-bg {

	margin-top: 0px;
}
.title {
	margin-top: 10px;
}


.head-nav-link li a {
	font-size: 14px;
	font-weight: bold;
}
.head-nav-link li a:hover {
	color: #5df03e !important;
}
.head-nav-link li a h6 {
	font-size: 12px;
}
.head-nav-link li h6 {
	font-size: 12px;
	color: rgba(255,255,255,0.34);
}
.head-nav-link li {
	padding: 6px 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}.head-nav-link li:last-child {
	border: none;
}

.navbar-head {
	width: 100%;
	background: #6a9921;
	border-radius: 5px;
	padding: 5px 10px;
}
.navbar-head h4 {
	display: inline-block;
	font-size: 20px;
	margin-top: 8px;
	color: #fff;
}
.nav-head button {
	float: right;
}
.nav-head .navbar-toggler {
	background: linear-gradient(to right, #f5e48e 0%, #f5a95b 100%);
	border: 0;
}
.head-nav-link li {
	width: 100%;
	text-align: center;
}
.head-nav-link {
	background: #1b4023;
	border-radius: 5px;
	padding: 10px;
}
.head-left {
	background: transparent;
}

.mobile-screen {
	display: block;
}

.banner small {
	font-size: 45px;
}
.feature-trade h2 {
	margin-bottom: 0px;
}
.social-icons li {
	margin: 0 7px;
}.ref-bg::before {

	display: none;
}
.ref-bg::after {

	display: none;
}
#v-pills-tabContent {
	left: 0px;
}
.box-green {
	padding: 20px;
	background-color: rgba(46, 138, 138, 0.2);
	position: relative;
	left: 0px;
}
.Abt-head {
	margin-top: 0px;
}
.graph-aft1::before {

	display: none;
}

.graph-aft1::after {

	display: none;
}

.abt-sta {
	margin-left: 0px;
}
.pay-bg1 {
	background: url(../images/section-bg.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	bottom: 0px;
	background: #000;
	margin-top: 0px;
}
.testi::after {

	display: none;
}

.testimonial::after {
	position: absolute;
	content: "";
	background: url("../images/test-bg-aft.png");
	width: 90px;
	height: 113px;
	left: -84px;
	top: 0px;
	display: none;
}
.tesi-carousel {
	margin-bottom: 0px;
}
.tradeline-bg1 {
	background: url("../images/trade-line.png") no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	position: relative;
	top: 0px;
	background: #111315;
}
.about-stat {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
}

.box-green {
	padding: 20px;
	background-color: rgba(46, 138, 138, 0.2);
	position: relative;
	left: 0px;
	width: 100%;
	height: auto;
}
}
 @media only screen and (max-width:767px) {
 .news {
 
	min-height: inherit;
}
.three-block ul {
	display: inline-block;
 
	text-align: center;
	width: 100%;
}.three-block ul li h4 {
	display: inline-block;
	width: 100%;
}
.three-block ul li {
	display: inline-block;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
}
 .tradeline-graph li {
	display: inline-block;
	padding: 0 23px;
	margin-bottom: 10px;
}
.test-img img {
	position: absolute;
	top: 26px;
	right: 165px;
}
}
 @media only screen and (max-width: 575px) {
 .ref-banner::before {
 
	content: inherit;
	display: none;
 
}
 
 .tra-aft::before {

	display: none;
}
.tra-aft::after {

	display: none;
}
.plan-con.d-flex {
	justify-content: center;
}.circle-img {
	display: none;
}.referal-level {
	padding: 10px 0;
	text-align: center;
	 
}.ref-banner {
	border: none;
	width: auto;
	height: auto;
 
}

}

 @media only screen and (max-width: 365px) {
 
 .test-img img {
	position: absolute;
	top: 26px;
	right: 9px;
}
 
.forminput-msg h6 {
	font-size: 12px;
	background-color: #0e1215;
	width: 100%;
	padding: 9px 22px;
	border-radius: 25px;
}

.circle-img img {
	width: 90%;
}
.ref {
	margin-bottom: 0px;
	margin-top: 15px;
	text-align: center;
}
  
.ref-icon li img {
	width: 70%;
}
.ref-icon li:first-child {
	top: 149px;
	bottom: 0px;
	margin: 0 auto;
	left: -26px;
}
.ref-icon li:last-child {

	bottom: -15px;
}
.ref-icon li:nth-child(4) {
	right: -12px;
	bottom: 32px;
}
.ref-icon li:nth-child(2) {

	top: 0px;
}
.ref-icon li:nth-child(3) {

	top: 5px;
}

.level li img {
	width: 70%;
}
.level li:first-child {
	top: 28px;
	margin: auto;
	left: 136px;
}
.level li:nth-child(2) {
	left: 37px;
	top: 116px;
}
.level li:nth-child(3) {
	left: 137px;
	margin: auto;
	bottom: 34px;
}
.level li:nth-child(4) {
	right: 56px;
	top: 53px;
}
.level li:nth-child(5) {
	bottom: 114px;
	left: 38px;
}
.lev-list span {
	font-size: 14px;
}
.level li:nth-child(6) {
	right: 35px;
	bottom: 92px;
}
.level li:last-child {
	bottom: 52px;
	left: 62px;
}
.margin {
	margin-top: 0px;
}
.banner small {
	font-size: 35px;
}
.plan-btn {
	margin-top: 20px;
	margin-left: 36px;
}
 
.deposit-detail h3 {
	font-size: 23px;

}
.plan-detail {
	padding: 0px;
	align-items: center;
}
.cont-list h4 {
	font-size: 12px;
}
}

.log-image{
	width: 50% !important;
}






#highlight .column .wrap .icon {
    background:linear-gradient(to bottom, rgba(217,240,17,1) 0%, rgba(62,240,73,1) 100%);
    border-radius: 50%;
    height: 56px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -15px;
    top: -15px;
}
#highlight .column .wrap .content h5 {
    margin-bottom: 11px;
}
h5 {
    font-size: 20px;
    line-height: 150%;
    font-weight: 700;
    color: var(--white-color);
}
#highlight .column .wrap .content .text-secondary {
    line-height: 150%;
    margin-bottom: 0;
}
.percent-sign {
	font-family: 'Arial', sans-serif; /* Use a common system font */
}