@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
	margin: 0;
	padding: 0;
	font-family: "Poppins", sans-serif;

	font-size: var(--clamp18);
	color: var(--white-color);
	font-weight: 400;
	font-style: normal; overflow-x: hidden;  
   background: #272727;
background: linear-gradient(90deg, rgba(39, 39, 39, 1) 0%, rgba(25, 21, 89, 1) 100%);
}

:root {

	/* colors*/
	--border-color:#334155;
	--main-color: #020053;
	--link-color: #398533;
	--text-color: #6C728C;
	--white-color: #fff;
	--black-color: #000;
	--green-color: #51CD0A;
	/* fonts*/

	--clamp12: clamp(10px, 0.625vw, 12px);
	--clamp14: clamp(12px, 0.72916vw, 14px);
	--clamp16: clamp(14px, 0.8333vw, 16px);
	--clamp18: clamp(14px, 0.9375vw, 18px);
	--clamp20: clamp(12px, 1.0416vw, 20px);
	--clamp24: clamp(16px, 1.25vw, 24px);
	--clamp26: clamp(20px, 1.3541vw, 26px);
	--clamp28: clamp(22px, 1.4583vw, 28px);
	--clamp30: clamp(20px, 1.5625vw, 30px);
	--clamp36: clamp(20px, 1.875vw, 36px);
	--clamp40: clamp(20px, 2.0833vw, 40px);
	--clamp48: clamp(20px, 2.5vw, 48px);
	--clamp58: clamp(25px, 3.02vw, 58px);
	--clamp68: clamp(25px, 3.542vw, 68px);
	--clamp78: clamp(30px, 4.0625vw, 78px);
	--clamp90: clamp(30px, 4.6875vw, 90px);
	--clamp150: clamp(50px, 7.8125vw, 150px);


}

ul {
	padding: 0px;
	margin: 0px;
}

li {
	list-style: none;
}

a {
	color: var(--orange-color);
	text-decoration: none;
}



h1 {
	font-size: var(--clamp68);
	font-weight: 600;
	margin-bottom: 20px;
	color: var(--white-color);
}

h2 {
	font-size: var(--clamp40);
	font-weight: 600;
	margin-bottom: 20px;
	color: var(--white-color);
}

h3 {
	font-size: var(--clamp40);
	font-weight:700;
	margin-bottom: 20px;
	color: var(--white-color);
}
h3 span{ color: var(--green-color);}
h4 span{ color: var(--green-color);}

h4 {
	font-size: var(--clamp28);
	color: var(--white-color);
	font-weight:600;
	margin-bottom: 20px;
	
}

h5 {
color: var(--white-color);
	font-weight: 600;
	font-size: var(--clamp20);
	margin-bottom: 10px;

}

.form-control {
	border: 1px solid #E6EDFB !important;
	border-radius:8px !important;
	width: 100%;
	font-weight: 500;
	font-size: var(--clamp16);
	color: #000 !important;
	padding: 10px 20px;
	outline: none;
	box-shadow: none;
}
.btn-outline {
	border: 1px solid var(--main-color);
	background: transparent;
	width: auto;
	text-align: center;
	font-size: var(--clamp16);
	padding: 15px 40px;
	border-radius: 2px;
	outline: none;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.7s ease;
}

.btn-outline:hover {
	opacity: 1;
	color: #fff;
	background: var(--green-color);
	transform: scale(.95);
}

.btn-fill {
	border: 1px solid var(--green-color);
	background: #51CD0A;
background: linear-gradient(180deg,rgba(81, 205, 10, 1) 0%, rgba(57, 133, 51, 1) 100%);
	width: auto;
	text-align: center;
	font-size: var(--clamp20);
	padding: 13px 40px;
	border-radius:50px;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-weight: 600;
	transition: all 0.7s ease;
}

.btn-fill:hover {
	border: 1px solid var(--white-color);
	background: var(--white-color);
	color: var(--main-color);
	transform: scale(1);

}

p {
	font-size: var(--clamp18);
}

/*******************************/

/* Header */
.container {
	max-width: 84%;
}
.top-sec {  padding:50px 0px; text-align: center;}
.top-sec h1{ color: var(--green-color); text-transform: uppercase; margin-bottom: 0px;}

