:root {
  --background:0 0% 0%;
  --foreground:0 0% 100%;
  --card:0 0% 8%;
  --card-foreground:0 0% 100%;
  --popover:0 0% 8%;
  --popover-foreground:0 0% 100%;
  --primary:263 70% 58%;
  --primary-foreground:0 0% 100%;
  --secondary:220 14% 16%;
  --secondary-foreground:0 0% 100%;
  --muted:220 14% 16%;
  --muted-foreground:220 9% 60%;
  --accent:190 95% 50%;
  --accent-foreground:0 0% 100%;
  --destructive:0 84.2% 60.2%;
  --destructive-foreground:0 0% 100%;
  --border:220 14% 20%;
  --input:220 14% 20%;
  --ring:263 70% 58%;
  --radius:0.75rem;
  --gradient-primary:linear-gradient(90deg,hsl(26, 100%, 81%),hsl(263,70%,58%) 50%,hsl(261.8, 72.9%, 66.7%));
  --gradient-button:linear-gradient(135deg,hsl(263,70%,50%),hsl(280,80%,55%));
  --gradient-card:linear-gradient(180deg,hsl(220,14%,12%),hsl(220,14%,8%));
  --shadow-glow:0 0 40px hsl(263 70% 58%/0.3);
  --shadow-card:0 4px 24px hsl(0 0% 0%/0.4)
}

.caveat {
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
}







.gradient-text {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.banner_btn11 {


	margin-bottom: 20px;
	background: url('../images/textimage.png')no-repeat center/contain;
	background-size: contain;
	backdrop-filter: blur(5px);
	font-weight: 600;
	display: inline-block;
	padding: 10px;
	background-size: 100% 100%;
}

.content-wrapper::before {

	z-index: -1;

	inset: 0;

	padding: 3px;

	border-radius: 30px;

	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

	mask-composite: add, add;

	-webkit-mask-composite: xor;

	mask-composite: exclude;



	background: linear-gradient(135deg, rgba(0, 255, 209, 1) 0%, rgba(0, 178, 255, 0.5) 100%);

}



.content-wrapper {

	background: linear-gradient(45deg, rgba(0, 148, 255, 0.75) 0%, rgba(0, 21, 36, 0.75) 30%, rgba(0, 0, 0, 0.75) 100%);

	max-width: 1120px;

	border-radius: 30px;

	margin: 0 auto 50px;

	border: 3px solid rgba(0, 255, 209, 1);

	/* border: 3px solid rgba(0,178,255,0.5) ; */

}



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

	.content-wrapper {

		max-width: 1000px;

	}

}







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

	.prize-section .colmn-2 .img-wrapper {

		transform-origin: 50% 105%;

	}

}



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

	.prize-section .colmn-2 .img-wrapper {

		transform-origin: 50% 105%;

	}

}





.prize-section .colmn-2 .img-wrapper {

	scale: 1.1;

	/* transform-origin: -10% 105%; */

}



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

	.prize-section .colmn-2 .img-wrapper {

		scale: none;

		/* transform-origin: -10% 105%; */

	}



	.content-wrapper {

		padding: 18px 0 0 30px;

	}









}

.contect {
	padding: 80px 0px 100px 0px;

	/* background: url(../images/contect.png) no-repeat center bottom left; */

	background-size: cover;
	background-color: #fc41c0;
}


.buttons {
	background-color: #fc41c0;
	border-radius: 12px;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 15px;

}

.buttons .Connect {
	color: #fff;
	text-decoration: none;
}

.buttons1 .Connect {
	color: #fff;
	text-decoration: none;
}

.buttons a {
	color: #fff;
	text-decoration: none;
}

.buttons1 a {
	color: #fff;
	text-decoration: none;
}

.buttons1 {
	background-image: linear-gradient(0deg, #a15bf5 0%, #12d6df 100%);
	border-radius: 12px;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 15px;

}



.s8 {

	background: url(../images/section29.png);

	background-position-x: 0%;

	background-position-y: 0%;

	background-repeat: repeat;

	background-attachment: scroll;

	background-size: auto;

	background-position-x: 0%;

	background-position-y: 0%;

	background-repeat: repeat;

	background-size: auto;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: top;

	background-attachment: fixed;

	padding: 70px 0 0px 0;



}



.grad-txt-v2 {

	color: rgb(253, 147, 95);

}



.s8 .content:not(:last-child) {

	margin-bottom: 25px;

}



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

	.s8 .content {

		max-width: 800px;

	}

}



.s8 .content {

	display: flex;

	background: rgba(0 0 0/90%);

	border: 2px solid #76CEFF;

	padding: 25px;

	border-radius: 25px;

	max-width: 900px;

	margin: 0 auto;

	margin-bottom: 0px;

}



.s8 .content .img-wrapper {

	flex: 0 0 110px;

	margin-right: 100px;

	top: 15px;

}



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

	.s8 .content .img-wrapper {

		flex: 0 0 70px;

		margin-right: 50px;

	}

}



.next-section {

	background: #ffffff;

	padding: 30px 0px;

}


@media (min-width: 768px) {

	.next-section {

		padding: 100px 0px;

		background: #ffffff url(../images/next-bg.png) no-repeat bottom right;

	}

}

.lock-date .yalow-line {
	position: relative;
	bottom: -1px;
}


.next-list {

	background: #E1EFF9;

	box-shadow: 0px 0px 6px 4px rgba(86, 108, 123, 0.1);

	border-radius: 15px;

	padding: 15px;

	margin-top: 25px;

}



.underline {

	border-bottom: solid 2px #fe0000;

}

.underline1 {
	border-bottom: solid 2px #fed500;
}


.dark-red {

	color: #fe0000;

}



.postheadline {

	background: #0175FF;

	border-radius: 100px;

	display: inline-flex;

	align-items: center;

	padding: 5px 15px;

}



@media (min-width: 768px) {

	.postheadline {

		padding: 13px 42px;

	}

}



.green-color {

	color: #0cad1b;

}



.highlight11 {

	background: #F9D780;

	border-radius: 10px;

	transform: rotate(-0.22deg);

	display: inline-block;

	padding: 5px 10px;

}


.banner_btn5 {

	display: inline-block;

	/* padding: 10px 80px;

	width: 100%;

	border-radius: 16px;

	font-family: 'Outfit', sans-serif;

	font-size: 25px;

	line-height: 1.5;

	color: #fff;

	margin-bottom: 20px; */

	background: url('../images/brush1.png')no-repeat center/contain;

	backdrop-filter: blur(5px);

	/* font-weight: 600; */

	display: inline-block;

	padding: 30px;

	background-size: 100% 100%;

}


.banner_btn2 {

	display: inline-block;

	/* padding: 10px 80px;

	width: 100%;

	border-radius: 16px;

	font-family: 'Outfit', sans-serif;

	font-size: 25px;

	line-height: 1.5;

	color: #fff;

	margin-bottom: 20px; */

	background: url('../images/textimage.png')no-repeat center/contain;

	backdrop-filter: blur(5px);

	/* font-weight: 600; */

	display: inline-block;

	padding: 16px 59px;
	background-size: 100% 100%;

}

@media (max-width:768px) {
	.banner_btn2 {
		display: inline-block;
		padding: 10px 80px;
		width: 100%;
		border-radius: 16px;
		font-family: 'Outfit', sans-serif;
		font-size: 25px;
		line-height: 1.5;
		color: #fff;
		margin-bottom: 20px;
		background: url('../images/textimage.png')no-repeat center/contain;
		background-size: contain;
		backdrop-filter: blur(5px);
		font-weight: 600;
		display: inline-block;
		padding: 66px 15px 95px 15px;
		background-size: 100% 100%;
	}

	.welcome-section {
		padding: 10px 0px 220px 0px;
		position: relative;
		background: url(../images/header-140.png) no-repeat center center;
		background-attachment: scroll;
		background-size: auto;
		background-size: cover;
	}
}

