@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


body{
font-size: 16px;
font-family: "Manrope", sans-serif;
line-height: 1.42857143;
color: #fff;
Background:#0A0944;
/* letter-spacing: -0.2em; */
}

.plus-jakarta-sans {
  font-family: "Plus Jakarta Sans", sans-serif;}

  .stalinist-one-regular {
    font-family: "Stalinist One", sans-serif;
  }
  .bad-script-regular {
    font-family: "Bad Script", cursive;
    font-weight: 400;
    font-style: normal;
  }
  .patrick-hand{
    font-family: "Patrick Hand", cursive;
    font-weight: 400;
  }
  .inter{
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 800;
  }
html{
overflow-y: scroll;
scroll-behavior: smooth;
}

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

/* ::-webkit-scrollbar {
	width: 6px; 
	height: 6px; 
  }
  
  ::-webkit-scrollbar-track {
	background-color: #f2f2f2; 
	border-radius: 0px;
  } */
  
  /* ::-webkit-scrollbar-thumb {
	background-color: #1a9983; 
	border-radius: 6px;
	opacity: 0.8;
	border: 1px solid #f2f2f2; 
	min-height: 40px;
  } */
/* ///////////////////////////////////////////////// */


/* letter spacing */
.ls-5{letter-spacing: -0.25px;}
.ls-2{letter-spacing: -0.5px;}
.ls-1{letter-spacing: -1px;}


