@import url(bootstrap.min.css);



body {

	margin: 0;

	padding: 0;

	
	font-family: "Inter", sans-serif;

	color: #0e082e;

	font-size: 14px;

}

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

@media(min-width:1200px) {

	.container {

		max-width: 1230px !important
	}

}



.font16 {

	font-size: 16px
}



.font18 {

	font-size: 18px
}



.font20 {

	font-size: 20px
}



.font22 {

	font-size: 22px
}



.font24 {

	font-size: 24px
}



.font26 {

	font-size: 26px
}



.font30 {

	font-size: 30px
}



.font32 {

	font-size: 32px
}



.font40 {

	font-size: 40px
}



.font50 {

	font-size: 50px
}



.mtop0 {

	margin-top: 0 !important
}



.mtop10 {

	margin-top: 10px !important
}



.mtop20 {

	margin-top: 20px !important
}



.mtop30 {

	margin-top: 30px !important
}



.mtop50 {

	margin-top: 50px !important
}



@media(min-width:768px) {

	.font-md16 {

		font-size: 16px
	}



	.font-md18 {

		font-size: 18px
	}



	.font-md20 {

		font-size: 20px
	}



	.font-md24 {

		font-size: 24px
	}



	.font-md26 {

		font-size: 26px
	}



	.font-md28 {

		font-size: 28px
	}



	.font-md30 {

		font-size: 30px
	}



	.font-md32 {

		font-size: 32px
	}



	.font-md34 {

		font-size: 34px
	}



	.font-md38 {

		font-size: 38px
	}



	.font-md40 {

		font-size: 40px
	}



	.font-md42 {

		font-size: 42px
	}



	.font-md46 {

		font-size: 46px
	}



	.font-md50 {

		font-size: 50px
	}



	.font-md60 {

		font-size: 60px
	}



	.font-md70 {

		font-size: 70px
	}



	.font-md120 {

		font-size: 120px
	}



	.mtop-md0 {

		margin-top: 0 !important
	}



	.mtop-md10 {

		margin-top: 10px !important
	}



	.mtop-md20 {

		margin-top: 20px !important
	}



	.mtop-md30 {

		margin-top: 30px !important
	}



	.mtop-md40 {

		margin-top: 40px !important
	}



	.mtop-md50 {

		margin-top: 50px !important
	}



	.mtop-md60 {

		margin-top: 60px !important
	}



	.mtop-md100 {

		margin-top: 100px !important
	}

}



.l100 {

	line-height: 100%
}



.l120 {

	line-height: 120%
}



.l130 {

	line-height: 130%
}



.l140 {

	line-height: 140%
}



.lh150 {

	line-height: 150%
}



.l160 {

	line-height: 160%
}



.weight300 {

	font-weight: 300 !important
}



.weight400 {

	font-weight: 400 !important
}



.weight500 {

	font-weight: 500 !important
}



.weight600 {

	font-weight: 600 !important
}



.weight700 {

	font-weight: 700 !important
}



.weight800 {

	font-weight: 800 !important
}



.weight900 {

	font-weight: 900 !important
}



.relative {

	position: relative;

}

.red-color {

	color: #ff1a1a;

}