.jv-announce {
	/* background: url(../images/jv-announce.png) no-repeat center bottom;
	  background-color: rgba(0, 0, 0, 0);
	  background-size: auto;
	background-color: rgba(0, 0, 0, 0); */
	background-size: auto;
	background-size: cover;
	padding: 2% 6% 2% 6%;
	border-radius: 20px;
	/* background-color: rgb(129, 73, 255); */
	background: #00d0fd;
	position: relative;
}

.affiliate-link-btn a {
	border-radius: 10px;
	box-shadow: 0px 16px 40px 0px rgba(0, 255, 171, 0.17), inset -0.244px 6.996px 10px 0px rgba(255, 197, 104, 0.64);
	color: #fff;

	display: block;
	text-align: center;
	padding: 3% 4%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	/* display: table; */
	background-image: linear-gradient(0deg, rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%);
}

.affiliate-link-btn a {
	text-decoration: none;
}

.affiliate-link-btn1 a {
	border-radius: 50px;
	box-shadow: 0px 16px 40px 0px rgba(0, 255, 171, 0.17), inset -0.244px 6.996px 10px 0px rgba(255, 197, 104, 0.64);
	color: #fff;
	background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(0, 86, 254) 100%);
	display: block;
	text-align: center;
	padding: 2% 7.7%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.affiliate-link-btn1 a {
	text-decoration: none;
}

.affilate-arrow {
	position: absolute;
	left: auto;
	top: 30px;
}

.affilate-arrow {
	position: absolute;
	margin-top: 0%;
	width: 9%;
	right: 15%;
	top: 12%;
}

.text-orangs {
	color: #fb7a09;
}




.banner_btn3 {

	display: inline-block;

	/* padding: 10px 80px;

	width: 100%;

	border-radius: 16px;

	font-family: 'Outfit', sans-serif;

	font-size: 25px;

	line-height: 1.5;

	color: #fff;

	margin-bottom: 20px; */

	background: url('../images/textimage.png')no-repeat center/contain;

	backdrop-filter: blur(5px);

	/* font-weight: 600; */

	display: inline-block;

	padding: 30px 70px 30px 70px;

	background-size: 100% 100%;

}

.lead-bg {
	border-radius: 30px;
	background-color: rgb(19, 19, 57);
	box-shadow: 0px 8px 30px 0px rgba(24, 23, 62, 0.2);
	padding: 30px;
}

@media (min-width: 768px) {
	.lead-bg {
		background: url(../images/lead-bg.png) no-repeat center center;
		background-size: auto;
		background-size: 100% 100%;
		padding: 80px 130px;
		box-shadow: none;
	}
}


/* {

	background-image: linear-gradient(0deg,rgb(0, 31, 254) 0%, rgb(117, 1, 254) 100%);

} */

.head-block {

	border-width: 13px;

	border-color: #07b207;

	border-color: #560bad;

	border-style: double;

	border-radius: 8px;

	background-color: rgb(0, 13, 80);

	box-shadow: 0px 0px 10px 0px rgb(255, 255, 255);

	position: relative;

	color: #fff;

}



.head-block-des {

	padding: 20px;

	text-align: center;

	background: #88c93a;

}



.head-block-title {

	padding: 20px;

	text-align: center;

}



.gradient-text {

	-webkit-text-fill-color: transparent;



	    background-image: -webkit-linear-gradient(0deg, #0fbdd9, #c0ffe3);

	background-repeat: repeat;

	-webkit-background-clip: text;

}



.gradient-text1 {

	-webkit-text-fill-color: transparent;

	border-bottom: 1px solid;

	border-image: -webkit-linear-gradient(0deg, #fe7716, #b11fde);

	border-image-slice: 100%;

	border-image-slice: 1;

	background-image: -webkit-linear-gradient(0deg, #fe7716, #b11fde);

	background-repeat: repeat;

	-webkit-background-clip: text;

}





@media only screen and (min-width: 960px) {

	.d244 {

		left: calc(50% + 529px);

		width: 148px;

		height: 264px;

	}

}



@media only screen and (min-width: 960px) {

	.d236 {

		top: 0;

	}

}



.form_iamge {

	margin-top: 0px;

	text-align: center;

}



.elAlign_center {

	text-align: center;

}



/* ul.point-lists {

		margin: 0px;

		padding: 0px;

	  }

	  ul.point-lists .list {

	

		background: url('../images/checked-3.png') no-repeat top left;

		  background-position-x: left;

		  background-position-y: top;

		padding-left: 30px;

		margin-bottom: 20px;

		background-position: 0px 3px;

		min-height: 30px;

	  } */
.contant-box {
	background-color: #fff;
	padding: 50px 15px 30px 15px;
	color: #fff;
	border-radius: 20px;

}

.list-contant {
	padding-left: 20px;
}

.list-box-contnt {
	background-color: rgb(6, 214, 253);
	padding: 10px 20px;
	border-radius: 10px;
	scale: 1.1;
	border-right: 2px solid #fff;
	border-bottom: 2px solid rgb(255, 255, 255);
	border-top: 2px solid rgb(255, 255, 255);
	color: rgb(255, 255, 255);
}

.list-box-contnt1 {
	background-color: #0061fe;
	padding: 10px 20px;
	border-radius: 10px;
	scale: 1.1;
	border-right: 2px solid rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	border-bottom: 2px solid rgb(255, 255, 255);
	border-top: 2px solid rgb(255, 255, 255);
}

.list-box-contnt2 {
	background-color: rgb(255, 205, 100);
	padding: 10px 20px;
	border-radius: 10px;
	scale: 1.1;
	border-right: 10px solid #fff;
}

@media (min-width: 768px) {
	.list-contant {
		padding-left: 30px;
	}

	.img-wrapper img {
		max-width: 120px;
	}

	.list-box {

		display: flex;
		margin-top: 30px;
	}

	.list-box .img-wrapper {
		scale: 1.2;
		transform-origin: -10% 105%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 1680px) {
	.list-box .img-wrapper {
		transform-origin: 255% 105%;
		margin-bottom: 50px;
	}
}

.list {

	background-image: url(../images/checked-3.png);

	background-repeat: no-repeat;

	background-size: 35px;

	padding-left: 50px;

	padding-bottom: 10px;

	padding-top: 1px;

	font-weight: 400;

	list-style-type: none;

	color: #fff;

}

.text-yallows {
	color: #f8c80c;
}

.banner_btn4 {

	display: inline-block;

	padding: 10px 80px;

	width: 100%;

	border-radius: 16px;

	font-family: 'Outfit', sans-serif;



	line-height: 1.5;

	color: #fff;

	margin-bottom: 20px;

	background: url('../images/brush.png')no-repeat center/contain;

	background-size: contain;

	backdrop-filter: blur(5px);

	font-weight: 600;

	display: inline-block;

	padding: 10px 41px 15px 40px;

	background-size: 100% 100%;

}



#section31 .feature1 {

	background-color: rgb(0, 123, 255);

	padding: 40px;

	border-radius: 40px;

	box-shadow: 10px 10px #07096c;

}



.inside-section .wrapper {

	/* background-color: #FFF;

	border-radius: 20px;

	border: 1px solid #b5023a;

	box-shadow: 3px 8px 20px -14px rgba(0, 0, 0, 0.69);

	padding: 20px; */



	border-radius: 20px;

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 0px 24px 0px rgba(15, 17, 71, 0.1);

	padding: 0px 20px 20px 20px;

	height: calc(100% - 130px);



	margin-top: 130px;

}

/* .welcome-section .video-box-wrapper {
	text-align: center;
	color: #fff;
	padding: 20px;
	background: rgb(107, 136, 222);
	background: linear-gradient(to left, #8e00fe, #7015fe);
	background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),;
	border-radius: 20px;
	position: relative;
  } */


/* .welcome-section .video_container {
	position: relative;
	width: 954px;
	height: 531px;
	background-image: url(../images/);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
  } */
@media (min-width:768px) {
	.welcome-section .video_container img {

		border-radius: 0px;
		background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(255, 186, 0) 100%);
		background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(198, 32, 228) 100%);
		padding: 18px;
	}
}

@media (max-width:768px) {
	.welcome-section .video_container img {
		border-radius: 0px;
		background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(255, 186, 0) 100%);
		background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(198, 32, 228) 100%);
		padding: 10px;
	}
}