figure{ overflow: hidden; border-radius: 10px; margin-bottom: 0px;}
figure img{ transition: all 0.7s ease; width: 100%;}
figure img:hover{transform: scale(1.05);}
.title-text{ padding: 20px; margin-top:0px; border-radius: 10px; background: #272727;background: linear-gradient(180deg, rgba(39, 39, 39, 1) 0%, rgba(25, 21, 89, 1) 100%); border: 3px solid var(--border-color); text-align: center;}
.top-text{padding: 20px; border-radius: 10px; background: #272727;background: linear-gradient(180deg, rgba(39, 39, 39, 1) 0%, rgba(25, 21, 89, 1) 100%); border: 3px solid var(--border-color);  display: flex; align-items: center; font-size: var(--clamp20); font-weight: 600;}
.top-text .icon{ width:40px; text-align: left; font-size: 24px;}
.top-sec figure{ max-width: 330px; margin: 0 auto;}
.timer-sec{ text-align: center;}
.clock {      color: #00ff00;         font-size: var(--clamp58);      text-align: center; display: flex; align-items: center; justify-content: center;  margin-bottom:10px; line-height: 50px;   }

    .label {      display: block;      font-size: 16px;      color: #aaa;    }

    .time-block {      display: inline-block;      margin: 0 10px;    }
    .colane{ display: inline-block;  margin-top: -50px;} 

    .zone {      display: block;      font-size: 14px;      color: #aaa;      margin-top: 10px;    }
    .timer-img { max-width: 570px; margin: 0 auto; width: 100%; display: block; border-radius: 10px; object-fit: cover;}
    	.stars{ margin: 20px 0px 0px 0px; color: #fff;}
	.stars .checked{ color: orange;}
  .limited-box{ background: #F9FAFA; border-radius: 10px; max-width: 570px; width: 100%; margin: 0 auto; overflow: hidden; padding-bottom: 40px; margin-bottom:50px; position: relative;}
  .limited-title{ background: #111; padding:15px; text-transform: uppercase; font-size: var(--clamp28); font-weight: 600; margin-bottom: 30px; }  

  .limited-box ul{ padding:0px 70px;}
  .limited-box ul li{ color: #000; text-align: left;  font-weight: 600;background: url(../../assets/images/list.png) no-repeat left 0px;  padding: 0px 0px 20px 30px ;}
  .limited-box ul li span{ border-bottom: 2px solid #ddd; display: block;  padding-bottom: 10px;}
   .limited-box ul li:last-child span { border-bottom: none;}
   .limited-box .btn-fill{background: #464646;
background: linear-gradient(270deg,rgba(70, 70, 70, 1) 0%, rgba(242, 41, 91, 1) 100%); border: none;} 
.reg-btn{ max-width: 450px; width: 100%;margin: 0 auto;}

.trading-sec{ padding: 50px 0px;}
.trading-sec h3{ font-size: var(--clamp40); text-transform: uppercase; text-align: center;}
.limited-icon{ position: absolute; right: 0px; top: 0px;}

.event-sec{ padding: 50px 0px;}

.event-sec h3{ font-size: var(--clamp40); text-transform: uppercase; text-align: center;}
.event-sec h3 span{ color: var(--green-color);}
.event-bx{ display: flex; align-items: center; gap: 20px;}
.range-list{background: #272727;background: linear-gradient(180deg, rgba(39, 39, 39, 1) 0%, rgba(25, 21, 89, 1) 100%); border: 3px solid var(--border-color); padding: 30px; border-radius: 15px;}  
.range-list ul li { background: url(../../assets/images/list-icon2.png) no-repeat left 0px; padding:0px 0px 20px 40px;} 

.final-sec{ padding: 50px 0px;}
.final-sec figure{ max-width:330px; box-shadow: 0px 0px 15px rgba(0,0,0,1);}
.final-sec figure img{ max-width:330px; border-radius: 10px;}
.final-sec h3{ text-transform: uppercase;  text-align: center;}
.final-sec h3 span{ color: var(--green-color)}
.final-sec .small-img figure{ max-width: 100%;}
.final-sec .small-img figure img{ max-width: 100%;}

 .swiper-button-next, .swiper-button-prev {
      color: #fff;
    }
    .swipe-card img{ width: 100%; border: 2px solid var(--border-color); border-radius: 10px;}

    .offersec{ background: #272727;
background: linear-gradient(180deg, rgba(39, 39, 39, 1) 0%, rgba(25, 21, 89, 1) 100%); padding: 50px 0px; margin-top: 50px;}


.offer-img { position: absolute; bottom: -50px;}
.offer-img img{ max-width:500px; margin: 0 auto;}
.hurry-sec{  padding: 50px 0px;}
.videos-sec{ padding: 50px 0px;}
.video-card1{ max-width: 750px;  margin: 0 auto;}
.video-card1 .video_container {
  margin: 0;
  width: 100%;
  height:450px;
  position: relative; border-radius: 5px; overflow: hidden;

}
.video-card1 .video_container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


.video-card2 { width:100%;}
.video-card2 .video_container {
  margin: 0;
  width: 100%;
  height:200px;
  position: relative; border-radius: 5px; overflow: hidden;

}
.video-card2 .video_container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video-card3 { width:100%; max-width: 300px; margin: 0 auto;}
.video-card3 .video_container {
  margin: 0;
  width: 100%;
  height:550px;
  position: relative; border-radius: 5px; overflow: hidden;

}
.video-card3 .video_container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.gallery-sec{ padding:0px 0px 50px;}
.faqsec{ padding: 50px 0px;}

.faq-card {
  border: none;
  background: transparent;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  margin-bottom: 20px;
  padding: 20px;
  transition: all 0.3s ease;
}
.faq-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.faq-title {
  font-weight:500; font-size: var(--clamp20);
  color: #fff;
}
.faq-icon {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  transition: transform 0.3s ease;
}
.faq-body {
  margin-top: 0;
  color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, margin-top 0.4s ease;
}
.faq-card.active .faq-body {
  max-height:400px; /* large enough for any content */
  margin-top: 10px; font-size: var(--clamp18);
}
.faq-card.active .faq-icon {
  color: #fff; /* green for minus */
  transform: rotate(180deg);
}
.footer { text-align: center; padding:40px 0px 0px;}
.footer h4{ color: #95FF57; font-weight:400;}
.footer p{ color: #DFDFDF;}
.meet-sec{ padding-bottom: 50px;}
.meet-sec figure{ max-width:300px; box-shadow: 0px 0px 15px rgba(0,0,0,1); margin: 0 auto;}
.meet-sec  img{ max-width:400px; border-radius:0px; margin: 0 auto; display: block; width: 100%;}


	.stats-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);     gap: 40px;
     
    
      text-align: center;
      color: white;
      max-width: 800px;
    }
    .stat {
      font-size:var(--clamp36);
      font-weight: 700;
      color: #fff;
    }
    .stat span {
     font-size:var(--clamp36);
      font-weight: 700;
      color: #fff;
    }
    .plus {
      margin-left: 5px;
    }
    .meet-sec .label {
      font-size:var(--clamp16);
      margin-top: 8px;
      opacity: 0.8; font-weight: 400;
    }


	.swiper-button-next:after, .swiper-button-prev:after{ font-size:20px;}
	.fimg{ max-width:410px; display: block; margin: 0 auto; width: 100%;}
	.learn-list li{ list-style:inside disc; padding: 0px 0px 15px;}

	#scroll {
	position: fixed;
	right: 10px;
	bottom: 25px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-color:var(--main-color);
	text-indent: -9999px;
	display: none;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	z-index: 9;
}

#scroll span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -12px;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-bottom-color: #ffffff;
}

#scroll:hover {
	background-color: var(--link-color);
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}



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

	.container {		max-width: 92%;		padding: 0px;	}
	.videos-sec,.offersec,.trading-sec,.final-sec,.event-sec{ padding: 20px 0px;}
	.gallery-sec{ padding-bottom: 20px;}
	
}

@media screen and (max-width:991px) {
.limited-box ul{ padding: 0px 20px;}

  
}

@media screen and (max-width:767px) {
  .title-text{ margin-bottom: 20px; padding: 10px;}
  .top-text{ padding: 10px;}
  .footer h4{ font-size: 18px;}
  .offer-img {  position: inherit; bottom: inherit;}
  .offer-img img{ margin: 0 auto 20px; display: block; bottom: 0; width: 100%;}

}