.gradient-color {



	background: linear-gradient(45deg, rgb(129, 126, 255) 0%, rgb(110, 87, 255) 23.9%, rgb(122, 111, 254) 47.54%, rgb(101, 46, 254) 69.67%, rgb(67, 22, 163) 100%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}



.gradient-color1 {

	background: #3a43d0;

    background: linear-gradient(to bottom, #033d2b 0%, #007e52 100%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}

.prpule-clr {
	    color: rgb(3 61 43) !important;
}

.welcome-section1 {
	padding: 50px 0 20px 0;
	background-color: #8250F0;
	background-color: #9F75FD;
	background: url(../images/welcome-section1.webp) no-repeat center top;
	background-size: auto;
	background-size: cover;
	background-size: cover;
	background-attachment: scroll;
}

ul.header-link {

	margin: 0px;

	padding: 0px;

}



ul.header-link li {

	list-style: none;

	display: inline-flex;

	margin-right: 30px;

	margin-top: 10px;

}



ul.header-link li a {

	font-size: 18px;

	font-weight: 400;
	color: #181818;

	text-decoration: none;

}



a.get-link {

	border-radius: 10px;
	
	
	
	
	

	padding: 12px 35px;

	display: inline-block;

	font-size: 18px;

	font-weight: 600 !important;

	color: #ffffff;

	text-decoration: none;


	background-color: rgb(117, 105, 255);
	border: 1px solid #fff0;
	border-radius: 12px;
	padding: 8px 16px;
	transition: all .4s;
	box-shadow: inset 0 0px 19px rgb(32, 11, 255);

}



a.get-link:hover {

    background-color: rgb(54 124 81);
    border: 1px solid #fff0;
    border-radius: 12px;
    padding: 8px 16px;
    transition: all .4s;
    box-shadow: inset 0 0px 19px rgb(0 0 0);
}

.btn-banner1:hover {
	color: #000 !important;
	background: linear-gradient(180deg, #FFF500 0%, #FF7A00 100%);
	border: 2px solid #12b9fe;
	text-decoration: none;
}


.form-control,

.form-control:focus {

	height: 50px;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	padding: 0px 20px;
	box-shadow: none;
	
	border-width: 1px;
	border-color: rgb(148, 143, 168);
	border-style: solid;
	border-radius: 10px;
	width: 100%;



}

@media (min-width: 768px) {
}


::-webkit-input-placeholder {

	

	color: #c9c7d1 !important;

}



:-ms-input-placeholder {

	

	color: #c9c7d1 !important;

}



::placeholder {

	color: #c9c7d1 !important;

}



.form-btn:hover {

	background-image: -moz-linear-gradient(90deg, rgb(108, 116, 247) 100%, rgb(58, 67, 208) 0%);

	background-image: -webkit-linear-gradient(90deg, rgb(108, 116, 247) 100%, rgb(58, 67, 208) 0%);

	background-image: -ms-linear-gradient(90deg, rgb(108, 116, 247) 100%, rgb(58, 67, 208) 0%);

}



a.affliate-link {

	padding: 19px 35px;

	display: inline-block;

	color: #ffffff;

	text-decoration: none;

	text-align: center;

	border-radius: 10px;

	background-image: -moz-linear-gradient(-50deg, rgb(255, 15, 71) 0%, rgba(218, 87, 54, 0.99608) 100%);

	background-image: -webkit-linear-gradient(-50deg, rgb(255, 15, 71) 0%, rgba(218, 87, 54, 0.99608) 100%);

	background-image: -ms-linear-gradient(-50deg, rgb(255, 15, 71) 0%, rgba(218, 87, 54, 0.99608) 100%);

	text-transform: uppercase;

}



a.affliate-link:hover {

	background-image: -moz-linear-gradient(90deg, rgba(218, 87, 54, 0.99608) 100%, rgb(255, 15, 71) 0%);

	background-image: -webkit-linear-gradient(90deg, rgba(218, 87, 54, 0.99608) 100%, rgb(255, 15, 71) 0%);

	background-image: -ms-linear-gradient(90deg, rgba(218, 87, 54, 0.99608) 100%, rgb(255, 15, 71) 0%);

}



.header-wrap {

	display: flex;

	gap: 20px;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

}



.highlight {

	background: url(../images/hihglight.png) no-repeat center center;

	display: inline-block;

	padding: 15px;

	background-size: 100% 100%;

}

.text-shadow {
	
	text-shadow: 0px 6px 8px rgb(0 0 0 / 25%);

}



.postheadline {
	position: relative;
}


@media (min-width:991px) {

	.postheadline img {
		width: 11%;
		position: absolute;
		left: -4%;
	}
}

@media (max-width:991px) {
}

.text-highlight1 {
	padding: 0px 10px 0 10px;
	border-radius: 5px;
	background-color: #ffa700;
	display: inline-block;
}

@media (min-width:768px) {

	.text-highlight1 {
		padding: 0px 10px 0 10px;
		border-radius: 5px;
		background-color: #ffa700;
		display: inline-block;
		
	}

	.header-icon2 {
		position: absolute;
		left: -10%;
		bottom: 25%;
		width: 23%;
		z-index: 1;
	}


	.header-icon4 {
		position: absolute;
		right: 0;
		top: 35px;
		width: 20%;


	}

	.header-icon5 {
	position: absolute;
    left: 0%;
    bottom: -13px;
    width: 22%;
	}






	.arrow {

		position: absolute;

		right: 20px;

		top: 145px;

	}



	.header-wrap {
		flex-wrap: nowrap;
		justify-content: space-between;
		transition: 0.3s;
		background: rgb(255, 251, 254);
		backdrop-filter: blur(12px);
		padding: 10px 20px 10px 20px;
		border-radius: 15px;
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
		padding-left: 3rem !important;
	}



	ul.header-link li {

		margin-top: 0px;

	}



	.highlight {

		padding: 30px;

	}

}


.demo-section2{
	background: url(../images/demo-section2.png) no-repeat center center;

	background-size: cover;
padding: 80px 0 80px 0;
position:relative;

color:#fff;
}
.demo-video2 {
  box-shadow: 0 0 40px rgba(67, 67, 67, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.56);
  overflow: hidden;
  background-color: hsla(0, 0%, 100%, 0.17);
  padding: 20px;
  border-radius: 10px;
  backdrop-filter: blur(10px);
}


 
.demo-video-card2 {
    margin-top: -100px;
    z-index: 9;
    padding: 40px 20px;
    border-radius: 30px;
    background-image: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, #7266ff 70%);
  }

@media (min-width:768px) {
	

.demo-section2{
	background: url(../images/demo-section2.png) no-repeat center center;
background-size: cover;
    padding: 30px 0 80px 0;
    position: relative;
    color: #fff;
}

 .demo-video-card2 {
    margin-top: -100px;
    z-index: 9;
    padding: 40px 20px;
    border-radius: 30px;
    background-image: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, #7266ff 70%);
  }
}


@media (min-width:1400px) {

}











a.action-link {

	text-decoration: none;

	text-align: center;

	display: block;

	padding: 15px;

	font-weight: 700;

	font-size: 22px;

	line-height: 30px;

	color: #ffffff;

	border-radius: 20px;

	background-image: -moz-linear-gradient(0deg, rgb(60, 191, 39) 0%, rgb(37, 157, 18) 100%);

	background-image: -webkit-linear-gradient(0deg, rgb(60, 191, 39) 0%, rgb(37, 157, 18) 100%);

	background-image: -ms-linear-gradient(0deg, rgb(60, 191, 39) 0%, rgb(37, 157, 18) 100%);

}



a.action-link:hover {

	background-image: -moz-linear-gradient(90deg, rgb(37, 157, 18) 0%, rgb(60, 191, 39) 100%);

	background-image: -webkit-linear-gradient(90deg, rgb(37, 157, 18) 0%, rgb(60, 191, 39) 100%);

	background-image: -ms-linear-gradient(90deg, rgb(37, 157, 18) 0%, rgb(60, 191, 39) 100%);

}



a.action-link span {

	font-size: 14px;

	font-weight: 500;

	font-style: italic;

	line-height: 0px;

}







.main {

	text-align: center;

	display: flex;

	justify-content: space-between;

}



.item::before {

	content: ':';

	position: absolute;

	z-index: 9;

	right: -25px;

	color: #f01236;

	font-size: 60px;

	top: -10px;

}



.main .item:last-child {

	margin-right: 0px;

}



.main .item:last-child::before {

	content: none;

}



@media (min-width:768px) {

}





@media (min-width:768px) {

	a.action-link {

		padding: 20px 30px 20px 30px;

		font-size: 30px;

		border-radius: 100px;

	}

}

.date1:hover {
	border-radius: 10px;
	background: url(../images/agent_video_bg.png) center center / 100% 100% no-repeat;
}

@media (min-width:768px) {

}



.talking-shape::before {

	background: url(../images/check.png) no-repeat center center;

	width: 60px;

	height: 60px;

	top: -5px;

	left: -5px;

	position: absolute;

	z-index: 9;

	content: '';

}



@media (min-width:768px) {

}



@media (min-width: 1400px) {

}





.intro-section {

	padding: 30px 0px 10px 0px;

	background-image: -moz-linear-gradient(90deg, rgb(14, 19, 108) 0%, rgb(32, 20, 78) 100%);

	background-image: -webkit-linear-gradient(90deg, rgb(14, 19, 108) 0%, rgb(32, 20, 78) 100%);

	background-image: -ms-linear-gradient(90deg, rgb(14, 19, 108) 0%, rgb(32, 20, 78) 100%);

	z-index: 9;

}

@media (min-width:768px) {

	.intro-section {

		padding: 70px 0px 90px 0px;

		background: url(../images/header-140.png) no-repeat center bottom;

		background-size: cover;
		background-color: #080124;

	}

}



@media (min-width:768px) {

}



@media (min-width: 1400px) {

}





ul.point-lists {

	margin: 0px;

	padding: 0px;

}



ul.point-lists li {

	list-style: none;

	background: url(../images/tick.png) no-repeat top left;

	background-size: auto;

	padding-left: 35px;

	margin-bottom: 22px;

	background-size: 25px;

}



ul.point-lists li ul {

	margin: 15px 0px 0px 0px;

	padding: 0px 0px 0px 20px;

}



ul.point-lists li ul li {

	background: none;

	list-style: outside;

	padding-left: 0px;

}



@media (min-width:768px) {

}






@media (min-width: 1400px) {

}



@media (max-width:1399px) {

}



.funnel-section {

	padding: 30px 0px;

	background: url(../images/funnel-headline.png) no-repeat center top;

	background-size: cover;

}



@media (min-width:768px) {

	.funnel-section {

		padding: 80px 0px;



	}

}



.funnel-bg.one {

	background-color: rgb(36, 36, 155);

}





@media (min-width:768px) {

}



.prize-section .form-control,

.prize-section .form-control:focus {

	border-width: 1px;

	border-color: rgb(248, 248, 251) !important;

	border-style: solid;

	border-radius: 10px;

	background-color: rgba(248, 248, 251, 0.2) !important;

}



@media (min-width:768px) {

}



@media (min-width:768px) {

}

@media (min-width:768px) {

}



@media (min-width: 1400px) {

}



@media (min-width:768px) {

}



@media (min-width:768px) {


}


@media (min-width: 768px) {
}



.shadow {

	box-shadow: 0px 8px 30px 0px rgba(24, 23, 62, 0.2);

}



a.live-link {

	border-width: 1px;

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

	border-style: solid;

	border-radius: 10px;

	display: block;

	padding: 15px 15px;

	color: #ffffff;

	text-decoration: none;

	width: 100%;

}



@media (min-width:768px) {



	a.live-link {

		display: inline-block;

		padding: 15px 100px;

		width: auto;



	}

}







.footer-section {

	padding: 30px 0px;

	background: #000;

	color: #fff;



}





ul.legal-link {

	margin: 0px;

	padding: 0px;

}



ul.legal-link li {

	margin: 3px;

	display: inline-flex;

}



ul.legal-link li a {

	text-decoration: none;

	color: #fff;

}



.footer-section .terms {

	font-size: 18px;

	font-weight: 300;

	line-height: 160%;

	color: #fff;

}



@media (min-width:768px) {

	.footer-section {

		padding: 80px 0px 80px 0px;

		

	}



	ul.legal-link li {

		margin: 10px;

		display: inline-flex;

	}

}



.embed-responsive-16by9::before {

	padding-top: 56.25%;

}



.embed-responsive::before {

	display: block;

	content: "";

}



.shader-canvas {
	width: 100%;
	height: 100%;
	display: block;
	background-color: black;
	
	-webkit-mask-image: url(#rocket-mask);
	mask-image: url(#rocket-mask);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	opacity: 0;
}

.hero-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	
}







.zoom1 {
    animation: scale 3s linear infinite;
  }
    
  @keyframes scale {
    50% {
      transform:scale(.9);
    }
  }
@keyframes shapeani1 {
        0% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
        }
        50% {
          -webkit-transform: translateY(-1.25rem);
          transform: translateY(-1.25rem);
        }
      }
      @keyframes shapeani2 {
        0% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
        }
        50% {
          -webkit-transform: translateX(-1.25rem);
          transform: translateX(-1.25rem);
        }
      }

@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}


@keyframes sliderShape{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}




.promo-contact-sec{
background: url(../images/welcome-section1.webp) no-repeat;
   
  padding: 40px 0;
  background-size: cover;
}

.promo-card{
background:linear-gradient(180deg,#2e5b79,#3aa272);
padding:60px 50px;
border-radius:30px;
color:#fff;
}

.contact-btn a:hover{
background:#ffffff35;
}

.promo-card{
position:relative;
background:rgba(171, 192, 255, 0.56);
padding:60px 50px;
border-radius:30px;
color:#000;

}



.contact1{
position: absolute;
  width: 129px;
  z-index: 1;
  right: -19px;
  top: -41px;
}



.contact2{
position: absolute;
  width: 170px;
  z-index: 1;
  left: -60px;
  bottom: 120px;
}

@media(max-width:786px) {}










.adastra-steps-sec{
padding:100px 0;
background:url(../images/BG_10.png) no-repeat center;
background-size:cover;
}

.steps-wrapper{
position:relative;
}

.step-row{
margin-bottom:90px;
position: relative;
}

.step-card{
padding:40px 30px;
border-radius:20px;
transition:.3s;
}

.step-card:hover{
transform:translateY(-8px);
}

.step-titels-number{
background: #12906a;
color:#fff;
width:130px;
height:45px;
border-radius:30px;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:20px;
}

.step-title{
font-size:26px;
font-weight:900;
margin-top:25px;
color:#000;
}

.step-text{
font-size:20px;
margin-top:20px;
color:#000;
}

.step-img{
text-align:center;
}

.step-img img{
max-width:100%;
border-radius:16px;
/* box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18); */
}


@media(min-width:1024px) {

.arrow1{
position: absolute;
  bottom: -38%;
  width: 80%;
  left: 3%;
}
.arrow2{
position: absolute;
  bottom: -38%;
  width: 80%;
  right: 3%;
}

}


@media(max-width:1024px) {

.arrow1{
display: none;
}
.arrow2{
display: none;
}

}




.intro-section{
	background: url(../images/welcome-section1.webp) no-repeat center top;
	
	background-size: cover;
padding: 80px 0 80px 0;
}

@media(min-width:991px) {

}
@media(max-width:991px) {


}



.demo-video{
box-shadow: 0 0 40px rgba(67, 67, 67, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.56);
  overflow: hidden;
  background-color: hsla(0, 0%, 100%, 0.17);
  padding: 20px;
  border-radius: 10px;
  backdrop-filter: blur(10px);
}

.highlight{
font-size:22px;
font-weight:700;
color:#00ffc3;
margin:20px 0;
}



@keyframes floatCard{
0%{transform:translateY(0px) rotate(-15deg);}
50%{transform:translateY(-15px) rotate(-15deg);}
100%{transform:translateY(0px) rotate(-15deg);}
}



@media(max-width:768px){

.demo-video iframe{
width:100%;
height:260px;
}

}


.gradient-text{
    background:linear-gradient(135deg,#00c6ff,#2563eb);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.comparison-table tbody tr:hover{
    background:#f8fafc;
}

.comparison-table tbody tr:last-child td{
    border-bottom:none;
}

.comparison-table tbody td:first-child{
    color:#ef4444;
}

.comparison-table tbody td:last-child{
    color:#16a34a;
}

@media(max-width:767px){
}


.premium-headline-wrap {
    position: relative;
    max-width: 1250px;
    margin: 0px auto 0;
    padding: 25px 20px;
    text-align: center;
}




.premium-headline {
    position: relative;
    z-index: 2;
    font-family: "Inter", sans-serif;
    font-size: 43px;
    line-height: 1.42;
    font-weight: 900;
    letter-spacing: -1.8px;
    color: #17191f;

    text-shadow:
        0 3px 3px rgba(0, 0, 0, 0.10),
        0 8px 20px rgba(0, 0, 0, 0.06);
}




.headline-line {
    display: block;
    margin-bottom: 4px;
}




.purple-marker {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    z-index: 1;
}

.purple-marker::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 13px;

    background: linear-gradient(
        90deg,
        rgba(74, 255, 74, 0.65),
        rgba(0, 114, 6, 0.85),
        rgba(71, 189, 3, 0.65)
    );

    border-radius: 2px;
    transform: skewX(-5deg);
    z-index: -1;

    box-shadow:
        0 4px 12px rgba(111, 74, 255, 0.20);
}




.spy-gradient {
    display: inline-block;

    background: rgb(121 255 130);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    filter: drop-shadow(
        0 4px 5px rgba(91, 61, 245, 0.18)
    );
}




.orange-highlight {
    position: relative;
    display: inline-block;

    padding: 2px 13px 5px;
    margin: 3px 4px;

    color: #ffffff;

    background: linear-gradient(242.33deg, rgb(4 62 45) 8.8%, rgb(71 145 93) 51.79%, rgb(4 62 45) 101.49%);

    border-radius: 6px;

    line-height: 1.15;

    text-shadow:
        0 2px 3px rgba(0, 0, 0, 0.18);

    /* box-shadow:
        0 5px 0 #dc7900,
        0 10px 25px rgba(255, 145, 0, 0.25); */

    transform: translateY(-2px);
}




.headline-subline {
    margin-top: 8px;
}




.purple-text {
    color: #6ce575;
    position: relative;
}




.time-badge {
      display: inline-block;
    padding: 1px 12px 4px;
    margin-left: 5px;
    color: #ffffff;
    background: linear-gradient(135deg, #3c8254, #3c7c5c);
    border-radius: 7px;
    line-height: 1.15;
    text-shadow: 0 2px 3px rgb(2 5 4);
    box-shadow: 0 6px 18px rgb(0 0 0);
}




.headline-final {
    margin-top: 3px;
}

.green-marker {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    z-index: 1;
}

.green-marker::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 13px;
    background: linear-gradient(90deg, rgba(74, 255, 74, 0.65), rgba(0, 114, 6, 0.85), rgba(71, 189, 3, 0.65));
    border-radius: 2px;
    transform: skewX(-5deg);
    z-index: -1;
}

.green-text {
    color: #6ce575;
}

.green-badge {
    display: inline-block;
    padding: 1px 12px 4px;
    margin-left: 5px;
    color: #ffffff;
    background: linear-gradient(135deg, #3c8254, #3c7c5c);
    border-radius: 7px;
    line-height: 1.15;
    text-shadow: 0 2px 3px rgb(2 5 4);
    box-shadow: 0 6px 18px rgb(0 0 0);
}

.affiliate-subheading {
    max-width: 900px;
    margin: 0 auto;
    color: #d9f9df;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}




.premium-headline-wrap::before {
    content: "";
    position: absolute;

    width: 450px;
    height: 180px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    background: radial-gradient(
        circle,
        rgba(111, 74, 255, 0.10) 0%,
        rgba(111, 74, 255, 0.04) 45%,
        transparent 72%
    );

    filter: blur(25px);

    pointer-events: none;
}




@media (max-width: 991px) {

    .premium-headline {
        font-size: 36px;
        line-height: 1.45;
        letter-spacing: -1.2px;
    }

}




@media (max-width: 767px) {

    .premium-headline-wrap {
        margin-top: 20px;
        padding: 20px 12px;
    }

    .premium-headline {
        font-size: 27px;
        line-height: 1.5;
        letter-spacing: -0.7px;
    }

    .headline-line {
        margin-bottom: 2px;
    }

    .purple-marker::before {
        height: 9px;
        bottom: 3px;
    }

    .green-marker::before {
        height: 9px;
        bottom: 3px;
    }

    .orange-highlight {
        padding: 3px 8px 5px;
        margin: 4px 1px;

        box-shadow:
            0 3px 0 #dc7900,
            0 7px 15px rgba(255, 145, 0, 0.20);
    }

    .time-badge {
        margin-top: 5px;
        padding: 2px 9px 4px;
    }

    .green-badge {
        margin-top: 5px;
        padding: 2px 9px 4px;
    }

    .affiliate-subheading {
        padding: 0 16px;
        font-size: 17px;
    }

}




@media (max-width: 480px) {

    .premium-headline {
        font-size: 23px;
        line-height: 1.5;
        letter-spacing: -0.4px;
    }

}

@media (max-width: 768px) {
.welcome-section1 {
  overflow: hidden;
}
.intro-section {
    background: url(../images/intro-section.png) no-repeat center top;
    
    background-size: cover;
    padding: 20px 0 80px 0;
}

.demo-section2 {
    background: url(../images/demo-section2.png) no-repeat center center;
    background-size: cover;
    padding: 80px 0 0px 0;
    position: relative;
    color: #fff;
}

ul.header-link li a {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
}
}

a.get-link {
    border-radius: 10px;
    
    
    
    
    padding: 12px 35px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600 !important;
    color: #ffffff;
    text-decoration: none;
    background-color: rgb(54 124 81);
    border: 1px solid #fff0;
    border-radius: 12px;
    padding: 8px 16px;
    transition: all .4s;
    box-shadow: inset 0 0px 19px rgb(0 0 0);
}

.video-div {
    background: url(../images/videobg.webp) no-repeat center top;
    background-size: cover;
    padding: 1% 0;
    margin-top: 2%;
}