.laptop_bg {
	width: 100%;
}

.video-container iframe {
	position: absolute;
	top: -1.9%;
	left: 3%;
	width: 76%;
	height: 82%;
}

.laptop_bg1 {
	position: relative;
	top: 10px;
	z-index: 999;
	background: url(../images/mac-book.png) 0% 0% / 100% 100% no-repeat;
	background-repeat: no-repeat;
	margin: 0px auto;
	background-repeat: no-repeat;
}

.video-container {
	position: relative;
	padding-bottom: 53%;
	height: 0px;
	overflow: hidden;
}

.you1 {
	width: 79%;
	height: 92%;
	margin-top: 4%;
	margin-left: 9%;
	border: 0px;
}



/* .laptop and  */

.script_reel_skewbox {
	background: #9939f9;
	transform: skew(-17deg);
	border-radius: 10px;
}


.promo-inner-sec {
	border: 2px dashed #f9225e;
	padding: 40px 20px 40px 20px;
	border-radius: 12px;
	background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
	margin-top: -220px;
}

a.promo-link {
	background-color: #00c4fd;

	max-width: 100%;
	padding: 15px 30px;
	border-radius: 12px;
	color: #fff;
	display: block;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
}



a.promo-link1 {

	background-color: rgb(20, 119, 255);

	max-width: 100%;
	padding: 20px 30px;
	border-radius: 12px;
	color: #000;
	display: block;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);
	border-color: rgb(8, 232, 215);
	background-color: rgb(0, 255, 235);
	border: 3px solid rgb(8, 232, 215);
}



a.promo-link2 {
	background-color: rgb(255, 220, 60);

	max-width: 100%;
	padding: 20px 30px;
	border-radius: 12px;
	color: #000;
	display: block;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);
	background-color: rgb(255, 255, 255);

	border: 3px solid rgb(253, 165, 43);
}






.text-voiled {
	color: #682af1;
}

.text-voiled1 {
	color: #7b1dd4;
}




.price {
	background-image: url(../images/price.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0 80px 0;
	background-position: center center;
}

/* .lunch-date {
	background-image: url(../images/launch.png);
	background-size: contain;
	background-repeat: no-repeat;
	padding: 1px 0 0 0;
} */

.launch-details {
	background-color: #fff;
	padding: 15px 20px;
	/* margin-top: 50px; */
	/* margin-left: 40px; */
	border: 2px solid #ffc500;
	border-radius: 30px;
	box-shadow: 0px 10px 30px 0px rgba(21, 10, 82, 0.2)
}

.text-shape {
	background: #f5f2fd;
}

.text-color {
	color: rgb(49, 55, 71);
}



.text-pink1 {
	color: rgb(255, 0, 107);
}

.text-cian {
	color: #1ccff8;
}

.text-cian1 {
	color: rgb(0, 184, 255);
}

.text-cian2 {
	color: rgb(0, 254, 213);
}

.text-blue {
	color: rgb(31, 0, 255);
}

.text-blue1 {
	color: rgb(75, 39, 195)
}

.underline50 {
	border-bottom: solid 1px #313747
}

/* .launch-details {
	background-color: #010040;
	padding: 15px 20px;
	margin-top: 65px;
	margin-left: 40px;
	border: 3px solid #ffc500;
	border-radius: 5px;
  } */




.launch-details p {
	font-size: 18px;

	text-transform: capitalize;
	/* margin-bottom: -20px;
	margin-left: -60px; */
	font-weight: 600;
}

.banner p {
	color: #fff;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.lunch-date h2 {
	font-size: 30px;
	font-weight: 600;
	color: #ffc500;

}

.lunch-date h2 img {
	width: 70px;
	vertical-align: middle;
	padding-right: 15px;
}

.lunch-date h2 span {
	font-size: 18px;
	vertical-align: -webkit-baseline-middle;
}

.btn-banner {
	box-shadow: 0px 0px 20px 0px #f8c80c;
	color: #fff;
	border-width: 2px;
	border-style: solid;
	background-color: #294377;
	box-shadow: 0px 0px 15px 0px rgba(6, 9, 48, 0.2);
	color: #010101;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 4% 1%;
}

.promo-section .img-box {
	padding: 20px;
}



#section-8 {
	color: #000;
	padding: 80px 0;
	background-color: #0061fe;
	/* background-image: linear-gradient(30deg, rgb(102, 24, 205) 0%, rgb(102, 24, 205) 100%); */
	/* background: -moz-linear-gradient(top, #000000 0%, #00080f 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#00080f 100%);
	background: linear-gradient(to bottom, #000000 0%,#00080f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00080f',GradientType=0 ); */
}

#section-8 .title-area {
	margin-bottom: 220px;
}

@media screen and (max-width: 1500px) {
	#section-8 .title-area {
		margin-bottom: 60px;
	}
}

#section-8 .colmn:not(:nth-child(n+13)) {
	margin-bottom: 150px;
}

#section-8 .colmn {
	/* background: #fff; */
	/* background: -moz-linear-gradient(top, #06239a 0%, #2fdfdb 100%); */
	/* background: -moz-linear-gradient(top, #19a5b8 0%, #18d780 100%);
	background: -webkit-linear-gradient(top, #19a5b8 0%,#18d780 100%);
	background: linear-gradient(to bottom, #19a5b8 0%,#18d780 100%); */
	border-radius: 50px 50px 50px 0px;
	padding: 10px 10px 10px 10px;
	flex: 0 0 33.33%;
	max-width: 31%;
	position: relative;
	background-image: linear-gradient(30deg, rgb(0, 97, 254) 0%, rgb(0, 255, 219) 100%);
	/* background-image: linear-gradient(30deg,rgb(212, 49, 255) 0%, rgb(53, 219, 255) 100%); */
	/* box-shadow: 15px 15px 0px 0px rgb(255, 207, 96); */
	/* background: -linear-gradient(top, #06239a 0%, #2fdfdb 100%); */
}



#section-8 .colmn .wrapper {
	background: #fff0;
	/* border-radius: 0 0 0 90px; */
	padding: 170px 40px 0px;
	height: 100%;
}

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

	#section-8 .colmn .wrapper {
		padding: 20px 20px 20px 20px;
	}
}

#section-8 .wrapper .content-img {
	padding: 5px;
	max-width: max-content;
	border-radius: 300px;
	/* position: absolute; */
	left: 0;
	right: 0;
	top: -108px;
	background: #fff;
	/* background: -moz-linear-gradient(top, #199dc0 45%, #0c0e15 45%);
	background: -webkit-linear-gradient(top, #199dc0 45%,#0c0e15 45%);
	background: linear-gradient(to bottom, #199dc0 45%,#0c0e15 45%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199dc0', endColorstr='#0c0e15',GradientType=0 ); */
}

@media screen and (max-width: 1500px) {
	#section-8 .wrapper .content-img {
		top: -81px;
	}
}

#section-8 .wrapper .content-img-wrapper {
	background: #0c0e15;
	border-radius: 300px;
	padding: 15px;
}

