.demo-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;

}

.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: #0061fe;
}


.buttons {
	background-color: #0061fe;
	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-color: #0061fe;
  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: 1200px) {
	.videosectoin {


		background: url(../images/frame-demo.png) no-repeat;
		background-size: auto;
		background-size: 100% 100%;

		padding: 80px 10px 80px 10px;
	}
}

@media (max-width: 1200px) {
	.videosectoin {


		background: url(../images/frame-demo.png) no-repeat;
		background-size: auto;
		background-size: 100% 100%;
		padding: 45px 5px 30px 5px;
	}
}

@media (max-width: 991px) {

	.videosectoin {


		background: url(../images/frame-demo.png) no-repeat;
		background-size: auto;
		background-size: 100% 100%;
		padding: 40px 30px 30px 30px;
	}

}

@media (max-width: 576px) {
	.videosectoin {

		background: url(../images/frame-demo.png) no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% 100%;
		padding: 30px 15px 20px 15px;
	}
}

@media (max-width: 400px) {
	.videosectoin {

		background: url(../images/frame-demo.png) no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: auto;
		background-size: 100% 100%;
		padding: 14px 10px 12px 10px;
	}
} */

@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: 30px 0px 0px 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: 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(0deg,rgb(255, 194, 2) 0%, rgb(255, 123, 0) 100%);
	display: block;
	text-align: center;
	padding: 4% 12.0%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	display: table;
  }
  .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, #fe7716, #b11fde);

	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%);
    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%);
	  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: 15px 30px;
	border-radius: 12px;
	color: #fff;
	display: block;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
}



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

	max-width: 100%;
	padding: 15px 30px;
	border-radius: 12px;
	color: rgb(68, 68, 68);
	display: block;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
}






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

  
	

.price {
	background-image: url(../images/poio.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 0px;
		border-width: 6px;
		border-color: rgb(78, 88, 255);
		border-style: solid;
		border-radius: 20px;
		background-color: #fff;
		background-color: #fff;
		box-shadow: 0px 4px 30px 0px rgb(78 88 255 / 20%);
		overflow: hidden;
	}

	.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/section30.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;
	}

}

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-size: cover;
	overflow: hidden;
	padding: 50px 0px 0px 0;

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

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

	color: #fff;
	background-position: center center;
}
.effect-2 {
	position: relative;
	z-index: 1;
	display: inline-block;
  }
  .effect-2::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 50%;
	bottom: 0px;
	background-color: #f100fd !important;
	z-index: -1;
	transform: translateX(-50%)
  }

  .effect-3 {
	position: relative;
	z-index: 1;
	display: inline-block;
  }
  .effect-3::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 50%;
	bottom: 0px;
	background-color: #fd457e !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%);
	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: 11px 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);
  }

  @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(248, 68, 255);
  }

  .line-hihglight {
	padding:
4px 5px;
	display: inline-block;
	background:
linear-gradient(0deg, #2203ff 0%, #009FFF 100%);
	background:
linear-gradient(0deg, #d27cf8 0%, #A68CEE 100%);
	background-image: linear-gradient(0deg, rgb(210, 124, 248) 0%, rgb(166, 140, 238) 100%);
	background-image: linear-gradient(0deg,rgb(255, 0, 0) 0%, rgb(255, 203, 0) 100%);
	background-image: linear-gradient(0deg,rgb(248, 203, 21) 0%, rgb(255, 1, 161) 100%);
	background-image: linear-gradient(0deg,rgb(255, 1, 161) 0%, rgb(248, 203, 21)100%);
	background-image: linear-gradient(0deg,rgb(255, 1, 161) 0%, rgb(248, 203, 21)100%);
	background-image: linear-gradient(45deg,rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%);
	background-image: linear-gradient(-45deg, rgb(99, 5, 244) 0%, rgb(253, 0, 254) 100%);
	border-radius:
5px;
  }
  @media (min-width: 768px) {
	.line-hihglight {
	  padding:
  4px 5px;
	  display: inline-block;
	  background:
  linear-gradient(0deg, #2203ff 0%, #009FFF 100%);
	  background:
  linear-gradient(0deg, #d27cf8 0%, #A68CEE 100%);
	  background-image: linear-gradient(0deg, rgb(210, 124, 248) 0%, rgb(166, 140, 238) 100%);
	  background-image: linear-gradient(0deg,rgb(255, 0, 0) 0%, rgb(255, 203, 0) 100%);
	  background-image: linear-gradient(0deg,rgb(248, 203, 21) 0%, rgb(255, 1, 161) 100%);
	  background-image: linear-gradient(0deg,rgb(255, 1, 161) 0%, rgb(248, 203, 21)100%);
	  background-image: linear-gradient(0deg,rgb(255, 1, 161) 0%, rgb(248, 203, 21)100%);
	  background-image: linear-gradient(45deg,rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%);
	  background-image: linear-gradient(-45deg, rgb(99, 5, 244) 0%, rgb(253, 0, 254) 100%);
	  border-radius:
  5px;
	}
  }