/*Header start*/

body {
	background: #fff;
}
a:hover {
	color: #510648 !important;
}
.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;
}

.text-grad {
	background: -webkit-linear-gradient(0deg, #e96425 11%, #d5d685 50%, #109d9c 89%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/**********************************Header **********************************/
.navbar-head h4 {
	display: none;
}

.navbar-head h4 {
	display: none;
}

.nav-bg {
	background: #fdfbff;
	position: relative;
	z-index: 2;
}

.head-nav-link li {
	display: inline-block;
	margin: 0px 16px;
}

.head-nav-link li a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

.nav-btn li {
	display: inline-block;
}

.head-nav-link li a:hover {
	color: #fc5e2b !important;
}

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


/**********************************banner section start **********************************/

.banner-cont {
	padding: 60px 0;
}
.align {
	align-items: center;
}

.banner-img-list li {
	position: absolute;
}

.banner-img-list li:first-child {
	top: 0px;
	left: 0px;

}

.banner-img-list li:first-child {
	top: -6%;
	left: 6%;
	z-index: -1;
}

.banner-img-list li:nth-child(2) {
	top: 227px;
	left: 106px;
}

.banner-img-list li:nth-child(3) {
	top: 210px;
	left: 124px;
	animation-name: wobble;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}

.banner-img-list li:last-child {
	top: 245px;
	right: 26px;
	animation-name: rotate;
	animation-duration: 2.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@media only screen and (min-width: 1199px) {
	.main-bg::after {
		position: absolute;
		content: "";
		background: url("../images/banner-bf.png") no-repeat scroll 0 0;
		width: 1066px;
		height: 487px;
		right: 0px;
		bottom: -58px;
		z-index: -2;
		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 5s linear infinite;
	}

	.banner-bg::after {
		position: absolute;
		content: "";
		background: url("../images/banner-gradient.png") no-repeat;
		width: 1040px;
		height: 884px;
		top: -69px;
		z-index: -3;
		animation-name: flash;
		animation-duration: 3s;
		animation-iteration-count: infinite;
	}


}


.banner-img-list li:first-child {
	animation: animate 4s ease-in-out infinite;
}

.banner-img-list li:nth-child(2) {
	animation-name: flash;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}



/********************************** banner section end **********************************/
/********************************** Features **********************************/

.fea-bloc {
	background: url(../images/admin/features-bg.jpg) no-repeat scroll 0 0,#fff;
	background-size: cover;
	-webkit-box-shadow: 0px 0px 7px 5px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 0px 7px 5px rgba(50, 50, 50, 0.1);
	box-shadow: 0px 0px 7px 5px rgba(50, 50, 50, 0.1);
	border-radius: 35px;
	padding: 30px 25px;
}
.stats-head{
	position:relative;
	z-index:1;
}
.how-it-box {
	margin-top: 30px;
}


/********************************** Features **********************************/

/********************************** About **********************************/
.trading-img-list li:last-child {
	bottom: 22px;
	left: 189px;
	z-index: 2;
	animation-name: rotate;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.trading-img-list li:nth-child(2) {
	top: 6px;
	z-index: -1;
	right: 100px;
	animation: animate 3s ease-in-out infinite;
}
.trading-img-list li {
	position: absolute;
}
/**********************************about end **********************************/


/*******************************  plan start *************************************/

.box-content h4 {
	font-size: 40px;
}
.box-content h3 {
	font-size: 18px;
	margin: 0;
}
.box-content span {
	display: none;
}
.invest-box-plan h6 {
	font-size: 21px;

}
.plan-info {
	display: flex;
	align-items: start;
	margin: 0 45px;
}

.plan-amt h6, .plan-amt span {
	text-align: start;
	text-transform: capitalize;
}

.plan-tick i {
	text-align: start;
	color: #041b52;
}.plan-amt {
	text-align: start;
}
.invest-box-plan li {
	margin-top: 5px;
	position: relative;
}
.invest-box-plan li:not(:last-child)::after {
	position: absolute;
	content: "";
	background: url("../images/dot-line.png") no-repeat;
	width: 135px;
	height: 1px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	bottom: 0px;
}
 @media only screen and (min-width: 1190px) {
.home-plan-sec::after {
	background: url("../images/plan-bg.png") no-repeat;
	position: absolute;
	content: "";
	width: 100%;
	height: 376px;
	top: 35px;
	z-index: -1;
	left: 0px;
	background-size: cover;
}
}



.invest-box:hover {
	background: url("../images/home-plan-hover.png") no-repeat;
/*	width: 293px;
	height: 678px;
	margin-top: -14px;*/
}

.invest-box {
    background: url("../images/home-plan-hover.png") no-repeat;
	padding: 167px 10px 10px 10px;
}

.invest-box:hover .plan-amt span {
	color: #fff;
}
.invest-box:hover .plan-amt h6 {
	color: #fff !important;
}

.invest-box.active2 {
	background: url("../images/home-plan-hover.png") no-repeat;
}

.invest-box .btn-primary {
	border: transparent !important;
}
.invest-box:hover .btn-primary {
	background: rgb(255,255,255);
	background: linear-gradient(to right, #F09819, #FF512F);
	border: transparent;
	color: #fff;
}

.invest-box.active2 .btn-primary {
	background: rgb(255,255,255);
	background: linear-gradient(to right, #F09819, #FF512F);
	color: #fff;
}
.invest-box.active2 .plan-amt span, .invest-box.active2 .plan-amt h6 {
	color: #fff !important;
}
 @media only screen and (min-width: 1190px) {
.home-plan-sec::before {
	position: absolute;
	content: "";
	background: url("../images/ball4.png") no-repeat;
	width: 120px;
	height: 157px;
	right: 0px;
	top: 133px;
}}
.cal-link {
	display: flex;
	align-items: center;
}
.cal-link span, .cal-link small {
	font-size: 35px;
}

.plan-select .form-select {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(92,114,111,1) 100%);
	border: 2px solid #fff;
	border-radius: 0px;
	font-size: 16px;
	padding: 11px 10px;
}

.plan-select .form-control {
	border: transparent;
	background: #ec5d25;
	border-radius: 0px;
	padding: 12px 11px;
	color: #fff !important;

}

.plan-select .form-control::placeholder {
	color: rgba(255, 255, 255, 0.75);
	opacity: 1;
}
/*******************************  plan end *************************************/


/*******************************  our features  start*************************************/

.our-fea-list {
	display: flex;
	align-items: center;
	border-radius: 15px;
	padding: 10px 16px;
	width: 100%;
	background: #F0C27B;
	background: -webkit-linear-gradient(to top, #4B1248, #F0C27B);
	background: linear-gradient(to top, #4B1248, #F0C27B);
}
.our-fea-list:hover {
	background: rgb(255,255,255);
	background: linear-gradient(to left, #240b36, #c31432);
}
.fea-ico::after {
	position: absolute;
	content: "";
	background: #ec5d25;
	width: 76px;
	height: 76px;
	left: 0px;
	right: 0px;
	margin: auto;
	filter: blur(20px);
	top: 0px;
	bottom: 0px;
	animation-name: flash;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}

.fea-ico img {
	position: relative;
	z-index: 1;
}
 @media only screen and (min-width: 1190px) {
.our-feature::after {
	position: absolute;
	content: "";
	background: url("../images/sta-robot.png") no-repeat;
	width: 177px;
	height: 194px;
	left: 37px;
	top: 53px;
	animation: y-axis-animation 1s ease-in-out 0s infinite alternate;
}
.our-feature::before {
	position: absolute;
	content: "";
	background: url("../images/dot-wave.png") no-repeat;
	width: 994px;
	height: 967px;
	z-index: -1;
	top: 64px;
	right: 148px;
	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 8s linear infinite;
}

}
 @media only screen and (min-width: 990px) {
.abt-page-pad {
	margin-top: 80px;
}
}

/*******************************  our features  end*************************************/
/********************************** referral start **********************************/

.bg-green {
	position: relative;
	z-index: 1;
}
.referral-bg {
	background: #000;
}
.bg-green::before {
	background: url(../images/bg-green-2.png)no-repeat;
	position: absolute;
	content: "";
	top: 20px;
	bottom: 0px;
	width: 100%;
	height: 859px;
	z-index: -1;
}

.ref-circle {
	position: relative;
	top: 156px;
	bottom: 0px;
	left: 16px;
	height: 200px;
	z-index: -1;
}

.ref-box:hover {
	border: 3px dotted #fff;
	background: #101010;
}

.level-con span {
	font-size: 16px;
	font-family: 'Nexa';
	font-weight: 700;
}

.level-con .percent {
	font-size: 21px;
	color: #ff7c05;
	font-weight: 700;
	font-family: 'Nexa';
	margin: 0px 5px;
}

.level-perc {
	font-size: 21px;
	font-weight: 700;
	font-family: 'Nexa';
}

.line-common {
	position: relative;
	margin: 0 auto;
	z-index: 2;
}

.level-1 {
	position: relative;
	left: 105px;
	top: 8px;
}

.level-2 {
	position: relative;
	left: 20px;
	bottom: 35px;
}

.level-3 {
	position: relative;
	left: -7px;
	top: -18px;
	z-index: 2;
}

.level-4 {
	position: relative;
	top: -31px;
	left: 35px;
	z-index: 2;
}

.level-5 {
	position: relative;
	top: -93px;
	left: 80px;
}

.line-1 {
	left: -23px;
	top: 0px;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 100% 100%, 75% 55%, 50% 50%, 50% 50%, 25% 0%;
	mask-repeat: no-repeat;
	animation: mask 7s linear infinite;
}



.line-2 {
	left: 0px;
	bottom: -7px;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 100% 100%, 75% 55%, 50% 50%, 50% 50%, 25% 0%;
	mask-repeat: no-repeat;
	animation: mask 6s linear infinite;
	animation-delay: 1s;
}
.line-3 {
	left: 251px;
	top: -46px;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 100% 100%, 75% 55%, 50% 50%, 50% 50%, 25% 0%;
	mask-repeat: no-repeat;
	animation: mask 5s linear infinite;
	animation-delay: 1s;
}
.line-4 {
	bottom: 8px;
	left: -13px;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 100% 100%, 75% 55%, 50% 50%, 50% 50%, 25% 0%;
	mask-repeat: no-repeat;
	animation: mask 4s linear infinite;
}

.line-5 {
	left: -8px;
	bottom: 7px;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 100% 100%, 75% 55%, 50% 50%, 50% 50%, 25% 0%;
	mask-repeat: no-repeat;
	animation: mask 3s linear infinite;
}

.ref-img.me-3 {
	animation-name: flipInY;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


.ref-circle {
	position: relative;
	z-index: 1;
}
.referral-right {
	position: relative;
	z-index: 2;
	top: 100px;
	left: 0px;
}

.referral-right::after {
	background: url(../images/ref-after-img.png) no-repeat;
	position: absolute;
	content: "";
	top: 139px;
	bottom: 0px;
	left: -15px;
	margin: 0 auto;
	width: 160px;
	height: 169px;
	animation-name: fadeInDown;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

.ref-box {
	background-color: #000;
	border: 3px dashed rgba(255, 255, 255, 0.8);
	padding: 28px 47px;
}

.bg04 {
	background-color: #0b121c;
	position: relative;
}

.footer-certi img {
	position: absolute;
	top: -220px;
	bottom: 0px;
	right: 170px;
	rotate: 35deg;
	margin: 0 auto;
	z-index: 2;
}
.payment-list li {
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	padding: 2px 2px;
	margin: 0 5px;
}
.footer-certi a {
	background-color: #f99132;
	padding: 4px 4px;
	margin-right: 182px;
	position: absolute;
	top: -90px;
	right: 80px;
	rotate: 12deg;
	z-index: 2;
}

.loca-icon {
	background-color: #f99132;
	color: #fff;
	padding: 11px 29px;
	border-radius: 50px;
	font-size: 46px;
}

.loca-content span {
	font-size: 16px;
}

.loca-content address {
	font-size: 18px;
}

.reg-content h3 {
	font-size: 40px;
	background: -webkit-linear-gradient(left, rgba(233, 99, 37, 1) 0%, rgba(213, 214, 133, 1) 22%, rgba(16, 157, 157, 1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

.footer-pay-icon img {
	background-color: #111a27;
	padding: 15px 20px;
}

.pay-carousel .owl-item img {
	display: block;
	width: 65px;
}

.footer-rights span {
	color: #414449;
}

.modal-body img {
	position: relative;
	left: 46px;
	width: 380px;
	height: 600px;
}

.modal-body .btn-close {
	position: absolute;
	top: 4px;
	right: 6px;
	bottom: 0px;
}

.btn-close:hover {
	color: #000;
	text-decoration: none;
	opacity: .75;
}

.level-con {
	display: flex;
	align-items: center;
}

/********************************** referral end **********************************/



/**********************************history start **********************************/

.transaction-box {
	width: 167px;
	height: 157px;
	text-align: start;
	padding: 18px 8px;
}

.transaction-bg1 {
	background: url("../images/transaction-bg.png") no-repeat;
}

.transaction-bg2 {
	background: url("../images/transaction-bg1.png") no-repeat;
}

.transaction-name {
	background: rgb(198, 198, 198, 0.3);
	display: inline-block;
	padding: 3px 28px;
	border-radius: 5px;
	position: relative;
	top: -10px;
}

.transaction-name h6 {
	margin-bottom: 0px;
	font-size: 12px;
}

.transaction-box span {
	font-size: 14px;
}

.transaction-box h6 iconify-icon {
	color: #000;
	font-size: 14px;
}

.transaction-deails li {
	display: inline-block;
	margin: 0 11px;
}

.transaction-ico img {
	width: 20% !important;
}



/**********************************history end **********************************/

/************************ payment start **********************************/




.pay-list li {
	display: inline-block;
	background: #343627;
	border-radius: 10px;
	padding: 5px;
	margin-left: 17px;
}

.pay-list {
	margin-top: 40px;
	margin-bottom: 40px;
}



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


/********************************** Testimonial start **********************************/


.testimonials {
  padding: 70px 0;
  background: #f6f8ff;
}

.test-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}

.testimonial-item {
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  transition: transform .3s ease, box-shadow .3s ease;
}

.testimonial-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.test-content p {
  font-size: 17px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 20px;
}

.test-user {
  display: flex;
  align-items: center;
  gap: 15px;
}

.test-user img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.test-user h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.test-user span {
  font-size: 14px;
  color: #666;
}


/********************************** Testimonial End **********************************/




/********************************** Blog start **********************************/


.blog-section {
	padding: 30px 0;
	background: #f9f9f9;
}

.blog-title {
  text-align: center;
  margin-bottom: 50px;
  font-size: 32px;
  font-weight: 700;
  color: #111;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

.blog-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.blog-img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: 0.3s;
}

.blog-card:hover .blog-img img {
  transform: scale(1.08);
}

.blog-content {
  padding: 20px;
}

.blog-date {
  font-size: 14px;
  color: #888;
}

.blog-heading {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0;
  color: #111;
}

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

.blog-btn {
	display: inline-block;
	margin-top: 15px;
	padding: 10px 18px;
	background: linear-gradient(to right, #F09819, #FF512F);
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	text-decoration: none;
	transition: 0.3s;
}

.blog-btn:hover {
	background: linear-gradient(to left, #F09819, #FF512F);
	color: #fff;
}



/********************************** Blog end **********************************/

/********************************** Testimonial Start **********************************/
.testimonial-section {
	padding: 30px 0;
	background: #f7f7f7;
}

.testi-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
  color: #111;
}

.testi-card {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.1);
  text-align: center;
  margin: 10px;
}

.testi-profile img {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 15px;
	margin: 0 auto;
}

.testi-profile h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

.role {
  color: #777;
  font-size: 14px;
}

.testi-text {
  margin-top: 20px;
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}

.stars {
  margin-top: 15px;
  font-size: 20px;
  color: #ffb400;
}

/* Owl dots */
.owl-dots .owl-dot span {
  width: 12px;
  height: 12px !important;
  background: #ccc !important;
  display: block;
  border-radius: 50%;
  margin: 5px;
}

.owl-dots .owl-dot.active span {
  background: #111 !important;
}

/********************************** Testimonial end **********************************/

/********************************** FAQ **********************************/
.faq-section {
  padding: 50px 0;
  background: #f8f8f8;
}

.faq-container {
  width: 80%;
  max-width: 800px;
  margin: auto;
}

.faq-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 700;
}

.faq-item {
  background: #fff;
  margin-bottom: 15px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: background 0.3s ease;
}

/* Color animation when active */
/*.faq-item.active {*/
/*  background: #eaf3ff;*/
/*}*/

.faq-question {
  width: 100%;
  padding: 18px 20px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: color 0.3s ease;
}

/* Text color change animation */
.faq-item.active .faq-question {
	color: #d63200;
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0 20px;
}

.faq-answer p {
  padding: 15px 0;
}

.faq-icon {
  font-size: 22px;
  transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
}

.faq-item.active .faq-answer {
  max-height: 200px;
}


/********************************** FAQ **********************************/

/********************************** Footer **********************************/

.footer-sec {
	background: url(../images/footer-bg.jpg) no-repeat scroll 0 0;
	background-size: cover;
	/* padding: 40px 0; */
	padding-top: 45px;
}

.foot-list li{
	display:inline-block;
}

.foot-list li {
	margin-left: 45px;
}

.copy h6 {
	font-size: 16px;
}

.copy h6 {
	font-size: 16px;
	border-top: 1px solid #000;
	padding-top: 40px;
}


.deposit-list li {
	position: relative;
	width: fit-content;
}



.deposit-list li:first-child {
	top: 0px;
}

.foot-head span a:hover {
	color: #CA32FF !important;
}
@-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 animate {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-30px);
	}

	100% {
		transform: translateY(0);
	}
}


/* footer end */


/**********************************footer start **********************************/
.footer-nav-list li {
	margin-bottom: 10px;
}

.footer-ico iconify-icon {
	font-size: 30px;
}

.footer-location {
	display: flex;
	align-items: center;
}

.footer-p p {
	font-size: 16px;
	line-height: 25px;
}

.footer-p span {
	display: 14px !important;
}

.footer-sec::before {
	position: absolute;
	content: "";
	/*background: url("../images/diamiond-bg2.png") no-repeat;*/
	background-size: cover;
	width: 100%;
	height: 594px;
	bottom: 0px;
	z-index: -1;
}

@media only screen and (min-width: 990px) {
	.copy-rights {
		left: 58px;
	}

	.footer-sec::after {
		position: absolute;
		content: "";
		background: url("../images/dragon2.png") no-repeat;
		width: 358px;
		height: 264px;
		right: 60px;
		top: 50px;
	}
}

.company-footer {
	background: linear-gradient(208deg, #dadcec, #dadcec, #fff);
}

.payment-list li img {
	animation: flip-animation 2s infinite linear;
}

/* Flip Effect */
@keyframes flip-animation {
	0% {
		transform: rotateY(0deg);
	}

	50% {
		transform: rotateY(180deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}

a.text-info:hover {
	color: #9836f4;
}


.foot-coins li {
	position: absolute;
}

.foot-coins li:first-child {
	top: 104px;
	right: 104px;
	animation: animate 3s ease-in-out infinite;
}

.foot-coins li:nth-child(2) {
	bottom: 0;
	right: 32%;
}

.foot-coins li:nth-child(2) {
	bottom: 2%;
	right: 32%;
	animation: rotate-coin 2s linear infinite;
}

.foot-coins li:last-child {
	left: 28%;
	bottom: 10%;
	animation: animate 3s ease-in-out infinite;
}
.payment-list li {
	display: inline-block;
	background: #000;
	border-radius: 50%;
	padding: 2px 2px;
	margin: 0 5px;
}
/**********************************footer 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;
}

/* The typing effect */
@keyframes typing {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}


@keyframes blink-caret {

	from,
	to {
		border-color: transparent
	}

}

@keyframes animate {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-30px);
	}

	100% {
		transform: translateY(0);
	}
}


@-webkit-keyframes number {
	from {

		background-position: 50% -780px, 0 0;
	}

	to {
		background-position: 50% 0px;
	}

}

.footer-nav-list h4 {
	font-weight: bold;
}

.home-plan-btn {
	position: relative;
	top: 37px;
}

/********************************** Inner page start **********************************/

.inner-title-bg {
	background: linear-gradient(to right, #480048, #C04848);
	margin: 0px 0px 50px 0px;
}

/********************************** innerpage end **********************************/

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

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

.head-logo {
	text-align: center;
	padding: 10px 0px;
}
.head-nav-link li {
	display: inline-block;
	margin: 0px 7px;
}
.btn-primary {
	padding: 7px 20px;

}
.btn-secondary {
	padding: 7px 20px;

}
.blog-grid {
	gap: 16px;
}
.banner-img-list li:first-child {
	top: 7%;
}

}



 @media only screen and (max-width: 991px) {
	.our-fea-list {
	margin: 10px 0px;
}
.banner-cont {
	padding: 60px 0;
	text-align: center;
}
.features-block {
	margin: 20px 0px;
}
.trading-img {
	text-align: center;
}
.abt-cont {
	text-align: center;
}
.h2, h2 {
	font-size: 38px;
}
.invest-box {
	padding: 15px 15px;
	/* background: rgb(226,237,241); */
	background: linear-gradient(0deg, rgba(226,237,241,1) 0%, rgba(92,114,111,1) 100%) !important;
	width: 95%;
}
.plan-head h2 {
	color: #000 !important;
}
.plan-p {
	text-align: center;
}
.plan-p p {
	color: #000 !important;
}
.title {
	text-align: center;
}
.referral-right {
	top: -33px;
}
.level-1 {
	left: 166px;
}

.level-2 {
	left: 39px;
	bottom: 42px;
}
.level-4 {
	left: 23px;
}
.level-5 {
	top: -68px;
	left: 64px;
}
.footer-sec::after {
	display: none;
}
.footer-logo {
	text-align: center;
}
.footer-logo {
	text-align: center;
	margin-bottom: 40px;
}
.foot-coins {
	display: none;
}
.referral-bg {
	padding: 40px 0px;
}
.blog-card {
	margin: 20px 0px;
}
.footer-location {
	margin: 20px 0px;
}
.slink1 {
	margin-top: 25px;
}	
}



 @media only screen and (max-width:767px) {
}
 @media only screen and (max-width: 575px) {
	.ref-circle img {

		display: none;
	}

	.line-common {
		display: none;
	}

	.level-1 {
		position: relative;
		left: 0px;
		top: 0px;
	}

	.level-2 {
		position: relative;
		left: 0px;
		bottom: 0px;
	}

	.level-3 {
		position: relative;
		left: 0px;
		top: 0px;
		z-index: 2;
	}

	.level-4 {
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 2;
	}

	.level-5 {
		position: relative;
		top: 0px;
		left: 0px;
	}

	.banner-content .title h1 {
		letter-spacing: 0px;
		line-height: 61px;
		font-size: 45px;
	}

	.banner-content .title h2 {
		font-size: 40px;
	}

	.to-size {
		font-size: 40px;
	}

	.referral-levels {

		margin: 0 auto;
	}

	.referral-right {
		top: 0px;

		margin-top: 30px;
	}

	.margin-left-del {
		margin-left: 10px;
		margin-right: 0px;
	}

	.margin-left-del .title p {
		text-align: center;
	}

	.title-bottom p {
		text-align: center;
	}

.level-content {
	margin-bottom: 20px;
	background: #640303;
	padding: 12px 10px;
	border-radius: 10px;
	border: 2px dotted #fff;
}

.level-content:hover {
	background: #7d2323;
	border: 2px solid #fff;
}

	.footer-nav-list {
	margin: 20px 0px;
}
.payment-list li {
	background: linear-gradient(to right, #480048, #C04848);

}


}

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

.faq-section {
	padding: 0px 0;
	background: #f8f8f8;
}


}
 @media only screen and (max-width:424px) {
.h6, h6 {
	font-size: 13px;
}
 }