#section-8 .colmn.bg .img-wrapper {
	background-color: #0061fe;
	/* background-image: linear-gradient(30deg, rgb(250, 8, 255) 0%, rgb(53, 219, 255) 100%); */
	/* background: -webkit-linear-gradient(top, #199ebf 0%,#18d681 100%);
	background: linear-gradient(to bottom, #199ebf 0%,#18d681 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199ebf', endColorstr='#18d681',GradientType=0 ); */
}

/* #section-8 .colmn:nth-child(-n+3) .img-wrapper {
	background: blue;
  } */

#section-8 .wrapper .img-wrapper {
	height: 200px;
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: red;
	border-radius: 300px;
}

#section-8 .wrapper .content-img-wrapper {
	background: rgba(216, 221, 255, 0.52);
	box-shadow: 0px 0px 40px 0px rgb(216, 221, 255);
	border-radius: 300px;
	padding: 5px;
}

#section-8 .colmn.bs .img-wrapper {
	background-color: #0061fe;
	/* background: -moz-linear-gradient(top, #000000 0%, #1b637e 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#1b637e 100%);
	background: linear-gradient(to bottom, #000000 0%,#1b637e 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#1b637e', GradientType=0);
}

@media screen and (max-width: 1500px) {
	#section-8 .wrapper .img-wrapper {
		height: 150px;
		width: 150px;
	}
}

#section-8 .wrapper .title {
	height: 70px;
	line-height: 4.2;
}

@media screen and (max-width: 1500px) {
	.md-txt {
		font-size: 18px;
	}

}

@media screen and (max-width: 1500px) {
	#section-8 p.desc {
		font-size: 16px;
		line-height: 1.6;
	}


}

@media screen and (max-width: 1199px) {
	#section-8 .colmn {
		flex: 0 0 50%;
		max-width: 48%;
	}
}

@media screen and (max-width: 1199px) {
	#section-8 .colmn:not(:nth-child(n+15)) {
		margin-bottom: 150px;
	}
}

@media screen and (max-width: 991px) {
	#section-8 .colmn:not(:nth-child(n+15)) {
		margin-bottom: 130px;
	}
}

#section-8 .colmn:not(:nth-child(n+13)) {
	margin-bottom: 150px;
}

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


	#section-8 .colmn:not(:nth-child(n+15)) {
		margin-bottom: 110px;
	}
}

@media screen and (max-width: 440px) {
	#section-8 .colmn {
		max-width: 100%;
	}
}

@media screen and (max-width: 991px) {
	#section-8 .colmn {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width:1200px) {

	#section-8 .colmn:not(:nth-child(n+13)) {
		margin-bottom: 70px;
	}

}

.features-bg {
	/* background-image: linear-gradient(30deg,rgb(255, 0, 204) 0%, rgb(51, 51, 153) 100%); */
	/* background-image: url(../images/box-sect-bg.png); */
	/* background-image: url(../images/box-sect.png); */
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0 200px 0;
	background-color: rgb(0, 97, 254);
}

.lbox-1 {
	padding: 0px 10px;
	background-color: rgb(255, 205, 100);
	color: rgb(49, 55, 71);
	border-radius: 10px;
}

.lbox-2 {
	padding: 0px 10px;
	background-color: rgb(129, 73, 255);
	color: #fff;
	border-radius: 10px;
}

.lbox-3 {
	padding: 0px 10px;
	background-color: #2ddaff;
	color: #06337e;
	border-radius: 10px;
}

.lbox-4 {
	padding: 0px 10px;
	background-color: #2ddaff;
	color: #06337e;
	border-radius: 10px;
}

.lbox-5 {
	padding: 0px 10px;
	background-color: #2ddaff;
	color: #06337e;
	border-radius: 10px;
}

.item-box {
	text-align: center;
	padding: 20px 20px;
	/* border: 1px solid white; */
	background-color: #ffffff2e;
	transform: skew(360deg, 0deg);
	border-radius: 12px;
	margin: 0 auto;
	box-shadow: 0px 0px 2px 0px rgb(0, 197, 253);
	color: #fff;
}

.item-box img {
	width: 120px;
}

.item-box .icon {
	padding: 15px;
}

.item-box h4 {
	color: #fff;
	font-size: 30px;
}

.item-box p {
	color: #fff;
	padding-top: 10px;
	font-size: 20px;
	line-height: 30px;
}

