@import url('https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital,wght@0,300..700;1,300..700&display=swap');

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

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;}.xs44{font-size:44px;}.xs45{font-size:45px;}.xs46{font-size:46px;}.xs47{font-size:47px;}.xs48{font-size:48px;}.xs49{font-size:49px;}.xs50{font-size:50px;}.xs51{font-size:51px;}.xs52{font-size:52px;}.xs53{font-size:53px;}.xs54{font-size:54px;}.xs55{font-size:55px;}.xs56{font-size:56px;}.xs57{font-size:57px;}.xs58{font-size:58px;}.xs59{font-size:59px;}.xs60{font-size:60px;}.xs61{font-size:61px;}.xs62{font-size:62px;}.xs63{font-size:63px;}.xs64{font-size:64px;}.xs65{font-size:65px;}.xs66{font-size:66px;}.xs67{font-size:67px;}.xs68{font-size:68px;}.xs69{font-size:69px;}.xs70{font-size:70px;}.xs71{font-size:71px;}.xs72{font-size:72px;}.xs73{font-size:73px;}.xs74{font-size:74px;}.xs75{font-size:75px;}.xs76{font-size:76px;}.xs77{font-size:77px;}.xs78{font-size:78px;}.xs79{font-size:79px;}.xs80{font-size:80px;}
}
@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;}.sm34{font-size:34px;}.sm35{font-size:35px;}.sm36{font-size:36px;}.sm37{font-size:37px;}.sm38{font-size:38px;}.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;}
}

@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;}.md34{font-size:34px;}.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;}
}


.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); */
border: 3px solid #10193B;
background: #10193B;
/* box-shadow: 0px 7px 8px rgba(255, 0, 0, 0.25); */
border-radius: 10px;
}


.videobox{
background: #10193B;
	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:6px;
}


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

/* colors */
.black{color: #000;}
.white{color: #fff;}
.yellow{color: #FAC501;}
.red{color: #FF292A;}
.red3{color: #B40001;}
.red2{color: #FF0101;}
.yellow2{color: #F4B400;}
.green{color: #048D0B;}

/* 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); */
  background: linear-gradient(90deg, rgba(124, 51, 51, 1)3, rgba(124, 51, 51, 0));
  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: 500;
}
/* .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;
}




.video-border iframe{border-radius: 8px;}





/* global css bg */
.heading-blue{
box-sizing: border-box;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 30px;
gap: 10px;
background: #192E78;
border: 1px solid #0F224B;
border-radius: 20px;
}
.heading-light{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 30px;
gap: 10px;
margin: 9% 0;
background: #FFEDAC;
border-radius: 10px;
}
.heading-red{
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 30px;
background: #6A1415;
border-radius: 20px;
}
.heading-line{
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 30px;
background: linear-gradient(90deg, #FFF9E3 0%, #FFEDAC 100%);
border: 3px solid #F4B400;
box-shadow: 2px 7px 9px rgba(0, 0, 0, 0.15);
border-radius: 20px;
}
.heading-gray{
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 30px;
gap: 10px;
background: #E5E5E5;
border-radius: 20px;
margin-top: 8%;
}
.affiliate-btn{
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 30px 40px;
gap: 3px;
color: #000;
background: linear-gradient(180deg, #FAC501 0%, #FA9F01 100%);
border-radius: 10px;
}
.affiliate-btn:hover{
  text-decoration: none;
  color: #000;
background: linear-gradient(0deg, #FAC501 0%, #FA9F01 100%);
}
.affiliate-btn img {
  animation: moveX 1s infinite alternate ease-in-out;
}

@keyframes moveX {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(8px);
  }
}
.arrow-below{position: relative;}
.arrow-below img{
  position: absolute;left: 65%;top: 50%;transform: translateX(-50%);}
.tool-box{
padding: 25px;
gap: 11px;
background: #000000;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 10px;
}
.hero-img{position: absolute;right: 0;top: 0;}
.no-box{
box-sizing: border-box;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 30px;
background: linear-gradient(90deg, #FFF9E3 0%, #FFEDAC 100%);
border: 3px solid #F4B400;
box-shadow: 2px 7px 9px rgba(0, 0, 0, 0.15);
border-radius: 20px;
}

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




/* bg */
.header{background: url(../images/header.png)no-repeat top center;background-size: cover;padding: 2% 0 5%;}
.top-header{background: #B40001;padding: 1.5% 0 1.5%;}
.intro{background: #fff;padding: 2% 0 6%;}
.forward{position: relative;padding: 2% 0 2% !important;}
.tools{background: url(../images/tools.png)no-repeat center center;background-size: cover;padding: 2% 0 4%;}
.header-main{background: url(../images/header.png)no-repeat center center;background-size: cover;padding: 2% 0 4%;}
.footer{background: url(../images/footer-bg.png)no-repeat center center;background-size: cover;padding: 2% 0 3%;}
.footer-section{background: #060C1E;padding: 2% 0 3%;}
.footer-section a{color: #fff;text-decoration: none;}
.footer-section a:hover{text-decoration: none;color: #fff;}


@media(min-width:768px){

}




@media (min-width:768px){

}


 .btn-glint {
      /* background: linear-gradient(90deg, #ff6b81, #ffa502); */
      position: relative;
      overflow: hidden;
    }
    .btn-glint::after {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 20%;
      height: 100%;
      background: rgba(255,255,255,0.3);
      transform: skewX(-25deg);
      animation: shine 3s infinite ease-in-out;
    }
    @keyframes shine {
      100% { left: 150%; }
    }