/* fonts */
@media(min-width:240px){
.xs8{font-size: 8px;}.xs9{font-size: 9px;}.xs10{font-size: 10px;}.xs11{font-size: 11px;}.xs12{font-size: 12px;}.xs13{font-size: 13px;}.xs14{font-size: 14px;}.xs15{font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs26 {font-size: 26px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs32 {font-size: 32px;}.xs33 {font-size: 33px;}.xs34 {font-size: 34px;}.xs35 {font-size: 35px;}.xs36 {font-size: 36px;}.xs37 {font-size: 37px;}.xs38 {font-size: 38px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs42 {font-size: 42px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs48 {font-size: 48px;}.xs49 {font-size: 49px;}.xs50 {font-size: 50px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs80 {font-size: 80px;}.xs110{font-size:110px}    
}
@media (min-width:768px){
.sm8{font-size: 8px;}.sm9{font-size: 9px;}.sm10{font-size: 10px;}.sm11{font-size: 11px;}.sm12{font-size: 12px;}.sm13{font-size: 13px;}.sm14{font-size: 14px;}.sm15{font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm22 {font-size: 22px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm26 {font-size: 26px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm42 {font-size: 42px;}.sm43 {font-size: 43px;}.sm44{font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm48 {font-size: 48px;}.sm49 {font-size: 49px;}.sm50 {font-size: 50px;}.sm51 {font-size: 51px;}.sm52 {font-size: 52px;}.sm53 {font-size: 53px;}.sm54{font-size: 54px;}.sm55 {font-size: 55px;}.sm56 {font-size: 56px;}.sm57 {font-size: 57px;}.sm58 {font-size: 58px;}.sm59 {font-size: 59px;}.sm60 {font-size: 60px;}.sm61 {font-size: 61px;}.sm62 {font-size: 62px;}.sm63 {font-size: 63px;}.sm64{font-size: 64px;}.sm65 {font-size: 65px;}.sm66 {font-size: 66px;}.sm67 {font-size: 67px;}.sm68 {font-size: 68px;}.sm69 {font-size: 69px;}.sm70 {font-size: 70px;}.sm71 {font-size: 71px;}.sm72 {font-size: 72px;}.sm73 {font-size: 73px;}.sm74{font-size: 74px;}.sm75 {font-size: 75px;}.sm76 {font-size: 76px;}.sm77 {font-size: 77px;}.sm78 {font-size: 78px;}.sm79 {font-size: 79px;}.sm80 {font-size: 80px;}.sm81 {font-size: 81px;}.sm82 {font-size: 82px;}.sm83 {font-size: 83px;}.sm84{font-size: 84px;}.sm85 {font-size: 85px;}.sm86 {font-size: 86px;}.sm87 {font-size: 87px;}.sm88 {font-size: 88px;}.sm89 {font-size: 89px;}.sm90 {font-size: 90px;}.sm91 {font-size: 91px;}.sm92 {font-size: 92px;}.sm93 {font-size: 93px;}.sm94{font-size: 94px;}.sm95 {font-size: 95px;}.sm96 {font-size: 96px;}.sm97 {font-size: 97px;}.sm98 {font-size: 98px;}.sm99 {font-size: 99px;}.sm100 {font-size: 100px;}
}
@media (min-width:992px){
.md8{font-size: 8px;}.md9{font-size: 9px;}.md10{font-size: 10px;}.md11{font-size: 11px;}.md12{font-size: 12px;}.md13{font-size: 13px;}.md14{font-size: 14px;}.md15{font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28 {font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39{font-size: 39px;}.md40 {font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md43 {font-size: 43px;}.md44{font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54{font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md57 {font-size: 57px;}.md58 {font-size: 58px;}.md59 {font-size: 59px;}.md60 {font-size: 60px;}.md61 {font-size: 61px;}.md62 {font-size: 62px;}.md63 {font-size: 63px;}.md64{font-size: 64px;}.md65 {font-size: 65px;}.md66 {font-size: 66px;}.md67 {font-size: 67px;}.md68 {font-size: 68px;}.md69 {font-size: 69px;}.md70 {font-size: 70px;}.md71 {font-size: 71px;}.md72 {font-size: 72px;}.md73 {font-size: 73px;}.md74{font-size: 74px;}.md75 {font-size: 75px;}.md76 {font-size: 76px;}.md77 {font-size: 77px;}.md78 {font-size: 78px;}.md79 {font-size: 79px;}.md80 {font-size: 80px;}.md81 {font-size: 81px;}.md82 {font-size: 82px;}.md83 {font-size: 83px;}.md84{font-size: 84px;}.md85 {font-size: 85px;}.md86 {font-size: 86px;}.md87 {font-size: 87px;}.md88 {font-size: 88px;}.md89 {font-size: 89px;}.md90 {font-size: 90px;}.md91 {font-size: 91px;}.md92 {font-size: 92px;}.md93 {font-size: 93px;}.md94{font-size: 94px;}.md95 {font-size: 95px;}.md96 {font-size: 96px;}.md97 {font-size: 97px;}.md98 {font-size: 98px;}.md99 {font-size: 99px;}.md100 {font-size: 100px;}.md101 {font-size: 101px;}.md102 {font-size: 102px;}.sm103 {font-size: 103px;}.sm104{font-size: 104px;}.sm105 {font-size: 105px;}.sm106 {font-size: 106px;}.sm107 {font-size: 107px;}.sm108 {font-size: 108px;}.sm109 {font-size: 109px;}.sm110 {font-size: 110px;}.sm111 {font-size: 111px;}.sm112 {font-size: 112px;}.sm113 {font-size: 113px;}.sm114{font-size: 114px;}.sm115 {font-size: 115px;}.sm116 {font-size: 116px;}.sm117 {font-size: 117px;}.sm118 {font-size: 118px;}.sm119 {font-size: 119px;}.sm120 {font-size: 120px;}.md200{font-size: 200px;}.md160{font-size: 160px;}
.md140{font-size: 140px;}.md120{font-size: 120px;}
}


.mt0{margin-top: 0%;}
.mt1{margin-top: 1%;}
.mt2{margin-top: 2%;}
.mt3{margin-top: 3%;}
.mt4{margin-top: 4%;}
.mt5{margin-top: 5%;}
.mt6{margin-top: 6%;}
.mt7{margin-top: 7%;}
.mt8{margin-top: 8%;}
.mt9{margin-top: 9%;}
.mt10{margin-top: 10%;}
.mt20{margin-top: 20%;}
    
    
/* Margins */
@media (min-width:240px){
.xsmt0{margin-top: 0%;}.xsmt1{margin-top: 1%;}.xsmt2{margin-top: 2%;}.xsmt22{margin-top: 22%;}.xsmt3{margin-top: 3%;}.xsmt30{margin-top: 30%;}.xsmt4{margin-top: 4%;}.xsmt5{margin-top: 5%;}.xsmt6{margin-top: 6%;}.xsmt7{margin-top: 7%;}.xsmt8{margin-top: 8%;}.xsmt9{margin-top: 9%;}.xsmt10{margin-top: 10%;}.xsmt20{margin-top: 20%;}.xsmt15{margin-top: 15%;}.xsmt19{margin-top: 19%;} .xsmt12{margin-top: 12%;}.xsmt25{margin-top: 25%;}.xsmt31{margin-top: 31%;}.xsmt40{margin-top:40%;}.xsmt50{margin-top: 50%;}    
.xsmt-3{margin-top: -3%;}.xsmt-5{margin-top: -5%;}.xsmt-7{margin-top: -7%;}.xsmt-9{margin-top: -9%;}.xsmt-10{margin-top: -10%;}.xsmt-13{margin-top: -13%;}.xsmt-15{margin-top: -15%;}.xsmt-17{margin-top: -17%;}.xsmt-30{margin-top: -30%;}.xsmt-20{margin-top: -20%;}.xsmt-25{margin-top: -25%;}.xsmt-40{margin-top: -40%;}
}

@media (min-width:768px){  
.lmt0{margin-top: 0%;}.lmt1{margin-top: 1%;}.lmt2{margin-top: 2%;}.lmt3{margin-top: 3%;}.lmt4{margin-top: 4%;}.lmt5{margin-top: 5%;}.lmt6{margin-top: 6%;}.lmt7{margin-top: 7%;}.lmt8{margin-top: 8%;}.lmt9{margin-top: 9%;}.lmt10{margin-top: 10%;}.lmt11{margin-top: 11%;}.lmt12{margin-top: 12%;}.lmt13{margin-top: 13%;}.lmt14{margin-top: 14%;}.lmt15{margin-top: 15%;}.lmt16{margin-top: 16%;}.lmt17{margin-top: 17%;}.lmt18{margin-top: 18%;}.lmt19{margin-top: 19%;}.lmt20{margin-top: 20%;}.lmt21{margin-top: 21%;}.lmt22{margin-top: 22%;}.lmt25{margin-top: 25%;}.lmt26{margin-top: 26%;}.lmt30{margin-top: 30%;}.lmt31{margin-top: 31%;}.lmt35{margin-top: 35%;}.lmt36{margin-top: 36%;}.lmt42{margin-top: 42%;}.lmt48{margin-top: 48%;}.lmt28{margin-top: 28%;}.lmt29{margin-top: 29%;}.lmt27{margin-top: 27%;}
.lmt-1{margin-top: -1%;}.lmt-2{margin-top: -2%;}.lmt-3{margin-top: -3%;}.lmt-4{margin-top: -4%;}.lmt-5{margin-top: -5%;}.lmt-6{margin-top: -6%;}.lmt-7{margin-top: -7%;}.lmt-8{margin-top: -8%;}.lmt-9{margin-top: -9%;}.lmt-10{margin-top: -10%;}.lmt-11{margin-top: -11%;}.lmt-12{margin-top: -12%;}.lmt-13{margin-top: -13%;}.lmt-14{margin-top: -14%;}.lmt-15{margin-top: -15%;}.lmt-16{margin-top: -16%;}.lmt-17{margin-top: -17%;}.lmt-18{margin-top: -18%;}.lmt-19{margin-top: -19%;}.lmt-20{margin-top: -20%;}.lmt-21{margin-top: -21%;}.lmt-22{margin-top: -22%;}.lmt-23{margin-top: -23%;}.lmt-24{margin-top: -24%;}.lmt-25{margin-top: -25%;}.lmt-26{margin-top: -26%;}.lmt-27{margin-top: -27%;}.lmt-28{margin-top: -28%;}.lmt-29{margin-top: -29%;}.lmt-30{margin-top: -30%;}     
}

/* font weight */
.w100{font-weight: 100;}
.w200{font-weight: 200;}
.w300{font-weight: 300;}
.w400{font-weight: 400;}
.w500{font-weight: 500;}
.w600{font-weight: 600;}
.w700{font-weight: 700;}
.w800{font-weight: 800;}

/* line height */
.lh80{line-height: 80%;}
.lh90{line-height: 90%;}
.lh100{line-height: 100%;}
.lh110{line-height: 110%;}
.lh120{line-height: 120%;}
.lh130{line-height: 130%;}
.lh140{line-height: 140%;}
.lh150{line-height: 150%;}
.lh160{line-height: 160%;}
.lh170{line-height: 170%;}
.lh180{line-height: 180%;}
.lh190{line-height: 190%;}
.lh200{line-height: 200%;}
.lh210{line-height: 210%;}
.lh220{line-height: 220%;}
.lh230{line-height: 230%;}
.lh240{line-height: 240%;}

/* common */
.responsive-video{position: relative;padding-bottom: 56.25%;overflow: hidden;}
.responsive-demo-video{position: relative;}
.underline{text-decoration: underline;}
.italic{
  font-style: italic;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.responsive-video iframe, .responsive-demo-video iframe, .responsive-video object, .responsive-demo-video object{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.video-border{
  box-shadow: 0px -2px 40px 0 rgba(187, 155, 255, 0.15);
}
.videobox{
background: #271D79;
	position:relative;
/* background: #131313; */
/* box-shadow: 0px -2px 10px rgba(233, 223, 255, 0.3), 0px -2px 40px rgba(187, 155, 255, 0.15), inset 0px 0.5px 0px rgba(255, 255, 255, 0.5); */
border-radius:8px;
padding:13px;
}

.videbg-section{background: url(../images/videbg-section.png) no-repeat center center; padding: 2% 0; background-size: contain;}


.video-main{position: relative;}
.vid_img1{position: absolute;left: 0;top: 0px;transform: translate(-16%, 25px);}
.vid_img2{position: absolute;right: 0;top: 0px;transform: translate(16%, 25px);}

/* colors */
.balck{color: #000;}
.green{color: #01FF99;}
.red{color: #FF5D5D;}
.rust{color: #FF2D2D;}
.txt-blue{color: #0944A4;}
.black{color: #000000;}
.black2{color: #05191A;}
.white{color: #ffffff;}
.yellow{color: #FFEA00;}
.yellow2{color: #FFF500;}
.neon{color: #00FF98;}
.blue{color: #00FFFF;}
.txt-light{color: #C6CCF0;}
.txt-lighter{color: #C1B8ED;}
.blue2{color: #47F0D1;}
.blue-bright{color: #01FFEE;}
.green-bright{color: #00FF57;}
.gradient_one{background: linear-gradient(0deg , #08D0C9 0% , #F7F41D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gradient_two{background: linear-gradient(0deg , #FF3DDF 0% , #F7F41D 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* custom container */
@media (max-width:767px){
.mycontainer{max-width: 100%;}
}
@media (min-width:768px){
.mycontainer{max-width: 750px;}    
}
@media (min-width:992px){
.mycontainer{max-width: 970px;}    
}
@media (min-width:1200px){
.mycontainer{max-width: 1170px;}    
}
@media (min-width:1300px){
.mycontainer{max-width: 1170px;}
}

@media (min-width:1400px){
.mycontainer{max-width: 1170px;}
.mycontainer1{max-width: 1270px;}
}



/* AFTER//BEFORE */
@media (min-width:1300px){
  
}


/* NAVBAR */
.navbar-box{
  background: rgba(5, 1, 52, 0.7);
  padding: 5px 0px;
  position:sticky;
  top: 0;
  z-index:9999;
  /* border-bottom:1px solid #ccc; */
}
.navbar-expand-lg .navbar-nav  span{color: #fff;}
.navbar-light .navbar-nav .nav-link{
  color:#ffffff!important;
  font-size: 15px;
  font-weight: 600;
}
/* .navbar-light .navbar-nav .last {
  border-radius: 5px;
  background: linear-gradient(90deg, #783EFF 0%, #0A74FF 100%);
  color: #fff !important;
  padding: 10px 20px;
  font-size:16px;
  font-weight:600;
  transition: all 0.2s ease-in-out;
}
  */
/* .navbar-light .navbar-nav .last:hover{
  transform: scale(1.1);
} */
.navbar-light .navbar-toggler {
  color: rgb(255 255 255 / 50%);
  border-color: rgb(255 255 255 / 10%);
  background: #ffff;
}

.videobox{
}





/* assets css */
.frame-bg{
padding: 4px 16px;
background: linear-gradient(90deg, #3D1164 0%, #3522CA 100%);
border: 1px solid #5A4BCD;
border-radius: 11px;
}
.frame-bg2{
padding: 4px 16px;
background: linear-gradient(90deg, #051298 0%, #0A6E37 100%);
border: 1px solid #0E5643;
border-radius: 11px;
}
.hero-heading{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: linear-gradient(90deg, rgba(13, 35, 165, 0.3) 0%, rgba(130, 34, 138, 0.3) 100%);
border-radius: 10px;
margin: 30px auto 10px;
position: relative;
}
.heroImg1{position: absolute;left: 0;top: 0;transform: translateY(-30px);}
.heroImg2{position: absolute;right: -20px;top: 0;transform: translateY(-60px);}
.yt-box{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px 31px;
background: rgba(8, 13, 74, 0.6);
border: 1px solid #3D4590;
border-radius: 20px;
height: 100%;
}
.yt-heading{
display: inline-flex;
justify-content: center;
align-items: center;
padding: 13.5px 40px;
/* width: 760px; */
/* height: 59px; */
background: linear-gradient(90deg, #BB63E0 0%, #0D40A7 100%);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
margin: 30px auto;
}
.problem-heading{
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: #FF4848;
border-radius: 13px;
margin: 0px auto 7%;
}
.problemListItem{
display: inline-flex;
flex-direction: row;
gap: 5;
align-items: flex-start;
justify-content: flex-start;
padding: 10px 18px;
/* width: 509px; */
height: 53px;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
border-radius: 40px;
color: #000;
margin: 10px 0;
}
.grad-heading{
background: linear-gradient(93.57deg, #FA4DF9 -14.01%, #9467FF 114.53%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.grad2{
background: linear-gradient(90deg, #4110A6 0%, #FF4D50 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.solution-heading{
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 45px;
background: linear-gradient(90deg, rgba(52, 23, 153, 0.7) 0%, rgba(110, 9, 147, 0.5) 100%);
border: 1px solid rgba(140, 168, 234, 0.4);
border-radius: 10px;
}
.imgn-box{
  /* background: linear-gradient(128.03deg, #FFD8D8 6.61%, #FFD8D8 95.79%); */
  background: linear-gradient(128.03deg, #FFD8D8 6.61%, #FFD8D8 95.79%);
border-radius: 20px;
padding: 2.5px;
}
.imgn-box-in{
background: linear-gradient(128.03deg, #FFFFFF 6.61%, #FBF0FF 95.79%);
border-radius: 19px;
padding: 7% 45px 11%;
}
.grad3{
text-decoration-line: underline;
background: linear-gradient(180deg, #4512A4 0%, #FC0202 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.underline_3{
  border-bottom: 2px solid;
  border-image: linear-gradient(180deg, #4512A4 0%, #FC0202 100%);
  border-image-slice: 1;
}
.grad4{
background: linear-gradient(180deg, #F40004 0%, #1C31EA 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.underline_4{
  border-bottom: 2px solid;
  border-image:  linear-gradient(180deg, #F40004 0%, #1C31EA 100%);
  border-image-slice: 1;
}
.grad5{
background: linear-gradient(180deg, #4512A4 0%, #DC1884 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.underline_5{
  border-bottom: 2px solid;
  border-image:  linear-gradient(180deg, #4512A4 0%, #DC1884 50%);
  border-image-slice: 1;
  /* padding-bottom: -4px; */
}
 /* .grad5{
  color: #DC1884;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
 } */
  .imgn-heading{
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 30px;
background: linear-gradient(90deg, rgba(142, 88, 255, 0.9) 0%, rgba(23, 18, 176, 0.9) 100%);
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 10px;
  }
.wfBox{border: 1px solid #EEE7E7;border-radius: 10px;padding: 30px 35px;}
.wfBox.wf1{background: linear-gradient(135.58deg, #FFFFFF 44.84%, #FFEDED 104.72%);}
.wfBox.wf2{background: linear-gradient(135.58deg, #FFFFFF 44.84%, #EDFFF2 104.72%);}
.wfBox.wf3{background: linear-gradient(135.58deg, #FFFFFF 44.84%, #EDF1FF 104.72%);}
.wfBox.wf4{background: linear-gradient(135.58deg, #FFFFFF 44.84%, #FFEDFE 104.72%);}
.wfBox.wf5{background: linear-gradient(135.58deg, #FFFFFF 44.84%, #FFEDEE 104.72%);}
.faqBox{
display: flex;
flex-direction: row;
justify-content: start;
align-items: flex-start;
padding: 12px 20px;
background: rgba(76, 72, 141, 0.7);
border-radius: 10px;

}
.nextImg{position: absolute;top: -30px;left: 50%;transform: translateX(-50%);}
.bounceImg{transform: translateY(0);transition: all 0.2s ease-in-out;}
.bounceImg:hover{transform: translateY(-10px);}
.ImgFaq{position: absolute;bottom: -13px;right: 0;}
.launchBox{
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 8px 16px;
background: linear-gradient(90.94deg, rgba(39, 4, 92, 0.7) -0.09%, rgba(81, 7, 194, 0.7) 98.86%);
border-bottom: 1px solid #9A5AFF;
border-radius: 10px;
margin-bottom: 14px;
}
.green_txt{
  color: #4DFFA6;
  text-decoration: underline;
  text-decoration-color: #4DFFA6;
  text-underline-offset: 4px;
}

/* .money-back{background: url(../images/abs-grad.png)no-repeat;padding: 50px;background-size: 100% 100%;} */
.grad_in{position: relative;}
.gradImg{position: absolute;right: -92px;bottom: -57px;}
.gradImg2{position: absolute;left: -92px;bottom: -57px;}
.grad-heading2, .grad-heading22{
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 25px;
background-color: #FFFFFF;
border: 1px solid #E4E4E4;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.22);
border-radius: 10px;
position: relative;
}
.grad-heading2 img{position: absolute;top: -100px;left: -100px;}
.grad-heading22 img{position: absolute;top: -100px;right: -100px;}
.grad6{
background: linear-gradient(90deg, #6F02FF 0%, #0066E2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.grad7{
background: linear-gradient(90deg, #FF02EE 0%, #0066E2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}





/* global css */
.header-bg{background: #12024C url(../images/hero-bg.png)no-repeat center center;background-size: cover;padding: 3% 0 5%;}
.yt-bg{background: #12024C url(../images/yt-bg.png)no-repeat center center;background-size: cover;padding: 4% 0 5%;}
.problem-bg{background: #fff url(../images/problem-bg.png)no-repeat center center;background-size: cover;padding: 4% 0 5%;}
.solution-bg{background: #00001B url(../images/solution-bg.png)no-repeat center center;background-size: cover;padding: 3% 0 6%;}
.well-bg{background: #000720 url(../images/well-bg.png)no-repeat center center;position: relative;background-size: cover;padding: 0% 0 5%;}
.profit-bg{background: #0B258C url(../images/profit-bg.png)no-repeat center center;position: relative;background-size: cover;padding: 4% 0 5%;}
.imagine-bg{background: #fff url(../images/imagine-bg.png)no-repeat center center;background-size: cover;padding: 4% 0 5%;}
.perks-bg{background: #fff url(../images/perks-bg.png)no-repeat center center;background-size: cover;padding: 4% 0 5%;}
.whoisFor{background: #fff url(../images/whoisFor-bg.png)no-repeat center center;background-size: cover;padding: 3% 0 4%;}
.faq{background: #fff url(../images/faq.png)no-repeat center center;background-size: cover;padding: 3% 0 8%;position: relative;}
.launch-bg{background: #fff url(../images/launch-bg.png)no-repeat center center;background-size: cover;padding: 4% 0 6%;}
.grad-bg{background: url(../images/grad_bg.png)no-repeat;background-size: 100% 100%;padding: 30px 10px;}

.profit-bg p,.well-bg p{color: #758BBE !important;}
.footer{background: #12024C;padding: 4% 0 5%;margin-top: -2px;}
.white-bg{background: #fff;padding: 3% 0 5%;}
.footer a,.footer a:hover{text-decoration: none;color: #fff;}



@media (max-width:767px){
.yt-box{margin: 0 0px;}/* Frame 74 */
.hero-heading{padding: 10px 40px;}/* Frame 73 */
.problem-heading{padding: 10px 30px;}
.prBox1{background: linear-gradient(103.45deg, #052859 5.97%, #300C57 90.49%);border: 3px dashed #1557C0;border-radius: 20px;padding: 25px 25px;}
.prBox2{background: linear-gradient(103.45deg, #1F0559 5.97%, #0A0355 90.49%);border: 3px dashed #1557C0;border-radius: 20px;padding: 25px 25px;}
.prBox3{background: linear-gradient(103.45deg, #2C084A 5.97%, #0C1657 90.49%);border: 3px dashed #1557C0;border-radius: 20px;padding: 25px 25px;}
.money-back img{max-width: 100%;height: auto;}
.Affiliate{padding: 10px 20px;}


}


@media (min-width:768px){
.yt-box{margin: 0 10px;}
.hero-heading{padding: 10px 60px;}
.problem-heading{padding: 10px 50px;}
.prBox1{background: url(../images/prBox1.png)no-repeat;background-size: 100% 100%;border-radius: 20px;padding: 50px 50px;}
.prBox2{background: url(../images/prBox2.png)no-repeat;background-size: 100% 100%;border-radius: 20px;padding: 50px 50px;}
.prBox3{background: url(../images/prBox3.png)no-repeat;background-size: 100% 100%;border-radius: 20px;padding: 50px 50px;}
.Affiliate{padding: 15px 85px;}


  .ds_img1{position: absolute;top: 20%;left: -10%;}
  .ds_img2{position: absolute;top: 20%;right: -8%;}
.wl_img1{position: absolute;top: 0;right: 0;}

}



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





@media (min-width:768px){

}





/* SQUISHY BUTTON CSS */
/* Base Button Styles */
.squishy {
  position: relative;
  font-size: 1.875rem;
  padding: 2% 8%;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 250ms;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 3%;
}

.squishy i {
  width: 1.75rem;
  height: 1.75rem;
}




.squishy-candy a, .squishy-candy a:hover{text-decoration: none;color: #fff;}


/* Candy Squishy */
.squishy-candy {
	cursor: pointer;
	display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
  background: linear-gradient(90.7deg, #1E05FF 0.1%, #8705C8 99.66%);
border: 1px solid rgba(210, 175, 245, 0.4);
box-shadow: inset 0px -4px 4px rgba(255, 255, 255, 0.25);
  border-radius: 9999px;
  background-position: 0% 0%;
  text-shadow:2px 2px 5px rgba(0,0,0,0.5);
  border-bottom:6px solid rgba(0,0,0,0.1);
}

.squishy-candy:hover {
	background-position: 100% 0%;
  transform: scale(1.05, 1.05);
  border-bottom:6px solid #1d1847;
  background: linear-gradient(90.7deg, #8705C8 0.1%, #1E05FF 99.66%)!important;
}

.squishy-candy:hover i {
  animation: pulse 1s infinite;
}






/* Animations */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25%);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
/* SQUISHY BUTTON CSS */









.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw;
  display: flex;
  justify-content: space-between; /* Distribute lines evenly */
}

.line {
  position: relative;
  width: 3px;
  height: 100%;
  /*background: #ffffff;  /* Line color */
  overflow: hidden;
}

.line::after {
  content: '';
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  animation: drop 7s 0s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

/* Different colors for each line's pseudo-element */
.line:nth-child(1)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FF4500 75%, #FF4500 100%);
  animation-delay: 0.5s;
}

.line:nth-child(2)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #32CD32 75%, #32CD32 100%);
  animation-delay: 1s;
}

.line:nth-child(3)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #1E90FF 75%, #1E90FF 100%);
  animation-delay: 1.5s;
}

.line:nth-child(4)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFD700 75%, #FFD700 100%);
  animation-delay: 2s;
}

.line:nth-child(5)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #8A2BE2 75%, #8A2BE2 100%);
  animation-delay: 2.5s;
}

.line:nth-child(6)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #20B2AA 75%, #20B2AA 100%);
  animation-delay: 3s;
}

.line:nth-child(7)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #DC143C 75%, #DC143C 100%);
  animation-delay: 3.5s;
}

.line:nth-child(8)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #00FA9A 75%, #00FA9A 100%);
  animation-delay: 4s;
}

.line:nth-child(9)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FF1493 75%, #FF1493 100%);
  animation-delay: 4.5s;
}

.line:nth-child(10)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #00BFFF 75%, #00BFFF 100%);
  animation-delay: 5s;
}

@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}






.bounceImg1{animation: bounce1 3s infinite;}
.bounceImg2{animation: bounce2 3s infinite;}

@keyframes bounce1 {
  0%, 100%{transform: translateY(-20px);}
  50%{transform: translateY(20px);}
}
  
  @keyframes bounce2 {
  0%, 100%{transform: translateY(20px);}
  50%{transform: translateY(-20px);}
}