.step-bg {
	background-image: url(../img/steps-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0;
	padding-right: 0px;
	padding-left: 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.step {
	background-image: url(../images/step-img.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -55px;
	z-index: 1;
	border: 4px solid #0cad1b;
	border-style: inset;
}


.step-bg h2 {
	background-image: url(../images/step-heading-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px 80px;
	font-weight: 700;
	z-index: 9;
	color: var(--black-color);
	text-align: center;
}

.step h3 {
	background-image: url(../images/step-Color-Fill-1.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 8px 65px;
	font-weight: 700;
	color: var(--black-color);
	margin-top: 50px;
}

.tp-bg {
	background-image: url(../images/prised-section.webp);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 48px 0 49px 0;
	margin-top: -90px;
}

.guiedline {
	max-width: 1200px;
	width: 100%;

}

.why-section {

	background-image: url(../images/why-section.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 48px 0 30px 0;
}


.hostbeat-shape {
	/* border-width: 2px;
  
	border-color: rgb(188, 216, 255);
  
	border-style: solid;
  
	border-radius: 20px;
  
	background-color: rgb(255, 255, 255);
  
	box-shadow: 0px 6px 15px 0px rgba(21, 21, 21, 0.15);
  
	padding: 0px 20px 20px 20px; */

	border-width: 2px;
	border-color: rgb(182, 121, 255);
	border-style: solid;
	border-radius: 20px;
	background-color: rgb(150, 74, 240);
	box-shadow: 0px 6px 15px 0px rgba(21, 21, 21, 0.15);
	padding: 0px 20px 20px 20px;
	color: #fff;

}

@media (min-width: 768px) {
	.why-section {


		background-image: url(../images/why-section.png);
		background-size: cover;
		background-repeat: no-repeat;
		padding: 48px 0 170px 0;
		/* margin-top: -90px; */
	}

	.hostbeat-shape {
		padding: 30px 10px 30px 10px;

		height: 100%;

	}
}

.hostbeat-shape ul {
	padding-left: 0px;
}

ul.features li:last-child {
	margin-bottom: 0px;

}

ul.features li {
	list-style: none;
	background: url(../images/presenting-icon1.png) no-repeat top left;
	padding-left: 50px;
	margin-bottom: 20px;
	background-position: 0px 3px;
	min-height: 35px;
}

@media (min-width: 768px) {
	ul.features li {
		background: url(../images/presenting-icon.png) no-repeat top left;
		background-position-x: left;
		background-position-y: top;
		padding-left: 70px;
		background-position: 0px 3px;
		min-height: 65px;
	}
}

.pink-clr {
	color: #FF00F5;
}






.hostbeat-shape img {
	margin-top: -65px;
}

.step-1-cont img {
	width: 200px;
	margin-bottom: 20px;
}

.step-1-cont img {
	width: 200px;
	margin-bottom: 20px;
}

.step-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

/* .step-1-cont {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	width: 100%;
  } */
.step-1-cont p {
	color: #bae8f6;
	font-weight: 600;
	font-size: 20px;
}

.step-inner {
	/* display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px; */
	padding: 40px 80px;
}

.step-inner:nth-child(3) {
	border-top: 2px solid #f37b00;
	border-bottom: 2px solid #f37b00;
}

.affliate-cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #131313;
	border: 2px dashed #fe5847;
	padding: 20px 60px;
}

.affliate-link-box-1 {
	justify-content: center;
	display: flex;
	margin-top: 60px;

	left: 0;
	right: 0;
}

.cmn-btn:hover {
	background-color: #f60;
}

.cmn-btn {
	font-size: 40px;
	font-weight: 600;
	padding: 10px 15px;
	border-radius: 15px;
	background-color: #fe5847;
	transition: 0.5s ease-out;
	color: #fff;
}

.cmn-btn {
	text-decoration: none;
}

.affliate-cont h2 {
	color: #ffc500;
	font-size: 55px;
	font-weight: 800;
	padding-bottom: 5px;
}

.affliate-cont p {
	width: auto;
	padding-bottom: 15px;
	color: #fff;
	font-size: 28px;
}

.ai-com-bg {
	padding: 50px;
}




.cloud-layer {
	position: absolute;
	left: 0px;
	bottom: 01;
	right: 0px;
	height: 200px;
	background-repeat: repeat-x;
	animation: 30s linear 0s infinite normal none running slide;
	z-index: 0;
	/* opacity: 0.3; */
}

/* Define the combined "in" and continuous sliding animation */
@keyframes slide {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 2000px 0;
	}
}

@-webkit-keyframes slide {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 2000px 0;
	}
}

.mt-11 {
	margin-top: 11rem;
}

.need-section a {
	text-decoration: none;
}

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

	.cloud-layer {
		position: absolute;
		left: 0px;
		bottom: -1px;
		right: 0px;
		height: 125px;
		background-repeat: repeat-x;
		animation: 30s linear 0s infinite normal none running slide;
		z-index: 0;
		/* opacity: 0.3; */
	}

	.mt-11 {
		margin-top: 0rem;
	}

	.banner_btn3 {


		padding: 30px 30px 37px 30px;
		background-size: 100% 100%;
	}

	.option-form {
		padding: 30px 15px;
    border-width: 6px;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-radius: 20px;
    background-color: rgba(19, 17, 27, 0.2);
    box-shadow: 0px 4px 30px 0px rgb(78 88 255 / 20%);
    border: 1px solid #7a4aff7d;
	}


	.live-section {
		padding: 30px 0px 50px 0;
		background-color: rgb(0, 97, 254);
	}

	.section5 {
		background: url(../images/section5.png) no-repeat center top;
		background-size: cover;
		padding: 30px 0 30px 0;
	}

	.funnel-data {
		background: url(../images/funnel-data.png) no-repeat center center;
		background-position-x: center;
		background-position-y: center;
		background-size: auto;
		background-position-x: center;
		background-position-y: center;
		background-size: auto;
		background-size: cover;
		background-position: top;
		/* margin-top: -160px; */
		padding: 40px 0 0px 0;
	}

	.need-section .wrapper {
		padding: 5px;

	}

	.features-bg {
		background-color: rgb(0, 97, 254);
		padding: 30px 0px;
	}

	.tp-bg {
		/* background-image: url(../images/prised-section.webp); */
		background-size: cover;
		background-repeat: no-repeat;
		padding: 9px 0;
		margin-top: -70px;
		background-position: bottom;
		background-color: #4305b4;
		background-image: none;
	}
	.intro-section {
    padding: 30px 0px 50px 0px;
    background: url(../images/intro-section.png) no-repeat center top;
    background-size: cover;
    z-index: 9;

}
  .oto-oto4 {
    margin-top: 0px;
}
}
    .line-hihglight {
        padding: 4px 5px;
        display: inline-block;
        background-image: var(--gradient-primary);
        border-radius: 5px;}
section.page-video-main .video-gradient::before {
	position: absolute;
	content: "";
	width: 78px;
	height: 78px;
	background-image: url(../images/video-bf.png);
	background-repeat: no-repeat;
	background-size: 100%;
	top: -10px;
	left: -10px;
}

section.page-video-main .video-gradient::after {
	position: absolute;
	content: "";
	width: 78px;
	height: 78px;
	background-image: url(../images/video-af.png);
	background-repeat: no-repeat;
	background-size: 100%;
	top: -10px;
	right: -10px;
}

/* Add the "in" animation within the continuous sliding animation */
.running-slide {
	animation: 30s linear 0s infinite normal none running slide;
}


.testimonial {
	background-image: url(../images/testimonial.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	padding: 50px 0px 0px 0;

	color: #fff;
	background-position: center center;
}

.introducing-section {
	background-image: url(../images/introducing.png);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	color: #000;
	padding: 80px 0px 0px 0;
}


.testi2 {
	background-image: url(../images/testi2.png);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 100px 0px 80px 0;

	color: #fff;
	background-position: center top;
}

.effect-2 {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.effect-2::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 15px;
	left: 50%;
	bottom: 16px;
background: linear-gradient(45deg, rgb(10, 223, 255) 0%, rgb(31, 81, 255) 23.9%, rgb(129, 68, 255) 47.54%, rgb(248, 133, 15) 69.67%, rgb(210, 37, 111) 100%);
	z-index: -1;
	transform: translateX(-50%);
	  animation: progressMove 1.5s linear infinite;
}

.effect-3 {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.effect-3::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 15px;
	left: 50%;
	bottom: 2px;
	background-color: #fd457e !important;
	background-color: #c620e4 !important;
	z-index: -1;
	transform: translateX(-50%)
}

@media (max-width: 768px) {
	.effect-2::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 8px;
		left: 50%;
		bottom: 10px;
		background-color: #f9c125 !important;
		z-index: -1;
		transform: translateX(-50%)
	}

}

.testimonial .testimonial-wrapper .testimonial-box {
	padding: 40px 20px;
	text-align: center;
	border-radius: 0px;
	background-color: #ffffff1c;
	/* border: 2px solid #DDD0; */
	height: 100%;
}

.testimonial .testimonial-wrapper .testimonial-box1 {
	padding: 40px 20px;
	text-align: center;
	border-radius: 0px;
	/* border: 10px solid rgb(255, 207, 96); */
	height: 100%;
	background-color: #ffffff1c;
}

.testimonial .testimonial-wrapper .testimonial-box1 .testimonial-widgit .media img {
	width: 100%;
	height: 100%;
	max-width: 100px;
	border-radius: 0;
	object-fit: cover;
}

.testimonial .testimonial-wrapper .testimonial-box1 .testimonial-widgit .media {
	margin-bottom: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box1 .testimonial-widgit .content {
	text-align: center;
	margin-left: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box1 .testimonial-widgit {


	padding-bottom: 15px;
	margin-bottom: 0px;
}

.testimonial .testimonial-wrapper .testimonial-box1 p {
	font-weight: 400;
	text-align: center;
	font-size: 18px !important;
	margin-bottom: 0;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .media img {
	width: 100%;
	height: 100%;
	max-width: 100px;
	border-radius: 0;
	object-fit: cover;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .content {
	text-align: center;
	margin-left: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit {
	/* display: flex; */
	align-items: center;
	padding-bottom: 15px;
	margin-bottom: 0px;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .media {
	margin-bottom: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box p {
	font-weight: 400;
	text-align: center;
	font-size: 18px !important;
	margin-bottom: 0;
}

.c101 {
	background-image: linear-gradient(90deg, rgb(0, 223, 182) 0%, rgb(0, 138, 244) 100%);
	color: #fff;
}

.c102 {
	background-image: linear-gradient(90deg, rgb(254, 134, 58) 0%, rgb(255, 93, 56) 100%);
	color: #fff;
}

.c103 {
	background-image: linear-gradient(90deg, rgb(41, 111, 249) 0%, rgb(102, 24, 205) 100%);
	color: #fff;
}

.c104 {
	background-image: linear-gradient(90deg, rgb(185, 176, 35) 1%, rgb(66, 168, 121) 100%);
	color: #fff;
}

.c105 {
	background-image: linear-gradient(90deg, rgb(103, 113, 229) 0%, rgb(71, 80, 155) 100%);
	color: #fff;
}

.c106 {
	background-image: linear-gradient(90deg, rgb(43, 164, 188) 0%, rgb(129, 84, 214) 100%);
	color: #fff;
}

.c107 {
	background-image: linear-gradient(90deg, rgb(238, 166, 50) 0%, rgb(212, 53, 201) 100%);
	color: #fff;
}

.c108 {
	/* background-image: linear-gradient(90deg, rgb(254, 58, 58) 0%, rgb(255, 56, 195) 100%); */
	/* background-image: linear-gradient(0deg,rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%); */
	background-image: linear-gradient(0deg, rgb(19, 213, 223) 0%, rgb(19, 213, 223) 100%);
	color: #fff;
}




.form-bg {
	border-radius: 21px;
	/* background: rgb(129, 73, 255); */
	background: #0061fe;
	padding: 15px;
}

@media (min-width: 768px) {
	.form-bg {
		padding: 40px 115px;
		position: relative;
	}
}

@media (min-width: 768px) {
	.form-bg::before {
		position: absolute;
		content: url('../images/top-bell.png');
		top: 10px;
		right: 10px;
	}
}


@media (min-width: 768px) {
	.form-bg::after {
		position: absolute;

		content: url('../images/bottom-bell.png');

		bottom: 10px;

		left: 10px;

	}
}


@media (min-width: 768px) {
	.jv-form {
		display: grid;
		gap: 20px;
		grid-template-columns: auto auto auto;
	}
}

.jv-form input {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 10px 15px;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	outline: none;
	box-shadow: none;
	width: 100%;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.jv-form input {
		font-size: 18px;
		margin-bottom: 0px;
	}
}

.jv-form input[type="submit"]:hover {
	background: linear-gradient(180deg, #FF7A00 0%, #FFF500 100%);
	border: 1px solid #000000;
}

.jv-form input[type="submit"] {
	display: inline-block;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	border-radius: 10px;
	background: linear-gradient(180deg, #FFF500 0%, #FF7A00 100%);
	border: none;
}

a.promo-link {
	color: #fff;
	background-color: #00c4fd;
	max-width: 100%;
	padding: 20px 30px;
	border-radius: 12px;
	box-shadow: -8px 5px 7px aliceblue rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);

	border: 2px solid rgb(251, 217, 83);
}

@media (max-width: 768px) {
	.promo-inner-sec {
		border: 2px dashed #f9225e;
		padding: 40px 20px 40px 20px;
		border-radius: 15px;
		background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
		margin-top: -120px;
	}

	.promo-section {
		padding: 44px 0px 20px 0;
	}

	.reciprocate-section {
		padding: 30px 0px 20px 0px;
	}
}


.proudly-tick li {
	background: url(../images/tick.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 0px 7px;
	list-style: none;
	padding: 2px 0 20px 30px;
	background-size: 25px;
}

.proudly-tick {
	position: 0PX;
}

.proudly-box ul {
	padding-left: 0rem;
}

.text-color1 {
	color: rgb(22, 22, 109);
}


@media (min-width: 1200px) {
	.img-risponsive {
		margin-top: -200px;
	}
}

@media (max-width: 1200px) {
	.img-risponsive {
		margin-top: -200px;
	}
}

@media (max-width: 1024px) {
	.img-risponsive {
		margin-top: -150px;
	}
}

@media (max-width: 991px) {
	.img-risponsive {
		margin-top: -150px;
	}
}

@media (max-width: 768px) {
	.img-risponsive {
		margin-top: -150px;
	}

}

@media (max-width: 576px) {
	.img-risponsive {
		margin-top: -130px;
	}
}

@media (max-width: 390px) {
	.img-risponsive {
		margin-top: -100px;
	}
}


.text-clr9 {
	color: rgb(253, 69, 126);
}

.text-clr3 {
	color: #F89F07;
}

.text-clr7 {
	color: rgb(19, 213, 223);
}

.line-hihglight {
	padding:
		4px 5px;
	display: inline-block;

background-image: var( --gradient-primary);
	border-radius:
		5px;
}

@media (min-width: 768px) {
	.line-hihglight {
		padding:
			1px 5px;
		display: inline-block;

		background-image: var( --gradient-primary);
		border-radius:
			5px;
	}
}


.sucsess-section {
	background-image: url(../images/sucsess-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0;


}

.sucsess-card {
	background-image: linear-gradient(0deg, #a15bf5 0%, #12d6df 100%);
	padding: 40px 10px 40px 10px;
	border-radius: 20px;
}

.sucsess-content {
	background-color: #fff;
	padding: 30px 10px;
	border-radius: 12px;
}

.sucsess-tick li {
	background: url(../images/tick.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 0 4px;
	list-style: none;
	padding: 0px 0 25px 40px;
	background-size: 25px;
}

.sucsess-tick ul li {
	padding: 0 0;
}

.bg-white {
	background-color: #fff !important;
	display: inline-block;
}

.timer-card iframe {
	height: 80% !important;
}

/* JV Launch Cards Redesign */
.jv-launch-cards-outer {
	position: relative;
	z-index: 10;
}

.jv-launch-cards-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	max-width: 1200px;
	margin: 60px auto 40px auto;
	padding: 0 15px;
}

@media (max-width: 991px) {
	.jv-launch-cards-row {
		grid-template-columns: 1fr;
		max-width: 500px;
	}
}

.jv-lc-card {
	
background: #11091c;
  border: 1px solid rgba(201, 169, 255, 0.44);
  box-shadow: 0px 4px 40px rgba(28, 28, 28, 0.66);

  	background: url(../images/sec-demo.png) no-repeat center top;
		background-size: cover;
  border-radius: 12px;
  padding: 50px 20px 40px 20px;
  position: relative;
  text-align: center;
  transition: transform 0.3s ease;
}

.jv-lc-card:hover {
	transform: translateY(-5px);
}

.jv-lc-badge {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
background: #29007b;
  border: 1px solid rgb(157, 108, 255);
	border-radius: 50px;
	padding: 8px 24px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	white-space: nowrap;
}

.jv-lc-day {
	color: #fed500;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 4px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.jv-lc-date {
	font-size: 110px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 30px;
	text-shadow: 0px 0px 30px rgba(255, 107, 0, 0.3);
	text-shadow: 0px 0px 30px rgba(75, 24, 255, 0.3);
  background: linear-gradient( 90deg, rgb(10, 223, 255), #1f51ff, #8144ff, rgb(228, 30, 79), rgb(249, 141, 10), rgb(10, 223, 255) );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}

.jv-lc-date sup {
	font-size: 40px;
	top: -50px;
	position: relative;
	margin-left: 5px;
}

.jv-lc-month {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.jv-lc-time {
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
}
.jv-launch-cards-outer{
margin-top: -230px;
}

/* Affiliate Card Additions */
.jv-lc-affiliate-title {
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
}

.jv-lc-logos {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

.jv-lc-logo-row {
	width: 100%;
}

.jv-lc-logo-img {
	max-height: 55px;
	margin-bottom: 15px;
	filter: brightness(1.1);
}

.jv-lc-btn-wrap a {
	background: linear-gradient(90deg, #8b5cf6 0%, #f97316 100%);
	border-radius: 16px;
padding: 15px 13px;
	color: #ffffff;
	font-weight: 600;
	display: inline-block;
	width: 80%;
	margin: 0 auto;
	text-decoration: none;
	font-size: 18px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: filter 0.3s ease;
}

.jv-lc-btn-wrap a:hover {
	filter: brightness(1.15);
}

/* Contact Card White Design */
.contact-card-white {
background: #14131357;
  border-radius: 20px;
  padding: 50px 30px;
  box-shadow: 0 20px 60px rgba(80, 42, 110, 0.4);
  text-align: center;
  position: relative;
  z-index: 5;
  border: 1px solid #9853e375;
}

.contact-title {
	background: linear-gradient(90deg, #9b51e0, #7b61ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	letter-spacing: -0.5px;
}

.avatar-ring {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	border: 5px solid #8e54e9;
	padding: 6px;
	position: relative;
}

.avatar-ring::before {
	content: '';
	position: absolute;
	top: -12px;
	left: -12px;
	right: -12px;
	bottom: -12px;
	border: 1px solid #7b61ff;
	border-radius: 50%;
	opacity: 0.6;
}

.contact-avatar {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

/* Process Section Styling */
.process-section {
	padding: 100px 0;
	overflow: hidden;
}

.process-gradient {
	background: linear-gradient(90deg, #9b51e0, #7b61ff);
	-webkit-background-clip: text;
	background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.process-text-card {
	background: #0d0d0d;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
	position: relative;
	z-index: 5;
}

.process-visuals-inner {
	position: relative;
	display: inline-block;
	padding: 20px;
}

.process-visual-bg {
	position: absolute;
	width: 109%;
	height: 136%;
	background: #6c5ce7;
	border-radius: 20px;
	top: -17%;
	right: -10%;
	z-index: 1;
	opacity: 0.25;
}

.process-main-char {
	position: relative;
	z-index: 3;
	max-width: 90%;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.4));
}

.process-floating-icon {
	position: absolute;
	z-index: 4;
	max-width: 80px;
	background: #fff;
	padding: 10px;
	border-radius: 12px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.icon-v1 {
	top: 20%;
	left: -10px;
}

.icon-v2 {
	top: 30%;
	right: -20px;
}

.icon-v3 {
	bottom: 10%;
	right: -10px;
}

/* Launch Calendar v2 */
.launch-calendar-v2 {
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 0, 0, 0.06) 1px, transparent 1px);
	background-size: 40px 40px;
	padding: 40px 0;
	position: relative;
	overflow: hidden;

	    background: url(../images/feature-detail-section.png) no-repeat center top;
    /* background-color: rgb(28, 120, 253) !important; */
    /* background-size: auto; */
    background-size: cover;
}

.calendar-card {
	/* background: #020202; */
	border-radius: 24px;
	padding: 70px 40px;
	text-align: center;
	max-width: 950px;
	margin: 0 auto;
	/* box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5); */
	position: relative;
	z-index: 5;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.calendar-title {
	font-family: 'Poppins', sans-serif;
	font-weight: 900;
	font-size: 56px;
	line-height: 1;
	margin-bottom: 10px;
	background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: -2px;
}

.calendar-date {
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	font-size: 44px;
	color: #ffffff;
	margin-bottom: 45px;
	letter-spacing: -1px;
}

.calendar-buttons {
	display: flex;
	justify-content: center;
	gap: 46px;
	flex-wrap: wrap;
}

.cal-btn {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 14px 28px;
	color: #ffffff;
	font-weight: 700;
	font-size: 19px;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	min-width: 170px;
}

.cal-btn:hover {
	background: rgba(255, 255, 255, 0.12);
	transform: translateY(-4px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	color: #ffffff;
	text-decoration: none;
	border-color: rgba(255, 255, 255, 0.2);
}

.cal-float-1 {
	position: absolute;
	left: -255px;
	top: 20%;
	width: 250px;
	z-index: 10;
	animation: cal-float 6s ease-in-out infinite;
}

.cal-float-2 {
	position: absolute;
	right: -242px;
	top: 10%;
	width: 249px;
	z-index: 10;
	animation: cal-float 8s ease-in-out infinite reverse;
}

@keyframes cal-float {

	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}

	50% {
		transform: translateY(-20px) rotate(2deg);
	}
}

@media (max-width: 991px) {
	.calendar-title {
		font-size: 40px;
	}

	.calendar-date {
		font-size: 30px;
	}

	.calendar-card {
		padding: 40px 20px;
		margin: 0 15px;
	}

	.cal-btn {
		min-width: 140px;
		font-size: 16px;
		padding: 10px 20px;
	}

	.cal-float-1,
	.cal-float-2 {
		display: none;
	}
}

/* Modern Header Redesign */
.modern-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
padding: 0px 0 !important;
	position: relative;
	z-index: 1000;
	flex-wrap: nowrap !important;
}

.header-logo {
	flex: 0 0 auto;
}

.header-nav {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-link-modern {
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 15px;
	padding: 10px 40px;
	display: flex;
	gap: 25px;
	list-style: none;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.header-link-modern li {
	list-style: none;
	padding: 0;
}

.header-link-modern li a {
color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  opacity: 0.85;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.header-link-modern li a:hover {
	opacity: 1;
	color: #ffffff !important;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.header-cta {
	flex: 0 0 auto;
}

.get-link-modern {
	background: #ffffff !important;
	color: #000000 !important;
	padding: 12px 35px !important;
	border-radius: 100px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	text-decoration: none !important;
	display: inline-block;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.get-link-modern:hover {
	background: #f0f0f0 !important;
	transform: translateY(-2px) scale(1.05);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
	color: #000000 !important;
}

@media (max-width: 1200px) {
	.header-link-modern {
		padding: 10px 25px;
		gap: 15px;
	}
}

@media (max-width: 991px) {
	.modern-header {
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 20px;
	}

	.header-nav {
		order: 3;
		width: 100%;
		flex: 0 0 100%;
	}

	.header-logo {
		order: 1;
	}

	.header-cta {
		order: 2;
	}

	.header-link-modern {
		padding: 8px 15px;
		gap: 10px;
	}

	.header-link-modern li a {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.get-link-modern {
		padding: 10px 20px !important;
		font-size: 14px !important;
	}

	.header-logo img {
		width: 150px;
	}
}

/* Modern Steps Section Styling */
.modern-steps-container {
	position: relative;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.modern-step-item {
	margin-bottom: 80px;
	position: relative;
	z-index: 2;
}

.modern-step-card {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 30px;
	padding: 50px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.15);
	position: relative;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.modern-step-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
	border-color: rgba(0, 0, 0, 0.1);
}

.step-badge {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 12px;
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 25px;
	color: #fff;
}

.card-purple .step-badge {
	background: linear-gradient(135deg, #6c5ce7, #a29bfe);
	box-shadow: 0 8px 20px rgba(108, 92, 231, 0.3);
}

.card-cyan .step-badge {
	background: linear-gradient(135deg, #00cec9, #81ecec);
	box-shadow: 0 8px 20px rgba(0, 206, 201, 0.3);
}

.card-orange .step-badge {
	background: linear-gradient(135deg, #e17055, #fab1a0);
	box-shadow: 0 8px 20px rgba(225, 112, 85, 0.3);
}

.modern-step-title {
	font-size: 34px !important;
	font-weight: 900 !important;
	color: #ffffff !important;
	line-height: 1.2 !important;
	margin-bottom: 20px !important;
	text-align: left !important;
}

.modern-step-desc {
	font-size: 18px !important;
	line-height: 1.6 !important;
	color: #bfbfbf !important;
	font-weight: 400 !important;
	margin-bottom: 0 !important;
	text-align: left !important;
}

.modern-step-visual {
	padding: 20px;
	position: relative;
}

.visual-inner {
	background: rgba(255, 255, 255, 0.03);
	border-radius: 40px;
	padding: 15px;
	box-shadow: inset 0 2px 10px rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	position: relative;
	z-index: 1;
}

.modern-step-img {
	border-radius: 30px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease;
}

.modern-step-item:hover .modern-step-img {
	transform: scale(1.03) translateY(-5px);
}

.step-connector {
	width: 2px;
	height: 60px;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.05), transparent);
	margin: -30px auto;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.modern-step-card {
		padding: 35px 25px;
		margin-bottom: 30px;
	}

	.modern-step-title {
		font-size: 28px !important;
	}

	.modern-step-item {
		margin-bottom: 60px;
	}

	.visual-inner {
		border-radius: 25px;
		padding: 10px;
	}

	.modern-step-img {
		border-radius: 20px;
	}
}

.step-arrow {
	margin: 60px auto !important;
	max-width: 150px;
	opacity: 0.8;
	transition: all 0.4s ease;
	filter: invert(1);
}

.modern-step-item:hover + .step-arrow {
	transform: scale(1.1);
	opacity: 1;
}

.bg-black {
	background-color: #000000 !important;
}

.text-white {
	color: #ffffff !important;
}

.step-section {
    background: url(../images/step-section.png) no-repeat center top;
    background-size: auto;
    background-size: cover;
    padding: 0.5% 0 0 0;
    position: relative;
    z-index: 2;
    margin-top: 0%;
    position: relative;
    z-index: 10;
}


.launchDate {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 50px;
    background: #054b5961;
    border: 1px solid #57aecf12;
    border-radius: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.08);
}
.gap-3 {
  gap: 1rem !important;
}
.launchDate-field {
      background: rgba(0, 0, 0, .1019607843);
    border: 1px solid #4f7d8f;
    border-radius: 50px;
    padding: .7rem 1.5rem;
}
.pre-web {
  background: #0f071d;
  border-radius: 1rem;
  padding: .7rem 1.5rem;
}.gap-1 {
  gap: .25rem !important;
}


.step-date1 {
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
  background-color: #ffc000;
  padding: 5px 33px;
  display: inline-block;
  margin-bottom: 30px;
}
.step-date2 {
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
  background-color: rgb(242, 23, 100);
  padding: 5px 33px;
  display: inline-block;
  margin-bottom: 30px;
}

.step-form {
  position: relative;
  border-radius: 30px;
  padding: 30px;
  background-color: rgba(161, 148, 190, 0.36);
}



.step-date3 {
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
  background-color: rgb(15, 182, 245);
  padding: 5px 33px;
  display: inline-block;
  margin-bottom: 30px;
}



/* animation  start*/



.bounce-animation {
    animation: bounce 2s ease infinite;
}
.rotate-animation{
    animation: rotate-animation 10s infinite linear;
}
.shake-topbottom-animation{
    animation: shake-toptobottom 3s infinite linear;
}
.lefttoright-animation{
    animation: shake-leftoright 3s infinite linear;
}
.pulse-animation {
    animation: pulse 2s infinite ease-in-out alternate;
}
.fade-in-animation {
    animation: fade-in 2s linear infinite;
  }



  @keyframes bounce {
      70% { transform:translateY(0%); }
      80% { transform:translateY(-15%); }
      90% { transform:translateY(0%); }
      95% { transform:translateY(-7%); }
      97% { transform:translateY(0%); }
      99% { transform:translateY(-3%); }
      100% { transform:translateY(0); }
  }

  @keyframes shake-toptobottom{
      0% { transform:translateY(5px); }
      25% { transform:translateY(15px); }
      50% { transform:translateY(-5px); }
      100% { transform:translateY(0px); }
  }
  @keyframes shake-leftoright{
      0% { transform:translateX(5px); }
      25% { transform:translateX(15px); }
      50% { transform:translateX(-5px); }
      100% { transform:translateX(0px); }
  }

  


  @keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



  @keyframes pulse {
    from { transform: scale(0.9); }
    to { transform: scale(1.1); }
  }

 
  @keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }/* CARD BASE */

/* animation  start*/


/* ===== FACT section ===== */



.fact-1 {
  background: url(../images/fact-1-bg.png);
  
     background-repeat: no-repeat;
    background-size: auto;
}

.icon-box {
  background-repeat: no-repeat;
  overflow: visible;
  background-size: 90% 100%;
  padding-bottom: 20px;
  padding-top: 70px;
  background-position: center;
  height: 100%;
}






.icon-box-inner {
  box-shadow: 0 15px 60px 0px rgba(0, 28, 96, 0.24);
  padding: 48px 20px;
  overflow: visible;
  border-radius: 20px;
}


.step-1 {
  background: url(../images/fact-1-bg.png);
    background-position-x: 0%;
    background-position-y: 0%;
      background-repeat: no-repeat;
    background-size: auto;
}

.icon-box {
  background-repeat: no-repeat;
  overflow: visible;
  background-size: 90% 100%;
  padding-bottom: 20px;
  padding-top: 70px;
  background-position: center;
  height: 100%;
}
.icon-box-inner .icon {
  fill: #FFF;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  height: 150px;
  width: 150px;
  border-radius: 50%;
  margin: auto;
    margin-top: auto;
  margin-top: auto;
  margin-top: -110px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 15px 60px 0px rgba(0, 28, 96, 0.24);
}

.p20 {
  padding: 20px !important;
}
.pt20 {
  padding-top: 20px !important;
}
@media (min-width: 992px) {
  .mb-lg-1 {
    margin-bottom: .25rem !important;
  }
}


/* Animation */
@keyframes progressMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

/* Hover speed fast */
.effect-2::before {
  animation: progressMove 1.5s linear infinite;
}



/* Container */
.mybutton-box-out {
  padding: 0 3%;
  position: relative;
  z-index: 1;
}

.mybutton-box {
  position: relative;
  text-align: center;
}

/* Button Link */
.mybutton a {
  border-radius: 15px;
  box-shadow: 0px 15px 43px 0px rgba(0, 0, 0, 0.21);
  transition: 0.4s ease;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

/* Hover Effect */
.mybutton a:hover {
  transform: scale(1.03);
  box-shadow: none;
}

/* 🔥 Animated Progress Button */
@media (min-width: 768px) {
.mybutton-btn {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 25px;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
background: linear-gradient(90deg, #00adef 0%, #000000 100%);
    background-size: auto;
  background-size: 300% 100%;
  /* animation: progressMove 4s linear infinite; */
text-decoration: none;
}
}
@media (max-width: 768px) {
.mybutton-btn {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  padding: 20px 40px;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(90deg, #8b5cf6 0%, #f97316 100%);
    background-size: auto;
  background-size: 300% 100%;
  /* animation: progressMove 4s linear infinite; */
text-decoration: none;
}
    .step-section {
    background: url(../images/step-section.png) no-repeat center top;
    background-size: auto;
    background-size: cover;
    padding: 9.5% 0 0 0;
    position: relative;
    z-index: 2;
    margin-top: -19%;
    position: relative;
    z-index: 10;
}
}

/* Text */
.mybutton-text {
  color: #fff;
  font-size: 24px;
}

/* Arrow */
.btn-arrow img {
  width: 40px;
}

/* Animation */
@keyframes progressMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
a:hover{
	color: #000000 !important;
}
/* Hover speed fast */
.mybutton a:hover .mybutton-btn {
  /* animation: progressMove 1.5s linear infinite; */
   color: #fff !important;
}

/* 📱 Tablet */
@media (max-width: 768px) {
  .mybutton-btn {
  padding: 25px 20px;
  }
  .mybutton-text {
    font-size: 18px;
  }
.btn-arrow img {
width:  30px;
}
.rp-box

 {
    height: 70px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(114, 95, 137, 0.25);
    border-radius: 20px;
    position: relative;
    padding: 20px;
    z-index: 1;
}
  
}

/* 📱 Mobile */
@media (max-width: 480px) {
  .mybutton-btn {
    flex-direction: column;
    text-align: center;
    padding: 15px;
  }

  .btn-arrow {
    padding: 0px 0 0 0;
  }

  .mybutton-text {
    font-size: 16px;
  }
  .btn-arrow img {
display: none;
}
}

.affiliate-wrap {
  border-radius: 40px 40px 0px 0px;
  /* background: linear-gradient(40deg, #0d6efdad 0%, #c206fbc4 100%); */
  padding: 30px 20px;
}


/* ===== FACT section ===== */