body{
/*	background-image: url(../img/hs3.jpg);*/
    background-size: contain;
	font-family: "Nunito Sans", serif;
  	font-optical-sizing: auto;
  	font-weight: <weight>;
  	font-style: normal;
  	font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

.bitter {font-family: 'Bitter', serif;   }
.cursivee{
	font-family: 'Dancing Script', cursive;
}

.monster{font-family: 'Montserrat', sans-serif;}


.boogaloo {font-family: 'Boogaloo', cursive;}

.white{color: #ffffff;}
.black{color:#000000;}
.red{color:#ec0404;}
.pink{color:#fd3768;}
.fjalla {font-family: "Fjalla One", Helvetica, sans-serif;}
.orange{color: #ff6b29;}
.purple{color:#7d57c1;}
.cyan {color: #3473f6;}
.top {font-family: 'Fjalla One', sans-serif;}
.quicksand {    font-family: 'Quicksand', sans-serif;}
.serif{font-family: serif;}
.linewhite{border-bottom:1px solid #ffffff;}
.lineblack{border-bottom:1px solid #000000;}
.linered{border-bottom:1px solid #ff0000;}
.linegreen{border-bottom:1px solid #42a21d;}
.linepink{border-bottom:1px solid #fd3768;}
.lineyellow{border-bottom:1px solid #fff716;}
.lineorange{border-bottom:1px solid #ff9200;}
.linepurple{border-bottom:1px solid #7d57c1;}
.linewhite2{border-bottom:2px solid #ffffff;}
.lineblack2{border-bottom:2px solid #000000;}
.linered2{border-bottom:2px solid #ff0000;}
.linegreen2{border-bottom:2px solid #42a21d;}
.linepink2{border-bottom:2px solid #fd3768;}
.lineyellow2{border-bottom:2px solid #fff716;}
.lineorange2{border-bottom:2px solid #ffa500;}
.linepurple2{border-bottom:2px solid #7d57c1;}


/*---------Top Fix Header---------*/
.spacer3 {    margin-top: 3%;}
.spacer-4 {    margin-top: -4%;}
.spacer-8 {    margin-top: -8%;}
.spacer-15 {    margin-top: -15%;}
.spacer-1 {    margin-top: -1.2%;}
.banner-link a {    text-decoration: none;    color: #fff!important;     padding: 6px 11px;}
	
.whitetext {
    color: #fff !important;
}
@media (min-width:1200px){
.pl9 {
    padding-left: 9px;
	position: relative;
bottom: 33px;
left: 111px;
font-weight: 800;
}	}

@media (min-width:1200px){
.nav.navbar-nav.navbar-right li a {
    color: #000;
    margin: 5px 7px;
    font-size: 19px;
    font-family: 'spartan', sans-serif;
    font-weight: 400;
    border-radius: 5px;
}	}
	
	
.heebo {font-family: 'Heebo', sans-serif;}
.poppins {font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;	}
	
	
.banner-link li {    list-style: none;    display: inline-block;}
.spacer-2 {    margin-top: -2%;}
.spacer-3 {    margin-top: -3%;}
.spacer-4 {    margin-top: -4%;}
.spacer-5 {    margin-top: -5%;}
.spacer-150{ margin-top:-150px;}
.spacer6 {    margin-top: 6%;}
.spacer8 {    margin-top: 8%;}
.spacer7 {    margin-top: 7%;}
.spacer10 {    margin-top: 10%;}
.exactlybg {    background: #000;    padding: 12px;}
.spacer12{    margin-top: 12%;}
.spacer15 {    margin-top: 15%;}
.spacer25 {    margin-top: 25%;}
.spacer20 {    margin-top: 20px;}
.spacer5 {    margin-top: 5%;}

.upsell1 {    
background-color: #ff9000;    width: 100%;    padding: 4.5% 2% 0%;}
.logoheight{max-height:140px;}
.top-timer {padding: 10px 0 15px;clear: both;background: 
#ffffff;border-bottom: 2px solid #ccc}
.fix {    position: fixed;    top: 0;    width: 100%;    border-bottom: 6px solid #251442;    z-index: 9999;}

@media(min-width:240px) {
	.fix-mrgin{margin-top:75px; padding-top:35px !important;}
}
@media (min-width:768px) {
	.fix-mrgin{margin-top:55px; padding-top:55px !important;}
}

@media (min-width:992px) {
	.fix-mrgin{margin-top:55px; padding-top:60px !important;}
}
@media (min-width:1200px) {
	.fix-mrgin{margin-top:40px; 
	padding-top:60px !important;}
}


@media (min-width: 240px){
	.bannerr { background: #000  ;
  
padding: 1% 0% 7%;
background-size: contain ;}
}

@media (min-width: 1200px){
.bannerr {    background: #000 ;
    background-size: cover !important;
    padding: 1% 0% 5% !important;   
 }
}


@media (min-width: 240px){
	.bannerw { background: #1f1274 url(../img/bg0.png) no-repeat ;
  
padding: 1% 0% 7%;
background-size: contain ;}
}

@media (min-width: 1200px){
.bannerw {    background:#fff url(../img/bg0.png) no-repeat top !important;    background-size: cover !important; padding: 50px 0% 50px !important;    
 }
}

@media (min-width: 240px){
	.banner1 {    background: url(../img/bg1.png) no-repeat  !important; background-position: top center !important;    padding: 5% 0% 5% !important;    margin-top: 0px !important;	}
}

@media (min-width: 1200px){
	.banner1 {    background: url(../img/bg1.png) no-repeat !important;    background-size: cover !important;      padding: 3% 0 3% !important;      }
}


/*---------Top Fix Header---------*/

.nav.navbar-nav.navbar-right li a {    color: #ffffff;    font-size: 14px;    margin: 2px 4px;    margin-right: 20px;    margin-right: 20px;    position: relative;    
background-color: #e85643;    padding: 5px 10px;    border-radius: 5px;    text-align: right;    bottom: 92px;    left: 75px;	font-weight:600;}

.popup:hover{    transform: scale(1.1);}
.popup {    transition: all .3s ease-in-out;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {    color: #ffffff;    background-color: #287abc;}
.mod {    background: #00000000 url(../img/mod.png) no-repeat;    background-size: cover;    background-position: bottom;    padding: 4% 5px 10% 2%;}

.header-notice3 {   border-right: 8px solid #e85643;    
border-left: 8px solid #e85643;    border-radius: 24px 0;    position: relative;    padding: 10px 10px;        	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;}

.play1 li {
    background: url(../img/feature.png) no-repeat;
    padding: 0 0 14px 52px;
    list-style: none;
    background-position: 0px 4px;
    line-height: 150%;
    margin-top: 8px;
}
.nomore{
	color:#ff5440;
}

/*---------Sections---------*/

.bandit{
background:#ffffff url(../img/16.png) top; background-size: cover; padding:2% 0 2%;}


.whitebdg1{
	background:#ffffff url(../img/bdg1.png) no-repeat top; background-size: cover; background-attachment:fixed; padding:2% 0 2%;
}
.whitebg{background:#ffffff url(../img/whitebg.jpg) no-repeat center top; background-size: cover;  padding:2% 0 2%;}
.whitesection{padding:4% 0px 0%; background:#fff;}
.whitesection1a{padding:4% 0px 0%; background:#f2f5ff;}
.whitesectionwithbg{padding:4% 0px 4%; background:#ffffff url(../img/powerful-bg.jpg) no-repeat top; background-size: cover;}
.jamsection{background:#34348c; background-size: cover; padding:4% 0;}
.whitesection1{background:url(../img/bg2.jpg) no-repeat center top; background-size: cover; background-attachment:fixed; padding:4% 0;}
.offwhitesection{padding:4% 0; background:#ffffff;}
.blacksection{padding:2.5% 0; background:url(../img/upsellbg1.jpg) no-repeat center top; background-size: cover; 
background-attachment:fixed;}
.bluesection{padding:2% 0px 4%; background:#3c73e1;}
.section1{background:url(../img/bg3.png) no-repeat; background-size: cover; background-position:top center; 
background-attachment:fixed;}
.section2{padding:4% 0; background:#7DCBD5;}
.section4{background:#ffffff url(../img/bg2.jpg) no-repeat center top; 
background-size: cover;  padding:2% 0 2%; background-attachment:fixed;}

.section6{background: #635c88 url(../img/bdg1.png) no-repeat fixed; 
background-size: cover; padding:4% 0;}


.section8v{background:url(../img/banner5.png) no-repeat;  padding:2% 0 4% 0;}
.section9{background:url(../img/section9.png) no-repeat; background-size: cover; padding:4% 0 3%;}
.section9d{background:#fafcfe;}
.background1{padding:2% 2%; background:#eb1552;}
.background2{ background: #121421; color: #fff; padding: 2% 0 4%;}
.background3{padding:2% 2%; background:#1d2528;border-radius: 4px;}
.background4{padding:2% 2%; background:#fbb100;}

/*---------Background Boxes---------*/
.box-white{background:#ffffff;padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-red{background:#ff0000;padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-green{background:#42a21d;padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-pink{background:#fd3768;padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-yellow{background:#fff716;padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-orange{background:#46a2ec;padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-default{background:#777777 ; padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-primary{ padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-success{background:#5cb85c ; padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-info{background:#5bc0de ; padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-warning{background:#f0ad4e ; padding: 8px 15px; border-radius: 6px; display: inline-block;}
.box-danger{background:#6bb90f; padding: 8px 15px; border-radius: 6px; display: inline-block;}



/*---------Background 
Video---------*//*--------BaCkground Video CSS---------*/

.home-video-hero {    position: relative;    width: 100%;    height: auto;    bottom: 0px;}
.home-video-hero .video-frame {    position: relative;}
.laptop .responsive-video {	position:relative;	padding-bottom:56.25%;	padding-top:30px;	height:0
;	overflow:hidden;	}
@media (min-width:240px){.laptop .responsive-video iframe, .laptop .responsive-video object, .laptop .responsive-video embed {	
position: absolute;    top: 6%;    left: 17.5%;    width: 75.5%;    height: 70%;}}
@media (min-width:768px){.laptop .responsive-video iframe, .laptop .
responsive-video object, .laptop .responsive-video embed{	position: absolute;    top: 6%;    left: 17.5%;    width: 69.5%;    height: 73%;}}
@media (min-width:992px){.laptop .responsive-video iframe, .laptop .responsive-video object, .laptop .responsive-video embed{	position: absolute;    top: 6%;    
left: 17.5%;    width: 69.5%;    height: 73%;}}
@media (min-width:1200px){.laptop .responsive-video iframe, .laptop .responsive-video object, .laptop .
responsive-video embed{	position: absolute;    top: 6%;    left: 17.5%;    width: 68.5%;    height: 73%;}}


.home-video-hero .video-frame video {    width: 
100%;    height: auto;}
.blue{color:#2190db;}
video {    display: inline-block;    vertical-align: baseline;}
.home-video-hero .video-overlay {    position: 
absolute;    top: 0;    bottom: 0;    width: 100%;    height: 100%;    background: rgba(0,0,0,0.3);    z-index: 2;}
.home-video-hero .content-container {    width: 100%;    position: absolute;    top: 0%;        z-index: 999;}
.responsive-video {    position: relative;  padding-bottom: 56.25%;border: 2px solid 
#4ed0e7;    overflow: hidden;}
.responsive-video iframe, .responsive-video object { position: absolute;    top: 0px;    left: 0px;    width: 100%;    
height: 100%;}


/*----------BuyButton----------*/

.buybtn {border-radius: 48px;
  background: linear-gradient(135deg, #ee3d09 0%,#f5ab0a 100%);
    color: #fff;
    text-align: center;
    padding: 22px 3%;
    /*box-shadow: 0 6px 1px #05b905;*/
    display: table;
    margin: auto;}

.buybtn:hover {-ms-transform: scale(1.1,1.1);    -webkit-transform: scale(1.1,1.1);    transform: 
scale(1.1,1.1);    -webkit-transition: all 500ms ease;    -moz-transition: all 500ms ease;    -ms-transition: all 500ms ease;    -o-transition: all 500ms 
ease;    transition: all 500ms ease;}

.buybtn:active{	 box-shadow: 0px 3px 1px #c70a0a;    transform: translateY(4px);	}
.buybtn1 {background: 
linear-gradient(to bottom, #d7092e 0%, #d7092e 100%);    border-radius: 5px;    color: #fff;    text-align: center;    border: 3px solid #d7092e;    padding:
 3% 2%;    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
 .buybtn1:hover {	    -ms-transform: scale(1.1,1.1);    
-webkit-transform: scale(1.1,1.1);    transform: scale(1.1,1.1);    -webkit-transition: all 500ms ease;    -moz-transition: all 500ms ease;    -ms-transition
: all 500ms ease;    -o-transition: all 500ms ease;    transition: all 500ms ease;}

.buybtn1:active{	 box-shadow: 0px 3px 1px #ff9b00;    transform: 
translateY(4px);	}


/*----------Brush----------*/

.brush{background:url(../img/brush.png) no-repeat center center; background-size: cover;
display: inline-block;padding: 1.25%; }
.brush2{background:url(../img/brush2.png) no-repeat center center; padding:8px; display:inline-block; }
.brush3{background:url(../img/brush3.png) no-repeat center center; padding:8px; display:inline-block;}
@media (min-width: 240px){.brush1{background:url(../img/brush1.png) #ff2 no-repeat left; padding:10px; display:block; 
}}
@media (min-width: 768px){.brush1{background:url(../img/brush1.png) no-repeat left; padding:10px; display:block; }}


/*----------iframe Video----------*/.
thevideo {position: relative;    padding-bottom: 51%;    padding-top: 23px;    height: 0;    overflow: hidden;    padding-right: 60px;    padding-left: 
6px;}

.thevideo iframe,.thevideo object,.thevideo embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: none;}
.thevideo1 {    position: 
relative;    padding-bottom: 51%;    padding-top: 23px;    height: 0;    overflow: hidden;    padding-right: 60px;    padding-left: 6px;}
.thevideo1 iframe,.thevideo object,.thevideo embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}





@media (min-width: 1200px){
	.demovideo{position: relative; padding-bottom: 56.25%;overflow: hidden; border-radius: 5px; }
	.demovideo iframe,.demovideo object,.demovideo embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: none;}
}

@media (min-width: 240px){
	.demovideo{position: relative;padding-bottom: 56.25%;overflow: hidden; border-radius: 5px;}
	.demovideo iframe,.demovideo object,.demovideo embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
}
 
 

.demovideo{position: relative;padding-bottom: 56.25%;overflow: hidden;
}
.demovideo iframe,.demovideo object,.demovideo embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: none; }

.demoshadow{
	border: 8px solid #fff; box-shadow:0 0 15px 0 #aaa;
}
.demoshadow1{
	border: 8px solid #fff;
}

/*----------Timer BG ----------*/

.top-timer1 { padding: 3% 15px 5%;    background: #ffffff;    clear: both;    border-radius: 48%;    box-shadow: 0 0 20px 2px #fff;        border-left: 15px solid #ef8408;    border-right:
 15px solid #ef8408; }
 
 
/*---------Strip---------*/
.strip{background:#ef8408; padding:1.5% 0;}

/*---------Price Area---------*/

.option-clr1{color: #ffffff;}
.pricing-monthly {    position: relative;  padding: 10% 2%;     width: 100%;    height: auto;  }
.pricing-monthly:before {    content: '';    position: 
absolute;    border-style: solid;    border-width: 13px 27px 0;        display: block;    width: 0;    z-index: 0;    bottom: -14px;    left: 43%;}
.price-btn1{  border:4px solid #1d2528;  background:rgb(249, 249, 249);  border-radius:10px;  overflow:hidden;    }
.price-btn2{  border:4px solid #7c62e9;  
background:rgb(242, 253, 240);  border-radius:10px;  overflow:hidden;    }
.price-btn3{  border:none;  background:rgb(253, 238, 220);  box-shadow: 0 0 15px 
3px #a2a2a2;  border-radius: 10px;  overflow: hidden;    position: relative;   }

.pricing-monthly1:before{border-color: #1d2528 transparent;}
.pricing-monthly2:before{border-color: #ce0c0f transparent;}
.pricing-monthly3:before{border-color: #16a179 transparent;}
.pricing-monthly1{background: #1d2528; border-bottom: #1d2528 solid 2px;}
.pricing-monthly2{background: #7c62e9; border-bottom: #7c62e9 solid 2px;}
.pricing-monthly3{background: #16a179;    border-bottom: #16a179 solid 2px;border-radius: 10px 10px 0px 0px;}
.btntext-fb{    padding: 15px;    background: #d9e5fb;    box-shadow: 0 0 10px 1px 
#3a5897;    border-radius: 50px;    }
.btntext-tw{    padding: 15px;    background: #d5ebf5;    box-shadow: 0 0 10px 1px #4dbdec;    border-radius: 50px;    }
.btntext-both{    padding: 15px;    background: #dae9f9;    box-shadow: 0 0 10px 1px #228dff;    border-radius: 150px;   }
.shine {  position: relative;  overflow: hidden; }
.shine:after {  content: "";  position: absolute;  top: -110%;  left: -210%;  width: 200%;  height: 200%;  opacity: 0;  
transform: rotate(30deg);    background: rgba(255, 255, 255, 0.13);  background: linear-gradient(    to right,     rgba(255, 255, 255, 0.13) 0%,    
rgba(255, 255, 255, 0.13) 77%,    rgba(255, 255, 255, 0.5) 92%,    rgba(255, 255, 255, 0.0) 100%  );}


/* Hover state - trigger effect */

.shine:hover:after {  
opacity: 1;  top: -30%;  left: -30%;  transition-property: left, top, opacity;  transition-duration: 0.7s, 0.7s, 0.15s;  transition-timing-function: ease;}


/* Active state */.shine:active:after {  opacity: 0;}


@media(min-width:240px){.ribbon1 {   background: #ffff22;    padding: 6px 20px;    text-align: center;
    transform: rotate(0deg);    position: absolute;       right: 0px;    top: 0px;    width: 150px;    font-size: 14px;     border-bottom-left-radius: 10px;
    z-index: 999;   }}
	
	
	@media(min-width:768px){.ribbon1 {       padding: 6px 10px;    right: 0px;    top: 0px;    width: 150px;    font-size: 15px;    }}
	
	
	@media(min-width:992px) {.ribbon1 {    padding: 6px 20px;        right: 0px;    top: 0px;    width: 200px;    font-size: 16px;    }}
	
	
	/*---------Benifit Area---------*/
	
	
	.box-black{    background: #ffffff;    padding: 8px 5px;    border-radius: 6px;    display: block !important;    min-height: 50px;    
margin-top: 5%;    transition: all ease-in;   font-size: 19px; font-weight: bold; }


.box-black-bg{       float: left;    box-shadow: 0 0 30px 1px #999;    border-radius: 6px;    padding-bottom:
 15px;	background-color: #fff;}
a.demosite {    background: #e85643;    color: #fff;    text-align: center;    display: block;    padding: 2%;    
border-radius: 57px;    -webkit-border-radius: 57px;    font-weight: 600;}


/*---------Bonus Area---------*/.bonus1 {    background:linear-gradient(to 
top,#fd941b  0%, #f7ba49 100%);    padding: 20px;    color: #fff;    }
.bonus {    padding: 20px;    color: #333;	    }
.bonus2 {    background: linear-gradient(to top,#f3734b 0%, #f9a60d 100%);    padding: 20px;    color: #fff;	}


/*Testimonial CSS*/

.testimonial{    margin: 0 50px;    overflow: hidden;}
.testimonial .description{       background: #efefef;    position: relative;    font-size: 17px;    line-height: 27px;    color: #000;    padding: 
15px 20px;    border: 1px solid #767070;    border-left: 10px solid #152b42;    border-right: 3px solid #152b42;    border-radius: 10px;    font-family: 
inherit;    font-weight: 400;}
.testimonialr .description{border-right: 3px solid #46a2ec !important;}
.testimonial .description:after{    /*content: "";*/
    width: 20px;    height: 20px;    background: #fff;    border-bottom: 1px solid #767070;    border-left: 1px solid #767070;    position: absolute;    
bottom: -11px;    left: 65px;    transform: skewY(-45deg);}

.testimonialr .descriptions {    border-right: 10px solid #24b1e6  !important;	border-left: 
3px solid #24b1e6  !important;}
.testimonial .descriptions {       position: relative;    font-size: 15px;    line-height: 27px;    color: #fff;    padding: 
15px 20px;    border: 1px solid #24b1e6;    border-left: 10px solid #24b1e6;    border-right: 3px solid #24b1e6;    border-radius: 10px;	      font-weight:
 500;}
 
.testimonial .descriptions:after{        content: "";    width: 20px;    height: 20px;    background: #00000000;    border-bottom: 1px solid #24b1e6;
    border-left: 1px solid #24b1e6;    position: absolute;    bottom: -11px;    left: 65px;    transform: skewY(-45deg);}
	
.testimonialr .description:after{ left:inherit;    right: 100px !important;    }
.testimonialr .descriptions:after{    left:inherit;    right: 100px !important;    }
.testimonial .pic{   width: 100px;    height: 100px;    border-radius: 50%;    overflow: hidden;    margin: 20px 30px 10px;    display: inline-block;    border: 3px solid  #d2d1d1;}

.testimonial .pic img{    width: 100%;    height: 100%;}
.testimonial .testimonial-prof{    /*text-transform: capitalize;*/    margin: 0 30px;}
.testimonial .testimonial-prof h4{    color: #000;    display: block;    font-size: 17px;    font-weight: bold;    margin: 0 0 5px 0;}
.testimonial .testimonial-prof small{    display: block;    font-size: 14px;    color: #fff;}
.well {    min-height: 20px;    padding: 19px;    margin-bottom: 20px;    
background-color: #ffffff;    border: 1px solid #e3e3e3;    border-radius: 4px;    /*-webkit-box-shadow: inset 3px 5px 15px rgb(255, 156, 0);*/    }
.fbg {background: #25126e;    background-size: cover;        padding: 2% 0 2%;}
.fbgdown {background: url(../img/strip6.png) no-repeat bottom center; background-size: cover; padding: 2% 0 4%; position:relative;}
.fbg1{background: url(../img/upsellbg2.png) no-repeat;    background-size: cover;        padding: 9% 0 4%;}


.fbg4 {background: url(../img/strip.png) no-repeat;    background-size: cover;        padding: 1.5% 0 1.5%;}

.padding0{
	padding:0;
}


.fbg2 {    background: #2e17a5 no-repeat; background-size: cover; padding: 2% 0 2%;}
.problembg {    background: #ffe5e5; padding: 2% 0 2%;}


.lightbg{
	background:#f6f9ff;
	padding:3% 0;
}


.fbg6 {    background: #fff url(../img/upsellbg3.png) no-repeat;    background-size: auto auto;    background-size: cover;    padding: 11% 0 25%;	}

.strip1 {    background: #00000000 url(../img/strip1.jpg) no-repeat;    background-size: cover;    
padding: 5% 0 8%;}
.fbgbc {    background: #fff url(../img/strip.png) no-repeat;    background-size: cover;    padding: 19% 0 10%;}
.text-center{text-align: center;}
.spacer-6 {    margin-top: -6%;}
.spacer-10 {    margin-top: -10%;}
.spacer-12{    margin-top: -12%;}
.spacer-14{    margin-top: -14%;}
.spacer-15 {    margin-top: -15%;}
.spacer-18 {    margin-top: -18%;}
.spacer-34 {    margin-top: -34%;}
.play5 li {background: url(../img/feature.png) no-repeat; padding: 1px 0 12px 36px; list-style: none; background-position: 0px 4px;  line-height: 32px;  margin-top: 8px; margin-left: -20px;}

.crosslist li {background: url(../img/crosslist.png) no-repeat; padding: 1px 0 12px 36px; list-style: none; background-position: 0px 4px;  line-height: 32px;  margin-top: 8px; margin-left: -20px;}

.faqslist li {background: url(../img/faqlist.png) no-repeat; padding: 1px 0 12px 45px; list-style: none; background-position: 0px 4px;  line-height: 32px;  margin-top: 8px;}

.welcomearea {    background: 
url(../img/productdescbg.png) no-repeat;    background-size: cover;    padding: 18% 0 3%;    margin-top: -26%;}
.play3 li {    background: 
url(../img/right-arrow.png) no-repeat;    padding: 0 0 12px 50px;    list-style: none;    background-position: 0px 0px;    line-height: 165%;    
margin-top: 8px;	background-size:20px 20px;	}
.play4 li {    background: url(../img/yes1.png) no-repeat;    padding: 0 0 12px 50px;    list-style: none
;    background-position: 0px 20px;    line-height: 165%;    margin-top: 8px;}
.play2 li {    background: url(../img/check.png) no-repeat;    padding: 0 0 
12px 50px;    list-style: none;    background-position: 0px 0px;    line-height: 165%;    margin-top: 8px;}
.play6 li {
  background: #fff7f4 url(../img/no.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
  padding: 8px 4px 15px 65px;
  list-style: none;
  background-position: 3px 14px;
  line-height: 160%;
  margin-top: 19px;
  background-size: 40px;
}
.play8 li {    
background: url(../img/no.png) no-repeat;    padding: 0 0 29px 64px;    list-style: none;    background-position: 10px 0px;    line-height: 120%;    
	background-size: 27px;	}
.play9 li {    background: url(../img/star.png) no-repeat;    padding: 0 0 12px 50px;    list-style: none;    
background-position: 0px 5px;    line-height: 165%;    margin-top: 8px;}


/*---------Exit Popup Css---------*/
.popupbg{background:#4d6987; border:10px solid 
#ff731b !important;     border-radius:15px; display: block; overflow: auto;}

@media(min-width:240px){
	#exitmodal .modal{background: url(../img/bg1.jpg) 
no-repeat center center; background-size: cover; width:315px;height:550px;background-color:#4d6987;z-index:1;position:absolute;margin:auto;top:0;right:0;
bottom:0;left:0;border:1px solid #454545;border-radius:20px;-webkit-animation:popin .3s;animation:popin .3s; overflow: hidden;}
}

@media(min-width:768px){#exitmodal .modal{width:650px;height:500px;}}
@media(min-width:992px){#exitmodal .modal{width:650px;height:500px;}}
@media(min-width:1200px){#exitmodal .modal{width:650px;height:500px;}}


#exitmodal{display:none;position:fixed;top:0;left:0;width:100%;height:100%}
#exitmodal .underlay{width:100%;height:100%; position:absolute;top:0;left:0;background-color:rgba(0,0,0,.8);cursor:pointer;-webkit-animation:fadein .5s;animation:fadein .5s}
#exitmodal .modal-title{font-size:18px;background-color:#252525;color:#fff;padding:10px;margin:0;border-radius:4px 4px 0 0;text-align:center}
#exitmodal .modal-footer{text-transform:capitalize;cursor:pointer;display:inline;border-bottom:1px solid #344a5f}

@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}
@-ms-keyframes fadein{0%{opacity:0}100%{opacity:1}}
@keyframes fadein{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0
}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}

@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:
scale(1);opacity:1}}

@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}

.innerbody {/*border: 1px solid #464646;*/    border-radius: 10px;    margin-top:-1%;    padding: 0 0 15px 0;}


	#exitmodal input[type="email"], #exitmodal input[type=
"password"], #exitmodal input[type="text"] {    padding: 10px !important;    color: #000000 !important;    background: #b9dfec !important;    border-radius: 
50px !important;    font-size: 16px !important;    outline: none;    box-shadow: none;    border: 1px solid #0077a5 !important;    margin: 8px 0 !important;
    width: 100%;}
	
	#exitmodal input[type="submit"]{    background-color: #ff7e00;    -webkit-border-radius: 6px;    -moz-border-radius: 6px;    
-ms-border-radius: 6px;    -o-border-radius: 6px;    border-radius: 6px;    color: #fff;    text-align: center;    border: 1px solid #ff7e00;    outline: 
none;    margin: 8px 0 !important;    padding: 6px 10px;    width: 100%;}

.formbg{background: #87e0fd;    background: -moz-linear-gradient(top, #87e0fd 0%, 
#3f7da7 0%, #2e5f89 100%);    background: -webkit-linear-gradient(top, #87e0fd 0%,#3f7da7 0%,#2e5f89 100%);    background: linear-gradient(to bottom, 
#87e0fd 0%,#3f7da7 0%,#2e5f89 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#2e5f89',GradientType=0 ); 
padding: 15px;}

.custom-close, .custom-close:hover, .custom-close:focus{    color: #ffffff !important;    opacity: 1;    font-weight: 400;    font-size: 30px;
    text-shadow: none;    position: absolute;    right: 10px;    top: 6px;    outline: none;    width: 30px;    clear: both;    height: 30px;    z-index: 
999999999;}

.mailicon{position: absolute;    right: 35px;    top: 22px;}

/*-----Footer CSs---------*/
.lightblock {    background: #000;    padding: 2% 0;}
.lightblock a{font-size: 16px;    color: #fff;    border-bottom: 1px solid #fbf8f7;}

/* Pulse  INfinite*/

@-webkit-keyframes hvr-pulse {  25% {    
-webkit-transform: scale(1.1);    transform: scale(1.1);  }  75% {    -webkit-transform: scale(0.9);    transform: scale(0.9);  }}

@keyframes hvr-pulse {  25% {    -webkit-transform: scale(1.1);    transform: scale(1.1);  }  75% {    -webkit-transform: scale(0.9);    transform: scale(0.9);  }}
.btitle {    background: #fc981f;    padding: 5%;    text-shadow: 1px 1px 1px #333;    border-radius: 0 0 44px 44px;    box-shadow: 0px 5px 20px 1px #999;}
.bonussection {border: 4px #fc981f solid;    width: 100%;    float: left;    background: #fff1db;    border-radius: 0 0 50px 50px;}
.spacer1 {    margin-top: 1.5%;}
.spacer2 {    margin-top: 2%;}
.spacer4.5 {    margin-top: 4.5%;}
.spacer4 {    margin-top: 4%;}
.spacer10 {    margin-top: 10%;}
.infinite-pulse {  
vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: 
hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;}

.infinite-pulse {  -webkit-animation-name: hvr-pulse;  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-timing-function: linear;  animation-timing-function: linear;  
-webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}

.fbg7 {    background: #00000000 url(../img/Action.png) no-repeat;    
background-size: cover;    background-position: initial;    padding: 1.5% 0 18%;}
.borderblue {    border-left: 4px solid #1b6ec1;    padding-left: 2%;}
.guarnti-box {    background: url(../img/moneybg.png) no-repeat #232323;    background-size: cover;    padding: 2% 0;}
.moneybackblock {    outline: 2px 
dashed #deb357;    background-color: #13121750;    outline-offset: -10px;    border-radius: 2px;    -moz-border-radius: 2px;    -webkit-border-radius: 2px;
    width: 100%;    float: left;    padding: 2%;    color: #fff;    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);    
-webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}

.blueheadbg {    background: #2190db;    border-radius: 2px;    color: #fff;
    padding: 1px 8px;}
	.blue1 {    color: #152b42;}
	@media (min-width: 240px){.xsmt5 {    margin-top: 5%;}}
	@media (min-width: 992px){.ribbon-front {    
background-color: #3e3e3e;    height: 42px;    width: 214px;    position: absolute;    right: 0px;    z-index: 2;    top: 0px;    color: #fff;    text-align:
 center;    padding-top: 3px;    border-radius: 0px 5px 0px 0px;}}
 
 @media (min-width: 1200px){.ribbon-wrapper {    position: relative;	bottom: 50px ! 
important;    right: 20px ! important;}}

@media (min-width: 240px){.ribbon-wrapper {    position: relative;bottom: 0px;right: -7px;z-index: 999;}}

.sec18qipte {    padding-top: 5%;    font-size: 70px;    color: #ff6b29;    position: relative;    top: -8px;    left: -3%;    z-index: 999;}
.testimonial1 {   
background: #faf9f9;    border-radius: 5px;    -webkit-box-shadow: 3px 4px 19px 0px rgba(0,0,0,0.75);    -moz-box-shadow: 3px 4px 19px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 4px 19px 0px rgba(0,0,0,0.75);    margin: -11% 0%;    padding: 7%;}
	.testimonial2 {    background: #faf9f9;    border-radius: 5px;    
-webkit-box-shadow: 3px 4px 19px 0px rgba(0,0,0,0.75);    -moz-box-shadow: 3px 4px 19px 0px rgba(0,0,0,0.75);    box-shadow: 3px 4px 19px 0px 
rgba(0,0,0,0.75);    margin: -11% 0%;    padding: 7%;    }
.sec18para {font-family: 'Montserrat', sans-serif;    color: #6e6e6e;    font-weight: 400;    
font-size: 18px;    line-height: 30px;    margin-top: 20px;}
.sec18head2 {    font-family: 'Montserrat', sans-serif;    color: #4f4f4f;    font-weight: 600;
    padding-top: 1%;    font-size: 24px;    margin-right: 1%;}
	
	.fa {    display: inline-block;  padding: 8px 5px 8px;  font: normal normal normal 12px/1 FontAwesome;    font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
	
	.sec18img1 {margin-left: 0%;border: 2px solid #c2c3c6; padding: 1px;position: relative;}
	.lpcolorbg { background: #76c650;    color: #fff;    padding: 2px 5px;}
	.boxs{    border-style: solid;    
border-color: rgb(104, 127, 141);    border-width: 4px;    border-top-left-radius: 20px;    border-top-right-radius: 20px;    border-bottom-left-radius: 20px
;    border-bottom-right-radius: 20px;    background-size: 100% 100%;}

.col-md-20 {    width: 20%;}.col-md-30 {    width: 30%;}
.col-md-40 {    width: 40%;}.col-md-60 {    width: 60%;}
.green{color:#02aa33;}
.infinite-pulse {    vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  
box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;}
.infinite-pulse {  -webkit-animation-name: hvr-pulse;  animation-name: hvr-pulse;  -webkit-animation-duration: 1s;  animation-duration: 1s;  
-webkit-animation-timing-function: linear;  animation-timing-function: linear;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: 
infinite;}
.ylw {    color: rgb(255, 156, 0);}
.wt100 {font-weight: 100;}
.wt200 {font-weight: 200;}
.wt300 {font-weight: 300;}
.wt350 {font-weight: 350;}
.wt400 {font-weight: 400;}
.wt500 {font-weight: 500;}
.wt600 {font-weight: 600;}
.wt700 {font-weight: 700;}
.wt800 {font-weight: 800;}
.wt900 {font-weight: 900;}
.green1{ color: #42a21d;}
.blue1 { color: #0d1a44; }
.fantasy{font-family: fantasy;}
@media (min-width: 240px){
	.iconss {    margin-top: -95px;    border: 1px #000 solid;    border-color: #d1d1d1;    border-width: 1px;    width: 300px;    background-color: #fcfcfc;}}

@media (min-width: 1200px){.iconss {    margin-top: 
-110px !important;    border: 1px #000 solid;    border-color: #7d7d7d;    border-width: 1px;    width: 354px !important;    background-color: #fcfcfc;}}
.spacer35 {    margin-top: 20%;}
.spacer20 {    margin-top: 20%;}
.contactbox1 {    background: #ffcc01;    width: 100%;    padding: 1% 0 2% 0;    box-shadow: 
0 6px 1px #d2a904;}
.quick-point1 {    background: #607D8B;    padding: 0% 0 4%;    background-size: cover;}
.borderblue {    border-left: 4px solid #1b6ec1; padding-left: 2%;}
.blue {    color: #2190db;}
.quick-point2 {    background: #f2f2f2;    padding: 0% 0 4%;    background-size: cover;}
.tbbg2 { background: #ecb2b254; padding: 11% 0% 12%;  border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
	

.tbbg3 {   background: #595a5d;    padding: 11% 0% 12%;    /*border-bottom-left-radius: 100px;    
border-bottom-right-radius: 100px;*/    border-top-left-radius: 8px;    border-top-right-radius: 8px;}
.tablebox3 {    border: 1px solid #595a5d;    width: 100%;    border-top-left-radius: 8px;    border-top-right-radius: 8px;    float: left;    border-bottom-right-radius: 25px;    border-bottom-left-radius: 
25px;}
.tbbg4 {    background: #000;    padding: 11% 0% 14%;    /*border-bottom-left-radius: 100px;    border-bottom-right-radius: 100px;*/    
border-top-left-radius: 8px;    border-top-right-radius: 8px;}
.tablebox4 {    border: 1px solid #000;    width: 100%;    border-top-left-radius: 8px;    
border-top-right-radius: 8px;    float: left;    border-bottom-right-radius: 25px;    border-bottom-left-radius: 25px;}
.tbbg5 {    background: #fa9b09;    
padding: 15% 0% 21%;    /*border-bottom-left-radius: 100px;    border-bottom-right-radius: 100px;*/    border-top-left-radius: 8px;    
border-top-right-radius: 8px;}
.tablebox5 {    border: 1px solid #fa9b09;    width: 100%;    border-top-left-radius: 8px;    border-top-right-radius: 8px;    
float: left;    border-bottom-right-radius: 25px;    border-bottom-left-radius: 25px;}

@media (min-width: 1200px){.whitesection2{background:#ffffff 
url(../img/video.png) no-repeat center top; background-size: cover;  padding:4% 0 30% !important; }}

@media (min-width: 1200px){ .whitebgd{background:
#ffffff url(../img/moneybgd.png) no-repeat center top;  background-size: cover;  padding:2% 0 6%;}}

.clear {clear: both;}
.product { background: url(../img/bg5.png) no-repeat top center;    background-size: cover;    padding: 2% 0 2% 0;    	}
@media (min-width: 992px){.mdst0 {    margin-top: 0%;}}
@media (min-width: 768px){.smst4 {    margin-top: 4%;}}
.bonussection1 {    width: 100%;    float: left;    background: #f6f6f6;    border-radius: 20px;
    overflow: hidden;}
	
	@media (min-width: 240px){.bonussection1 {    border: 3px #e6e6e6 solid;    width: 100% !important;    float: left;    background: 
#fbfff0;}}

@media (min-width: 1200px){.bonussection1 {    border: 3px #e6e6e6 solid;    width: 94% !important;    float: left;    background: #fbfff0;}}

.white{    color: #fff;}
.vtitle {    background: #ff9c00;    padding: 2%;    text-shadow: 1px 1px 1px #333;}
.home-video-hero .video-frame {    position: relative;}

.home-video-hero .video-frame video {    width: 100%;    height: auto;}
.black{color: #1d2528;}
video {    display: inline-block;    vertical-align: baseline;		max-width: 100%;}
.home-video-hero .video-overlay {    position: absolute;    top: 0;    bottom: 0;    width: 100%;    height: 100%;    background: rgba(0,0,0,0.3);    z-index: 2;}
.home-video-hero .content-container {    width: 100%;    position: absolute;    top: 0%;        z-index: 999;}
.greentext {color: #1dd19d;}
.border-green {    width: 140px;    height: 5px;    border-radius: 60px;    background: #f7f7f7;    margin: 0px auto 30px;}
.line0 {    border-bottom: 1px dashed #626262;    margin-bottom: 15px;    padding-bottom: 15px;}
.bordered {    border-left: 4px solid #1fc16b;    padding-left: 2%;}
.yellow {    color: #ffd700;}
.exactlybg1 {background: #f2a12b;    padding: 10px; border-radius: 50px;}
.section3 {    background: url(../img/section-14.png) no-repeat lavenderblush;    background-size: cover;    padding: 2% 0 
2% 0;}
.dblue {    color: #050d44;}
.purple1 {    color: #444cf7;}


@media (min-width: 240px){.splash1 {    background: #efefef url(../img/bg1.png) no-repeat;
    background-size: cover;    padding: 2% 0 4%;}}
	
	@media (min-width: 1200px){.splash1 {    background: #fff url(../img/bg1.png) no-repeat! important;    
background-size: cover ! important;    padding: 2% 0 4% ! important;	background-attachment:fixed ! important;}}

.border {    border: 1px solid #dee2e6!important;    padding: 1% 1% 1% 1%;    border-radius: 35px;}
.play li {    background: url(../img/checkmark2.png) no-repeat;    padding: 0 0 12px 60px;    
list-style: none;    background-position: 0px 0px;    line-height: 165%;    margin-top: 8px;}
.border1{border: 6px solid #efefef;}
.green1 {    color: rgb(1, 188, 176);}

@media(min-width:1200px){.line1 {    border-bottom: 1px solid #bdbaba;}}
@media(min-width:1200px){.line2 {    border-right: 1px solid #bdbaba;}}
@media(min-width:1200px){.line3 {    border-right: 1px solid #bdbaba;    border-left: 1px solid #bdbaba; }}


.splash2 {    background: #fff url(../img/bg3a.png) no-repeat;    background-size: cover;    
padding: 2% 0 4%;}
.play3 li {    background: url(../img/introlist.png) no-repeat;    padding: 0 0 11px 65px;    list-style: none;    background-position: 0px 0px;    line-height: 145%;    margin-top: 8px;	background-size:40px;}
.section10a{    background: #0a0915 url(../img/section10.png) no-repeat;    background-size: cover;    padding: 2% 0 4%;}
.play7 li {    background: url(../img/introlist.png) no-repeat;    padding: 5px 2px 14px 80px;    list-style:
 none;    background-position: 13px 3px;    line-height: 200%;    margin-top: 8px;    background-size: 40px 40px;}
.line5 {    border: 1px solid #b9b6b6;}
.green2 {    color: #7fb700;}
.section15 {    background: url(../img/iconbg3.jpg) no-repeat #efefef bottom center;    padding: 2% 0 4%;    background-size: 
cover;    background-attachment: fixed;}
.section16{    background: url(../img/Sweetener.jpg) no-repeat;    background-size: cover;    padding: 25% 0 27%
;	border-top :5px solid #dce7fd;	border-bottom :5px solid #d7f5fd;}

@media(min-width:1200px){.section17{    background: url(../img/section17.png) 
no-repeat;    background-size: cover;    padding: 2% 0 6%;	}}

@media(min-width:240px){.section17{    background: url(../img/section17.png) no-repeat 
bottom;    background-size: cover;    padding: 2% 0 6%;	}}

@media(min-width:1200px){.section18{    background: url(../img/section18.PNG) no-repeat;    
background-size: cover;padding: 2% 0 11%;margin-left: 14%;	}}

.header-notice2 {    box-shadow: 0 0 12px 1px #fff;    padding: 12px;    border-radius: 12px;}

.box-white {    background: #ffffff;    padding: 8px 15px;    border-radius: 6px;    display: inline-block;}
.wt600 {    font-weight: 600;}
.header-notice3 {border-right: 6px solid #6dc520;    border-left: 6px solid #6dc520;    border-radius: 24px 0;    position: relative;    padding: 10px 10px;    box-shadow
: 0 0 5px 1px #fff;    text-shadow: 2px 2px 2px #000;}

.dashedborder {    border: 1px dashed #fff;    padding: 7px 20px;}
.boxes{background-color: #000;    background-repeat: no-repeat;    border-style: solid;    border-color: #000;    border-width: 0px;    border-top-left-radius: 0px;    border-top-right-radius
: 0px;    border-bottom-left-radius: 0px;    border-bottom-right-radius: 0px;    background-size: 100% 100%;}

.Fjalla{font-family: 'Fjalla One', sans-serif;}
.yellowbg{	text-align: center;    font-size: 40px;    color: #000;    background-color: rgb(255, 199, 6);	}
.bordered1 {    border-left: 4px solid #fbbd1a;    padding-left: 2%;}
.grn{color: #1fc16b;}
.stepstitle {    background-image: -webkit-linear-gradient( 0deg, #009688 0%, #1fc16b 100%);     
border-radius: 60px;    display: table;    padding: 1% 4%;}

.recaptp {    margin-left: -1.2%;    position: absolute;    margin-top: .5%;}
.recaptop {    margin-top: 0%;}
.recap {    background: #fff;    padding: 2% 12% 2% 11%;    border: 1px solid #9e9e9e;}
.pull-right {    float: right!important;}
.recaptpxs {    margin-left: 2%;    position: absolute;    margin-top: 5%;}
.list-padding {    padding-top: 10px;}
.pull-right {    float: right!important;}
.t-mrtp {   margin-top: -.4%;}
.pull-right {    float: right;}
.bonusbg {background: #f2f2f2;border-radius: 20px;padding: 0% 4%;}
.mt3 {    margin-top: 6%;}
.bonusspan {    color: #fff;    display: table;    background: url(../img/bonusstrip.png) no-repeat -11px 0px;    padding: 1% 15% 1% 8%;
    background-size: cover;}

.yellowbg1 {text-align: center;font-size: 30px;color: #000;background-color: rgb(255, 199, 6);padding: 1% 1%;}
.narrow{font-family: 'PT Sans Narrow', sans-serif;}


.Archivo{font-family: 'Archivo Narrow', sans-serif;}
.raleway{font-family: 'Raleway', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
.Economica{font-family: 'Economica', sans-serif;}
.Lobster	{font-family: 'Lobster Two', cursive;}
.prebox { border-radius: 6px;	background-image: -webkit-linear-gradient( 0deg, #fe6a29 0%, rgba(251, 105, 41, 0) 100%);    box-shadow: 0px 6px 10px 0px rgba(38, 37, 49, 0.3);    padding: 1% 1%;    transform: skew(-15deg);        align-items: center;}


.testomonibg { background: url(../img/testibg.png) no-repeat top center #f3f3f3; padding:4% 0 5% 0; display: block;    background-size: cover;}

.elearningbg { background: url(../img/elearningbg.png) no-repeat bottom center #eff7fe; padding:4% 0 16% 0; display: block;    background-size: cover;}
.elearningbg1 { background: url(../img/elearningbg1.png) no-repeat top center #eff7fe; padding:15% 0 4% 0; display: block;    background-size: cover;}

.statsbg { background: #eff7fe; padding:4% 0 4% 0;}

.mybgs{
	border-radius:8px;
	display:table;
	margin:auto;
	padding:10px 30px;
	background:#5e3f8e;
}



.nichesbg {    background: #1a1834; padding:4% 0 5% 0;	    display: block;    background-size: cover;}
.section33 {    background:#ffffff; padding: 4% 0 4%;}
.prebox1 {    border-radius: 6px;    background-color: rgb(236, 92, 185);    box-shadow: 0px 6px 10px 0px rgba(38, 37, 49, 0.3);    padding: 1px 15px;    display: inline-block;}
.prebox2 {    border-radius: 6px;    background-color: rgb(8, 173, 249); box-shadow: 0px 6px 10px 0px rgba(38, 37, 49, 0.3);    padding: 5px 20px;    display: inline-block;	transform: skew(-8deg);}
.whitesection5 {    background: #fbf9f9 url(../img/bgmain.jpg) no-repeat;    background-position: bottom;    padding: 2% 0% 8%;}
.section11-top {    text-align: right;    
padding: 0;    margin-top: -13%;}
.section11 {    background: #fff url(../img/section6.png) no-repeat top;    background-size: cover;    padding: 3% 0 
6% 0;    position: relative; }
.img-fluid {    max-width: 100%;    height: auto;}
.pic1 {    max-width: 527px;    float: none;    margin-top: 40px !important;    margin-left: 180px !important;    margin-right: 0px !important;}

@media (min-width: 240px){.iconss {    margin-top: -95px;    
border: 1px solid #fff;    border-radius: 20px;    border-color: #cbd0d5;    border-width: 1px;    width: 305px;    background-color: #fcfcfc;    padding: 
1% 0 8%;    box-shadow: -2px 10px 28px 0px rgba(184,180,184,1);}}

@media (min-width: 1200px){.iconss {    margin-top: -90px !important;    border: 1px solid 
#fff;    border-radius: 20px;    border-color: #cbd0d5 ! important;    border-width: 1px ! important;    width: 250px ! important;    background-color: #fcfcfc ! important;    padding: 1% 0 8% ! important;    box-shadow: -2px 10px 28px 0px rgba(184,180,184,1);}}

.section2 {    background: url(../img/bg12.png);    padding: 6% 0 3% 0;    background-size: cover;    background-attachment: fixed;}
.ribbon-wrapper {    position: relative;	top: 
-47px;left: -140px;}
.ribbon-front {    background-color: #3e3e3e;    height: 42px;    width: 214px;    position: absolute; right: 0px; z-index: 2;    top:0px;    color: #fff;    text-align: center;    padding-top: 3px;    border-radius: 0px 5px 0px 0px;}

@media (min-width: 1200px){.whitesection2 {    
background: #ffffff;   padding: 4% 0 4% !important;}}

.section19 {    background: url(../img/section19.png)no-repeat center center;    background-size: cover;    background-color: #19222b;    padding: 3% 0 8% 0;}
.section19-box {    border-radius: 8px;    background-color: rgb(255, 255, 255);    text-align: center;    padding: 2% 2% 2% 2%;    height: 100%;}
.purple {    color:     #2d214f;}
.color-red {    color: #ff0000 !important;}

.game-changer {    transform: skew(-30deg);}
.background5 {    border-radius: 6px; background :#8ec855;    box-shadow: 0px 6px 10px 0px rgba(38, 37, 49, 0.3);    padding: 1% 1%;    transform: skew(-15deg);    }
.sarabun{font-family: 'Sarabun', sans-serif;}


.db1 {color: #2e4479;}
@media (min-width: 1200px){.whitesection3a {    background: #ffffff url(../img/bg1.png) no-repeat center top;    background-size: cover;    background-position: center;    
padding: 3% 0 8% !important;}}

@media (min-width: 240px){.whitesection3a {    background: #ffffff url(../img/bg1.png) no-repeat center top;    
background-size: cover;    background-position: center;    padding: 3% 0 18%;}}
.testi-block2 {    position: relative;    background: aliceblue;    padding: 
30px;    border-radius: 25px;}
.sectionte {    background: url(../img/testibg.png) no-repeat center center;    padding: 60px 0px 150px;    background-size:
 100% 100%;}
 .testi-block1 {    position: relative;    background: #ffffff;    padding: 30px;    border-radius: 25px;}
 @media (min-width: 1200px){.yellowin2{
    position: absolute !important;    display: grid !important;    padding: 0px !important;    margin: 0px !important;    z-index: 10;    width: 32px;    
height: 27px;    left: 455px !important;    top: 250px !important;}}
@media (min-width: 240px){.yellowin2{    position: absolute !important;    display: grid 
!important;    padding: 0px !important;    margin: 0px !important;    z-index: 10;    width: 32px;    height: 27px;    left: 250px;    top: 290px;}}


.greenheadbg1 {
    background: #215b5a;
    border-radius: 10px;
    color: #fff;
    padding: 10px 35px;
}

.mybutton1 {
    background-image: linear-gradient(#ff9e36, #f4504d);
    box-shadow: -6.303px 7.37px 40px 0px rgba(0, 0, 0, 0.3);
}

.mybutton1 {
    background-image: linear-gradient(#f4504d, #ff9e36);
    color: #fff;
    display: table;
    padding: 4.8% 6% 4.8% 0%;
    transition: all 0.5s;
    position: relative;
    margin: auto;
    border-radius: 5px;
    width: 100%;
}

.price-btn1 {
    border: 4px solid #ebdef4;
    background: rgb(249, 249, 249);
    border-radius: 10px;
    overflow: hidden;
}

.pricing-monthly {
    position: relative;
    padding: 10% 2%;
    width: 100%;
    height: auto;
}

.pricing-monthly1 {
    background: #ebdef4;
    border-bottom: #ebdef4 solid 2px;
}



.pricing-monthly2:before {
    border-color: #CE0C0F transparent;
}


.section40 {
    background: #ffffff url(../img/specialbg.png) no-repeat center top;
    background-size: cover;
    padding: 2% 0 2%;
    background-attachment: fixed;
}

@media(min-width:1200px){
.adj{margin-left:10%;}}

.grey{color: #C3C1C1;}
.red{color:#f91e1e;}


@media (min-width: 1200px){
.sec1 {
    background: #ffffff url(../img/tons-bg.png) no-repeat center bottom;
    background-size: 100% 100%;
    padding: 120px 0px 120px 0px;
}
}


.whitesection7 {
    padding: 3% 0px 4%;
    background: #ffede7;
}

.y1 {
  color: #771f1f;
}


@media (min-width: 1200px){
.s11box {
    background-color: #fff;
    box-shadow: 1px 0px 16px 6px #e0e0e0;
    padding: 8% 5% ! important;
    height: 100%;
}
}


@media (min-width: 240px){
.s11box {
    background-color: #fff;
    box-shadow: 1px 0px 16px 6px #e0e0e0;
    padding: 8% 2%;
    height: 100%;
}}


.roboto1 {
    font-family: 'Roboto Condensed', sans-serif;
}


.section20 {
    background: url(../img/section13.png)no-repeat top;
    background-size: cover;
    padding: 3% 0 5% 0;
}


.play13 li {
    background: url(../img/kk.png) no-repeat;
    padding: 1px 11px 15px 85px;
    list-style: none;
    background-position: 34px 0px;
    line-height: 165%;
    margin-top: 8px;
}


.o1 {
    color: #6b3edb;
}


.highlihgt-heading {
    position: relative;
    background: #ffffff;
    padding: 20px;
    width: 100%;
    border-radius: 25px;
    display: inline-block;
	z-index: 10;
}

.game-changer {
    background: #fa508d;
    padding: 4px;
    border-radius: 15px 15px 0px 0px;
    display: inline-block;
    max-width: 248px;
    height: 100%;
    z-index: 8;
    padding: 4px 0px 8px 0px;
    width: 100%;
    transform: skewY(-4deg);
    top: 13px;
}
.game-changer div{
	transform: skewY(4deg);
}

.yellowbg3 {
    text-align: center;
    font-size: 30px;
    color: #000;
    background-color: #fbcc07;
    padding: 1% 1%;
	border-radius:40px;
}

.grab.yellowbg3 {
    text-align: center;
    font-size: 30px;
    color: #000;
    background-color: #fbcc07;
    padding: 1% 1%;
	border-radius:50px;
}
.imgwhite{
	filter: brightness(0) invert(1);
}


.banner-link{
	margin-top:20px;
}
.buybutton {
    background: linear-gradient(135deg, #ee3d09 0%,#f5ab0a 100%);
font-size: 20px !important;
padding: 12px 30px !important;
position: relative;
top: 0px;
font-weight: 700;
border-radius: 10px;
border: 2px white solid;
}



/* Mycontainer */
@media (min-width: 240px) {
.mycontainer{width:100%;}
}

@media (min-width: 768px) {
.mycontainer{width:750px;}
}

@media (min-width: 992px) {
.mycontainer{width:970px;}
}

@media (min-width: 1200px) {
.mycontainer{width:1270px;}
}

@media (min-width: 1300px) {
.mycontainer{width:1170px;}
}

@media (min-width: 1400px) {
.mycontainer{width:1370px;}
}

@media (min-width: 1500px) {
.mycontainer{width:1470px;}
}



/* democontainer */
@media (min-width: 240px) {
.democontainer{width:100%;}
}

@media (min-width: 768px) {
.democontainer{width:750px;}
}

@media (min-width: 992px) {
.democontainer{width:970px;}
}

@media (min-width: 1200px) {
.democontainer{width:1500px;}
}

@media (min-width: 1300px) {
.democontainer{width:1270px;}
}

@media (min-width: 1400px) {
.democontainer{width:1370px;}
}

@media (min-width: 1500px) {
.democontainer{width:1470px;}
}


.pointsbg {
    border-width: 1px;
    border-color: rgb(242, 242, 243);
    border-style: solid;
    border-radius: 10px;
    box-shadow: 9.441px 27.42px 37.83px 1.17px rgba(125, 125, 137, 0.16);
    float: left;
    padding: 3% 0% 0;
    background: #fff url(../img/pointsbg.png) bottom left no-repeat;
	background-size:contain;
}


.padding3p{
	padding:0 1%;
}
.padding4p{
	padding:0 4%;
}

.padding2p{
	padding:0 2%;
}

/*Pricing Table*/
.tablebox1 {
	background-color: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 12px;
    box-shadow: 0px 1px 50px 0px #4242422e;
	    overflow: hidden;
}
.tablebox2 {
	background-color: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 12px;
    box-shadow: 0px 1px 50px 0px #4242422e;
	    overflow: hidden; 
}

.myfeatures {
    background: #ececec;
    padding: 5% 0 3% 0;
}
.myfeatures1 {
    background: #2d0452;
    padding: 5% 0 3% 0;
}

.myfeature li:nth-child( odd ) {background: #ececec url(../img/pricecheck.png) no-repeat top 18px left 20px;
    padding: 15px 15px 15px 76px;
    list-style: none;
    line-height: 32px;
    margin-left: -40px;
	border-bottom: 1px solid #ececec;}
.myfeature li:nth-child( even ) {background: #cdcaf6 url(../img/pricecheck.png) no-repeat top 18px left 20px;
    padding: 15px 15px 15px 76px;
    list-style: none;
    line-height: 32px;
    margin-left: -40px;
	border-bottom: 1px solid #cdcaf6;}
	
	
.myfeature2 li:nth-child( odd ) {background: #e299c5  no-repeat top 18px left 20px;
    padding: 15px 15px 15px 76px;
    list-style: none;
    line-height: 32px;
    margin-left: -85px;
	border-bottom: 1px solid #fff;}
.myfeature2 li:nth-child( even ) {background: #e299c5  no-repeat top 18px left 20px;
    padding: 15px 15px 15px 76px;
    list-style: none;
    line-height: 32px;
    margin-left: -85px;
	border-bottom: 1px solid #fff;}	
	
.myfeature, .myfeature1{margin-bottom: 0;}

.myfeature, .myfeature2{margin-bottom: 0;}


.myfeature1 li:nth-child( odd ) {background: #2d0452 url(../img/pricecheck1.png) no-repeat top 18px left 20px;
    padding: 15px 15px 15px 76px;
    list-style: none;
    line-height: 32px;
	 color:#fff;}
.myfeature1 li:nth-child( even ) {background: #3e0363 url(../img/pricecheck1.png) no-repeat top 18px left 20px;
    padding: 15px 15px 15px 76px;
    list-style: none;
    line-height: 32px;
	 color:#fff;}
	
.basicbox{
	    background-color: #833bfb;
    padding: 3px 30px 3px 30px;
    border-radius: 5px;
	display: table;
	color:#fff;
    margin: 25px auto;
}
.basicbox1{
	    background-color: #ef8027;
    padding: 3px 30px 3px 30px;
    border-radius: 5px;
	display: table;
    margin: 25px auto;
}













.stickybar a {
    color: #fff;
    /*border: 2px solid #fff;*/
    padding: 3% 8%;
}
.stickybutton {
    border-radius: 6px;
    padding: 2% 5%;
    display: table;
    margin: 3% auto 0% auto;
    color: #fff;
    background: rgb(247,79,139);
background:     linear-gradient(90deg, rgb(52, 144, 221) 0%, rgb(79, 100, 209) 100%);
}

.stickybar a:hover {
   /* text-decoration: none;
    background: #fff;
    color: #333;*/
}


.stickybar {
    display: table;
   margin: 0% 0% 2px 1%;
    width: 98%;
    border-radius: 6px;
    float: left;
    background:#000;
    position: fixed;
top: 0;
    padding: 0.7%;
    z-index: 9999;
}


@media(max-width:767px){
	.mobile-center{text-align:center;}
	.spacerstats {    margin-top: 0%;}
	.spacerstats1 {    margin-top: 0%;}
}
@media(min-width:768px){
	.mobile-center{text-align:left;}
	.spacerstats {    margin-top: -8%;}
	.spacerstats1 {    margin-top: -9%;}
}



.mystatbox{
	background:#dff0f9;
	padding:20px;
	border-radius:4px;
}

.testibox {
    background: #fff;
    padding: 5% 8%;
    float: left;
    border-radius: 15px;
    box-shadow: 0 0 16px 0 #ccc;
}

.imgcss1{
	border: 2px solid #ded3ff;
    border-radius: 10px;
}

.imgcss{
	border: 8px solid #f3f3f3;
    border-radius: 10px;
}
.imgcss2{
	border: 8px solid #fff;
    border-radius: 10px;
}

.boughtthis{
	background: #ff9e00;
    padding: 10px 5%;
    border-radius: 5px 5px 0px 5px;
    margin-bottom: -5px;
}

.element1-box {
    position: absolute;
    top: 0;
    z-index: 1;
	left: -20px;
width: 200px;
}




.section12 {
    background: #0f0652 url(../img/section12.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 5%;
    /*padding-top: 3%;*/
}

.greysection{
	background:#191d21;
	padding:5% 0%;
}
.niche {    text-align: center;    padding: 34px 20px;    background: #fff;    border-radius: 5px;    -webkit-box-shadow: 0 0 15px #e6ebff;       margin-bottom: 30px; }


.bulletboxed{
  border-radius: 20px;
  background:rgb(0,0,0,0.6);
  padding:8px;
}
.bulletboxed hr{
	border:0;
	border-bottom:2px dashed #000;
	margin-top: 8px;
    margin-bottom: 8px;
}
.bulletboxed ul{
margin-left: -15px;
margin-bottom:0;
}
.bulletboxed li{
	padding-left:45px;
	list-style:none;
	line-height:23px;
}

.bulletboxed ul li.one{
	background:url(../img/bullet1.png) no-repeat top 2px left 0;
}
.bulletboxed ul li.two{
	background:url(../img/bullet2.png) no-repeat top 2px left 0;
}
.bulletboxed ul li.three{
	background:url(../img/bullet3.png) no-repeat top 2px left 0;
}
.bulletboxed ul li.four{
	background:url(../img/bullet4.png) no-repeat top 2px left 0;
}
.bulletboxed ul li.five{
	background:url(../img/bullet5.png) no-repeat top 2px left 0;
}
.bulletboxed ul li.six{
	background:url(../img/bullet6.png) no-repeat top 2px left 0;
}
.bulletboxed ul li.seven{
	background:url(../img/bullet7.png) no-repeat top 2px left 0;
}
.bulletboxed ul li.eight{
	background:url(../img/bullet8.png) no-repeat top 2px left 0;
}

.brand-card{
	border: 1px solid #eeeeee;
    padding: 15px 15px;
    box-shadow: 0 0 20px 0 #ddd;
    background: #ffffff;
    border-radius: 8px;
}

.greybg{
	background:#eeeeee;
	padding-left:10px
}
.icon-width{
	width:200px;
}
.width300{
	width:300px;
}
.crunchheight{
	height:32px;
}
.paddingbottom{
	padding-bottom:0px;
}


#button {
  display: inline-block;
  background-color: #ef8027;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 82px;
  right: 0px;
  transition:  1s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.4em;
  line-height: 38px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #3b035f;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}


.totalvalue1 {
    padding: 5% 0 0% 0;
    background: 
    #fff url(../img/totalvalue1.jpg) no-repeat top;
        background-size: auto;
    background-size: auto;
    background-size: cover;
}

.scroll-top.open {
    bottom: 15%;
}

.featurebg {background:url(../img/featurebg.jpg) no-repeat;    background-size: auto auto;    background-size: cover;    padding: 27% 0%;	}
.grabbg {background:url(../img/grab.jpg) no-repeat;    background-size: auto auto;    background-size: cover;    padding: 22% 0%;	}
@media (min-width: 1200px){
.demovideo1{position: relative; padding-bottom: 80.25%;overflow: hidden; /*border: 5px solid#f64c2b;*/border-radius: 5px;}
.demovideo1 iframe,.demovideo1 object,.demovideo1 embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: none;}}

@media (min-width: 240px){
.demovideo1{position: relative;padding-bottom: 180.25%;overflow: hidden; 
/*border: 5px solid#b4e84d;*/border-radius: 5px;}
.demovideo1 iframe,.demovideo1 object,.demovideo1 embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: none;}}









.neon {
    color: #00fcda;
}

.gradient-text {
    background-color: #10b9ff;
    background-image: linear-gradient( 45deg , #15c8ff, #01ffff);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section11-box1 {
    position: relative;
    border-radius: 5px;
    background-color: rgb(224, 247, 250);
    z-index: 1;
    padding: 0 7% 0 4%;
}

.section11-box1-out {
    padding: 0;
    margin-top: 3%;
}

.check3A {
    position: absolute;
    right: -3%;
    top: -9%;
    z-index: 11;
}

.d-sm-block {
    display: block!important;
}

.section11-text1 {
    padding: 0 3%;
}


.section10 {
    background: url(../img/section8.png) no-repeat top;
    background-size: cover;
    padding: 5% 0 5% 0;
    margin-top: -2%;

}

.quote7 {
    background: #f4bdbd;
    padding: 0% 20% 0% 3%;
    margin-top: 3%;
}

.quoteA {
    position: relative;
    z-index: 1;
    margin-left: -3%;
    display: inline-block;
}
.quoteA:before, .quoteA:after {
  background: inherit;
  content: "";
  display: block;
  height: 90%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.quoteA:before {
  top: 0;
  transform: skewY(1.5deg);
  transform-origin: 100% 0;
}
.quoteA:after {
  bottom: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
}

.quote8 {
    background: #dfcff0;
    padding: 0% 3% 0% 3%;
    margin-top: 3%;
}

.quoteB {
    position: relative;
    z-index: 1;
    margin-left: -3%;
    display: inline-block;
    padding: 0% 17% 0% 3%;
}
.quoteB:before, .quoteB:after {
  background: inherit;
  content: "";
  display: block;
  height: 90%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.quoteB:before {
  top: -11px;
  transform: skewY(-1.5deg);
  transform-origin: 100% 0;
}
.quoteB:after {
  bottom: -7px;
  transform: skewY(1.5deg);
  transform-origin: 100%;
}

.quote4:before, .quote6:before, .quote8:before, .quote10:before, .quote12:before {
  top: -14px;
}
.quote4:after, .quote6:after, .quote8:after, .quote10:after, .quote12:after {
  bottom: -14px;
}


.quote9 {
    background: #ffd0b4;
    padding: 0% 4% 0% 3%;
    margin-top: 3%;
}

.quote10 {
    background: #cadcf6;
    padding: 0% 5% 0% 3%;
    margin-top: 3%;
}

.quote11 {
    background: #fad484;
    padding: 0% 5% 0% 3%;
    margin-top: 3%;
}

.quote12 {
    background: #cee299;
    padding: 0% 5% 0% 3%;
}

.quote13 {
    background: #a67ad2;
    padding: 0% 5% 0% 3%;
}


.comparison-shape {
    background: #1d222c;
    padding: 15px;
    border-radius: 5px;
    margin-top: -60px;
}


.nocomparsion-section {
    padding: 0px 0px 60px 0px;
    background: #ffffff url(../images/no-comparison-bg.png) no-repeat bottom center;
}

.whitesection20 {
    padding: 0% 0px 4%;
    background: #ffffff;
}


.whitesection4 {
    padding: 4% 0px 4%;
    background: #b5ced9;
}

.section13 {
    background: url(../img/section10.png) no-repeat center center;
    background-size: cover;
    padding: 1% 0 5% 0;
    margin-top: -2%;
}


.section19 {
    background: url(../img/section19.png) no-repeat center bottom;
    background-size: cover;
    padding: 0 0 6% 0;
	
}

.checklist6 li {
    background: url(../img/crosslist.png) no-repeat 20px 23px;
    padding-left: 60px;
    list-style: none;
    margin-left: 0;
    margin-bottom: 2%;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgb(255, 234, 234);
}


.section25 {
    background: url(../img/section25.png) no-repeat center center;
    background-size: cover;
    padding: 0 0 4% 0;
    margin-top: -8px;
}


.lightbg {
    background: #f3f3f3;
    padding: 3% 0;
}


.section17 {
    background: url(../img/section17.png) no-repeat center top;
    background-size: cover;
    padding: 0 0 7% 0;
    margin-top: -10px;
    position: relative;
}


.customizable {
max-width: 105%;
position: relative;
right: -2%;
}


.customizable1 {
    max-width: 122%;
    position: relative;
    right: 23%;
}

.section9a {
    background: url(../img/section9.png) no-repeat bottom;
    background-size: cover;
    padding: 4% 0 4% 0;

    overflow: hidden;
}


.section9a1 {
    background: url(../img/section9a.png) no-repeat bottom;
    background-size: cover;
    padding: 4% 0 4% 0;

    overflow: hidden;
}

.customizable2 {
    max-width: 130%;
    position: relative;
    right: 13%;
}



.section15a {
  
  background:   url(../img/section15a.jpg) no-repeat bottom;
  background-size: cover;
padding: 4% 0 4% 0;
}



.section21 {
    background: #000 no-repeat center center;
    background-size: cover;
    padding: 1% 0 6% 0;
    /*margin-top: -2%;*/
   
}


.appie-single-counter {
    padding: 30px;
    position: relative;
    background: #ffffff;
    height: 160px;
    background-image: linear-gradient(132deg,#ddf4fd,#eaf9ff);
    border-radius: 10px;
}




.vgreytickb li {
    background: url(../img/greentick.png) no-repeat;
    list-style: none;
    text-align: left;
    padding: 15px 15px 15px 50px;
    background-position: 15px 22px;
    line-height: 150%;
}

.section7 {
    background: #fff  url(../img/section7.png) no-repeat center bottom;
    background-size: cover;
    padding: 3% 0 7% 0;
    position: relative;
    z-index: 1;
}

.play2 li {
    background: url(../img/icon.png) no-repeat;
    padding: 0 0 12px 60px;
    list-style: none;
    background-position: 0px 6px;
    line-height: 175%;
    margin-top: 8px;
}


.i1 li {
    background: url(../img/a1.png) no-repeat;
    padding: 0 0 10px 85px;
    list-style: none;
    background-position: 0px 6px;
    line-height: 140%;
    margin-top: 8px;
}

.section3b {
    padding: 4% 0 4% 0;
    background-color: #f5f8ff;
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 0%;
}



.title2Bg {
    border-radius: 5px;
    background-color: rgb(237, 11, 11);
    padding: 10px 30px;
    display: inline-block;
    position: relative;
    color: #fff;
    margin-top: -20px;
    z-index: 1;
}


.title2Bg-box {
    position: relative;
}

.title2Bg:after, .title2Bg:before {
    top: 100%;
    left: 46%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-top: auto;
    z-index: 1;
}

.title2Bg:before {
    border-left: 55px solid transparent !important;
    /*border-top: 45px solid #ed0b0b !important;*/
    border-right: 0px solid rgb(57 54 225 / 0%) !important;
    margin-right: 0;
    margin-top: 0px !important;
}


.section14 {
    padding: 2% 0% 8%;
    background: #fff url(../img/riskfree-bg.png) no-repeat center bottom;
    background-size: cover;
}


.section5a {
    background: url(../img/section2.png) no-repeat center top;
    background-size: cover;
    padding: 6% 0 0 0;
    background-color: #fae2df;
    overflow: hidden;
}

.icn-shape {
    
    background-color: #ffffff;
    border-radius: 20px;
    padding: 85px 20px 20px 20px;
    min-height: 300px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.section25-box {
    border: 1px solid rgb(170, 151, 240);
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 12px 40px 0px rgb(53 35 115 / 21%);
    padding: 4% 7%;
}

.section2-box {
    border-radius: 20px;
    background-color: rgb(77, 46, 189);
    padding: 4.5% 4.9%;
}


li.checklist1-1 {
    background: url(../img/icons/1.PNG) no-repeat left top;
}

li.checklist1-2 {
    background: url(../img/icons/2.PNG) no-repeat left top;
}

li.checklist1-3 {
    background: url(../img/icons/3.PNG) no-repeat left top;
}

li.checklist1-4 {
    background: url(../img/icons/4.PNG) no-repeat left top;
}

li.checklist1-5 {
    background: url(../img/icons/5.PNG) no-repeat left top;
}

li.checklist1-6 {
    background: url(../img/icons/6.PNG) no-repeat left top;
}

li.checklist1-7{
    background: url(../img/icons/7.PNG) no-repeat left top;
}

li.checklist1-8{
    background: url(../img/icons/8.PNG) no-repeat left top;
}


.checklist1 li {
    padding-left: 75px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 3%;
    padding-right: 3%;
    margin-top: 4%;
    color: #fff;
}

.section2b {
    background: #faf7ff  url(../img/section2b.png) no-repeat top;
    background-size: cover;
    padding: 3% 0 3% 0;

}





.titleValueBox {
    position: relative;
    background: #0e061a;
    color: #fff;
    padding: 0 40px 25px 50px;
}

.mt3 {
    margin-top: 3%;
}

.pr-0, .px-0 {
    padding-right: 0!important;
}

.titleValue-1 {
    padding: 10px 0px;
    border-bottom: 1px solid #211a2c;
}

.orangeArrowPosition {
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
}

.y2 {
    color: #ffea00;
}

.mybutton a {
    border-radius: 15px;
    background-image: -webkit-linear-gradient( 
0deg, rgb(255,67,67) 0%, rgb(255,173,45) 100%);
    box-shadow: 0px 8px 29px 0px rgb(231 42 35 / 31%);
    color: #fff !important;
    padding: 3.7% 2%;
    display: table;
    margin: auto;
    transition: 0.5s;
    width: 95%;
}
.mybutton a:hover {
    background-image: -webkit-linear-gradient( 
0deg, rgb(255,173,45) 0%, rgb(255,67,67) 100%);
    box-shadow: 0px 8px 29px 0px rgb(231 42 35 / 25%);
    text-decoration: none !important;
}


.mybutton1 a {
    border-radius: 60px;
    background-image: -webkit-linear-gradient( 
0deg
, rgb(249,19,98) 26%, rgb(255,216,0) 100%);
    box-shadow: 0px 13px 40px 0px rgb(0 0 0 / 15%);
    color: #fff;
    padding: 3.2% 3% 3.2% 5%;
    display: table;
    margin: auto;
    transition: 0.5s;
}
.mybutton1 a:hover {
	background-image: -webkit-linear-gradient( 0deg, rgb(255,216,0) 26%, rgb(249,19,98) 100%);
    box-shadow:none;
}

.section3-B {
    background: url(../img/section3B.png) no-repeat center center;
    background-size: cover;
    padding: 3% 0 2% 0;
}

.section2a {
    background: url(../img/section2a.jpg) no-repeat center top;
    background-size: cover;
    padding: 3% 0 6% 0;
    overflow: hidden;
}


.ok3 li {
    background: url(../img/check5.png) no-repeat scroll left 1px;
    background-position-x: left;
    background-position-y: 1px;
    background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: 1px;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  padding: 1px 0px 7px 42px;
  line-height: 165%;
  margin-top: 10px;
  background-position: 0px 10px;
  list-style: none;
  margin-left: -55px;
}


.ok6 li {
    background: url(../img/crosslist.png) no-repeat scroll left 1px;
    background-position-x: left;
    background-position-y: 1px;
    background-repeat: no-repeat;
  background-repeat: no-repeat;
  padding: 1px 0px 7px 36px;
  line-height: 165%;
  margin-top: 10px;
  background-position: 0px 8px;
  list-style: none;
  margin-left: -40px;
}



.ok7 li {
    background: url(../img/pricecheck.png) no-repeat scroll left 4px;
    background-repeat: no-repeat;
    padding: 1px 1px 5px 39px;
    line-height: 165%;
    margin-top: 14px;
    
    background-position: 0px 6px;
    list-style: none;
}


.ok8 li {
    background: url(../img/pricecheck1.png) no-repeat scroll left 4px;
    background-repeat: no-repeat;
    padding: 1px 1px 5px 39px;
    line-height: 165%;
    margin-top: 14px;
    
    background-position: 0px 10px;
    list-style: none;
}


.section7 {
  background: #623ceb;
    background-size: auto;
  background-size: cover;
  padding: 2% 0 2% 0;
  position: relative;
  z-index: 1;
}


.section25 {
    background: url(../img/section25.png) no-repeat center center;
    background-size: cover;
    padding: 2% 0 4% 0;
    margin-top: -8px;
}


.section19 {
    background: #fff url(../img/section19.png) no-repeat center bottom;
    background-size: cover;
    padding: 0 0 6% 0;
}




.section17-title{
	background-image: linear-gradient(to right, #4b51cd, #5997ea);
	box-shadow: 0px 13px 18px 0px rgba(11, 115, 160, 0.08);
	border-radius: 10px;
	padding: 3px;
	position:relative
}
.section17-title-box{
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	padding: 2% 6%;
	position:relative;
}

.section17-title:before {
    content: '';
    border-left: 15px solid #4b51cd;
    border-top: 18px solid transparent;
    border-bottom: 42px solid #4b51cd;
    position: absolute;
    z-index: 1;
    top: 11%;
}
.section17-title:after {
    content: '';
    border-left: 15px solid #4b51cd;
    border-top: 42px solid #4b51cd;
    border-bottom: 18px solid transparent;
    position: absolute;
    z-index: 1;
    bottom: 10%;
}
 
 
 .grey {
    color: #5d5d78;
}


.section17a {
    background: url(../img/section17a.jpg) no-repeat;
    background-size: cover;
    padding: 0% 0 10% 0;
}


ul.smileyproblem-listing{
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  padding-top: 50px;
}
ul.smileyproblem-listing li{
  background: url(../img/smiley-icon.png) no-repeat 0px 9px;
  padding: 50px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 5px;
  line-height: 1.5;
}
ul.smileyproblem-listing li:last-child{padding-bottom: 15px;}


.lightbga {
    background: #f5f8ff;
    padding: 3% 0;
}

.section5a {
    background: url(../img/section2c.png) no-repeat center top;
    background-size: cover;
    padding: 6% 0 0 0;
    overflow: hidden;
}


.pre-launch-text {
    background: url(../img/pre-contest.png) no-repeat center center;
    padding: 44px;
    background-size: contain;
    outline: none;
    border: 0;
}


.customersbg {
    background: transparent url(../img/customersbg.png) no-repeat bottom;
    background-size: auto;
    padding: 2% 0 3% 0;
}


.productbox {
    padding: 8% 8% 55% 8%;
}
.litebg {
    background: #5a6bbd url(../img/section21.png) no-repeat center center;
    background-size: auto;
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

.bubble {
    margin: 4% auto;
    width: 94%;
    /* background: #ffffff; */
    border-radius: 10px;
    position: relative;
    z-index: 90;
    padding-bottom: 4%;
}

.info {
    padding: 0% 1% 0% 1%;
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    background: url(../img/section8.png) no-repeat center center;
    width: 100%;
    /* margin-left: 5%; */
    margin-top: -240px;
    border-radius: 5px;
}

.mt8 {
    margin-top: 8%;
}

.info img.box {
    margin-top: -150px;
}


@media(max-width:767px){
.featurebox,.valuebox{
  border-radius:12px;
  overflow:hidden;
}
}
@media(min-width:768px){
.featurebox{
  border-radius:12px 0 0 12px;
  overflow:hidden;
}
.valuebox{
  border-radius:0 12px 12px 0;
  overflow:hidden;
}
}
.featurebox-head{
  background:#5a8bff;
  padding:28px 30px;
}
.valuebox-head{
  background: #5e1e71;
  /*background-image: -moz-linear-gradient( 159deg, rgb(255,76,76) 0%, rgb(251,60,91) 48%, rgb(246,43,105) 100%);
  background-image: -webkit-linear-gradient( 159deg, rgb(255,76,76) 0%, rgb(251,60,91) 48%, rgb(246,43,105) 100%);
  background-image: -ms-linear-gradient( 159deg, rgb(255,76,76) 0%, rgb(251,60,91) 48%, rgb(246,43,105) 100%);*/
  padding:28px 30px;
}
.featurebox-body{
  background:#2b50a7;
  padding:18px 30px;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.valuebox-body{
  background:#9449aaf0;
  padding:18px 30px;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.featurebox-footer,.valuebox-footer{
  background:#ffa569;
  padding:28px 30px;
}

.paddingmob0 {
    padding: 0;
}

.lmt3 {
    margin-top: 3%;
}

.red1 {
    color: #ff5252;
}

.ls-1 {
    letter-spacing: -0.5px;
}


.ly2 {
    color: #f2d565;
}

.monster{font-family: 'Montserrat', sans-serif;}

.section7-B {
    background: url(../img/section7B.jpg) no-repeat center center;
    background-size: cover;
    padding: 2% 0 2% 0;
    overflow: hidden;
}


.section7c {
    background:  url(../img/mp.png) no-repeat top;
    background-size: cover;
    padding: 6% 0 8% 0;
    overflow: hidden;
}

.section7c1 {
    background: #0a0915 url(../img/mp.png) no-repeat top;
    background-size: cover;
    padding: 2% 0 2% 0;
    overflow: hidden;
}

.section3-B {
    background: url(../img/section3B.png) no-repeat center center;
    background-size: cover;
    padding: 3% 0 8% 0;
}

.myvideo3-box {
    background-color: #020000;
    padding: 2%;
    border-radius: 20px;
}

.myvideo3, .myvideo3A {
    background-color: #000000;
   /* box-shadow: 0px 41px 35px 0px rgba(168, 173, 206, 0.55);*/
    border: 2px solid #ffd300;
    border-radius: 20px;
}

.moneybackeguarantee-banner {
    padding: 4% 0 4% 0;
    background: transparent url(../img/moneybackeguarantee-banner.png) no-repeat center top;
    background-size: cover;
}

.section31 {
    background: url(../img/bg3.png) no-repeat bottom;
    background-size: cover;
    padding: 1% 0 3% 0;
}


.strips {
    border-radius: 3px;
    background: linear-gradient( 45deg , #0ca9ca, #4844e6);
    padding: 4px 8px;
    border-radius: 5px;
}


.b2 {
    color: #27d7ff;
}


.media.smtpBox-shadow {
    display: flex;
    /*align-items: center;*/
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 15px 0px rgb(1 123 255 / 10%);
    padding: 20px;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.mr-3, .mx-3 {
    margin-right: 1rem!important;
}

.mt3 {
    margin-top: 3%;
}

.fbg13 {
    background: url(../img/strip1.png) no-repeat;
    background-size: cover;
    padding: 2.6%;
}

.loginsteps-banner {
    padding: 5% 0 0% 0;
    background: transparent url(../img/loginsteps-banner.png) no-repeat top left;
    background-size: cover;
    background-attachment: fixed;
}

.ok4 li {
    background: url(../img/ytick.png) no-repeat scroll left 4px;
        background-position-x: left;
        background-position-y: 4px;
        background-repeat: no-repeat;
        background-size: auto;
    background-repeat: no-repeat;
    padding: 0px 0px 9px 54px;
    line-height: 180%;
    margin-top: 8px;
    background-size: 52px;
    background-position: 2px 8px;
    list-style: none;
	background-size:36px;
}


.banner4 {
    padding: 0% 0 4% 0;
    position: relative;
    background: transparent url(../img/banner4.png) no-repeat top;
    background-size: contain;
}

.customizable3 {
    max-width: 130%;
    position: relative;
    right: 8%;
}

.spacer-9 {
    margin-top: -9%;
}

.y4 {
    color: #ff8b10;
}
.y5 {
    color: #10c7ff;
}

.yellow-bg {
    background: #ff3d10;
    border-radius: 50px;
    padding: 10px 35px 5px;
}

.ple {
    color: #fddec8;
}

.section71 {
    background: url(../img/section71.png) no-repeat center bottom;
        background-size: auto;
    background-size: cover;
    padding: 2% 0 5% 0;
    position: relative;
    z-index: 1;
}

.steptitle {
    border-bottom: 10px solid #994bfc;
    background: #f3eeff;
    padding: 8px 25px;
    display: table;
    border-radius: 30px;
}

.section7 {
    background: #061838;
        background-size: auto;
    background-size: cover;
    padding: 2% 0 2% 0;
    position: relative;
    z-index: 1;
}

.p1{
    color: #0f054c;
}

.orange-box {
    background: #2d006f;
    border-radius: 10px;
    padding: 50px 70px;
}

.section8 {
    background: #ffe5e6;
    background-size: auto;
    background-size: cover;
    padding: 2% 0 2% 0;
    
}


.cuttingedge-banner {
    padding: 5% 0 2% 0;
    background: transparent url(../img/cuttingedge-banner.png) no-repeat top center;
    background-size: cover;
}


.yellowtext {
    color: #fee61a;
}

.cuttingedge-banner1 {
    padding: 5% 0 5% 0;
    background: transparent url(../img/cuttingedge-banner1.png) no-repeat right;
    background-size: auto;
}

.cuttingedge-banner2 {
    padding: 5% 0 10% 0;
    background: transparent url(../img/cuttingedge-banner2.png) no-repeat left;
    background-size: auto;
    padding-bottom: 0;
}

.cuttingedge-banner3 {
    padding: 5% 0 5% 0;
    background: transparent url(../img/cuttingedge-banner3.png) no-repeat left;
    background-size: auto;
}

.cuttingedge-banner4 {
    padding: 5% 0 5% 0;
    background: transparent url(../img/cuttingedge-banner4.png) no-repeat center;
    background-size: cover;
}

.productbox {
    padding: 8% 8% 44% 8%;
}
.litebg {
    background: #31c990 url(../img/section22.png) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

.bubble {
    margin: 4% auto;
    width: 94%;
    background: #ffffff;
    border-radius: 10px;
    position: relative;
    z-index: 90;
    padding-bottom: 4%;
}

.mt8 {
    margin-top: 8%;
}

.info {
    padding: 0% 1% 0% 1%;
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    background: url(../img/section8.png) no-repeat center center;
    width: 100%;
   
    margin-top: -50px;
    border-radius: 5px;
}

.productbox {
    padding: 8% 8% 44% 8%;
}


.section7x {
    background: #5a8bff;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 2% 0 2% 0;
    position: relative;
    z-index: 1;
}


.powerfulautomation-box {
    position: relative;
    border-radius: 20px;
    background-color: rgb(250, 247, 255);
    padding: 1px 30px;
}

.pink-tag-bg {
    background: #b037e4;
    padding: 11px 50px;
    border-radius: 100px;
    display: table;
}

ul.cuttingedge-listing{
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  padding-top: 50px;
}

ul.cuttingedge-listing li {
    background: url(../img/greenchecked-icon1.png) no-repeat 0px 6px;
    padding: 50px;
    padding-right: 0;
    list-style: none;
    margin-left: 0;
    padding-bottom: 30px;
    padding-top: 5px;
    line-height: 1.5;
}

ul.cuttingedge-listing li:last-child{padding-bottom: 15px;}

.powerautokite-position {
    position: absolute;
    right: 30px;
    bottom: 2px;
}

ul.orangeArrow-listing li {
    background: url(../img/orangeArrow-icon.png) no-repeat 4px 0px;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  padding: 36px;
    padding-top: 36px;
    padding-right: 36px;
    padding-bottom: 36px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-right: 0;
  list-style: none;
  margin-left: 0px;
  background-size: 23px;
  padding-top: 2px;
  line-height: 28px;
  padding-bottom: 0px;
}

.bluespan-box {
    border-radius: 10px;
    background-color: rgb(42, 117, 233);
    padding: 35px;
    z-index: 9;
}


.solidbluelight-features-banner {
    background-color: #ff5440;
    padding: 2% 0 2% 0;
    position: relative;
}


.solidbluelight-features-banner:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    bottom: -43px;
    height: 0;
    border-top: 43px solid #ff5440;
    border-left: 36px solid transparent;
    border-right: 36px solid transparent;
}



.whiteBg-important {
    background-color: #f7fbfb !important;
}

.orderNow-box {
  position: relative;
  border-radius: 20px;
  background-color: rgb(250, 247, 255);
  padding: 30px;
  z-index: 1;
}

.monthly-pay-left {
    position: absolute;
    bottom: -25px;
    left: -37px;
}


.monthly-pay-right {
    position: absolute;
    top: -65px;
    right: -29px;
}

.easy {
    padding: 3% 0 3% 0;
    background: transparent url(../img/easy.png) no-repeat top;
    background-size: cover;
}

.easy2 {
    padding: 3% 0 3% 0;
    background: transparent url(../img/easy.png) no-repeat center;
    background-size: cover;
}


.easy1 {
    padding: 3% 0 3% 0;
    background: transparent url(../img/easy.png) no-repeat top;
    background-size: cover;
	background-position:100% 100%;
}

.watchaction-banner {
    padding: 5% 0 0% 0;
    background: url(../img/watchaction-banner.jpg) no-repeat top center;
        background-size: auto;
    background-size: cover;
	
}


.db2 {
    color: #09162d;
}

.y5{
    color: #0d4a99;
}


.totalvalue {
    position: relative;
    padding: 5% 0 5% 0;
    background: #fff url(../img/section6.png) no-repeat top;
    background-size: cover;
	background-position:100% 100%;
}


.totalvalue1 {
    
    padding: 5% 0 5% 0;
    background: #fff url(../img/totalvalue1.jpg) no-repeat top;
    background-size: cover;
	
}


.section20 {
    
    padding: 5% 0 5% 0;
    background: #fff url(../img/section20.png) no-repeat top;
    background-size: cover;
	
}

.blue-bg {
  background: #0a0651;
  padding: 15px 35px;
  transform: skewX(-20deg);
  width: fit-content;
}

.blue-text {
  color: #4b2dc7;
}


.section14a {
    padding: 2% 0 3% 0;
    background: #010101 url(../img/section14.png) no-repeat top right;
        background-size: auto;
    background-size: contain;
}


.yellow-bg1 {
    background: #4f10ff;
    border-radius: 50px;
    padding: 10px 35px 5px;
}

.o1 {
    color: #feb926;
}

.yellow-bg {
  background: #1084ff;
  border-radius: 50px;
  padding: 10px 35px 5px;
}



.strip-top {
  background: linear-gradient(135deg, #4aa1ff 0%,#00c8d3 100%);
  padding: 8px 30px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
}

.o2{
color: #071c4d;}

.exactlybg2 {
  background: #ff5440;
  padding: 10px;
  border-radius: 50px;
}

.exactlybg5 {
  background: #6009b7;
 

}

.solidbluelight-features-banner2 {
    background-color: #4f10ff;
    padding: 2% 0 2% 0;
    position: relative;
}


.title-line {
  text-shadow: 0px 3px #3131864f;
}


.y4 {
  color: #10f4ff;
}

.y2 {
  color: #febf00;
}

.o3 {
  color: #f7ff00;
}


.strip {
  border-radius: 3px;
  background: #3d11a4;
  padding: 4px 8px;
  border-radius: 5px;
}


.solidbluelight-features-banner2:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    bottom: -43px;
    height: 0;
    border-top: 43px solid #4f10ff;
    border-left: 36px solid transparent;
    border-right: 36px solid transparent;
}


.exactlybg4 {
  background: #8038fb;
  padding: 10px;
  border-radius: 50px;
}


.rt-rotate-move {
  animation: rotate-animation 10s infinite linear;
}


.featurebox-hm1 .elementor-element-populated::after {
  content: '';
  width: 0;
  height: 3px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
  transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
  background: #ff7133;
}

.jv-announce1 {
  background-size: cover;
  background: url(../img/jv-announce.png) no-repeat top;
  padding: 4%;
  background-attachment: 100% 100%;
}

.promotPostionLeft {
  position: absolute;
  top: -39px;
  left: -26px;
}

.promotPostionRight {
  position: absolute;
  right: 15px;
  bottom: 10px;
}

.promoteBox {
  position: relative;
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 18px 0px rgb(45 0 111 / 20%);
  padding: 45px;
}

.scroll-top.open {
  bottom: 15%;
}


.scroll-top {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 105%;
  right: 30px;
  font-size: 16px;
  border-radius: 4px;
  z-index: 999;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background: #1e38a3;
  transition: 1s ease;
  border: none;
}



.scroll-top::after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}


.scroll-top span {
  color: #fff;
}
[class^="ti-"], [class*=" ti-"] {
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ti-rocket::before {
  content: "\e730";
}

.scroll-top {
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}




/*=========================================
            30. BACK TO TOP CSS
============================================*/

.scroll-top.open {
    bottom: 15%;
}

button.scroll-top:focus {
    outline: none;
}

.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 105%;
    right: 30px;
    font-size: 16px;
    border-radius: 4px;
    z-index: 999;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #1e38a3;
    transition: 1s ease;
    border: none;
}

.scroll-top span {
    color: #fff;
}

.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}


.bg2
 {
  padding: 2%;
  background-image: url(../img/bg2.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
}



.niche{
box-shadow: 2px 5px 30px 0px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08);
transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

background-color: #FFF;
}



.niche:hover  {
  background-color: #DCEAFF;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.niche1{
box-shadow: 2px 5px 30px 0px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08);
transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 0px 0px 0px;
--e-column-margin-right: 0px;
--e-column-margin-left: 0px;
background-color: #FFF;
}





.niche1:hover  {
  background-color: #FFF3DC;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.niche2{
box-shadow: 2px 5px 30px 0px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08);
transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 0px 0px 0px;
--e-column-margin-right: 0px;
--e-column-margin-left: 0px;
background-color: #FFF;

}


.niche2:hover  {
  background-color: #DCEAFF;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.niche3{
box-shadow: 2px 5px 30px 0px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08);
transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 0px 0px 0px;
--e-column-margin-right: 0px;
--e-column-margin-left: 0px;
background-color: #FFF;
}

.niche3:hover {
  background-color: #FFE4DC;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.niche4{
box-shadow: 2px 5px 30px 0px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08);
transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 0px 0px 0px;
--e-column-margin-right: 0px;
--e-column-margin-left: 0px;
background-color: #FFF;
}

.niche4:hover {
  background-color: #E9FFDC;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}


.niche5{
box-shadow: 2px 5px 30px 0px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08);
transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 0px 0px 0px;
--e-column-margin-right: 0px;
--e-column-margin-left: 0px;
background-color: #FFF;
}

.niche5:hover {
  background-color: #EFDCFF;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.niche6{
box-shadow: 2px 5px 30px 0px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08);
transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 0px 0px 0px;
--e-column-margin-right: 0px;
--e-column-margin-left: 0px;
background-color: #FFF;
}

.niche6:hover {
  background-color: #FFFEDC;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}


.title3-out {
  background-image: -moz-linear-gradient( 0deg, rgb(138,35,135) 0%, rgb(233,64,87) 52%, rgb(238,89,60) 77%, rgb(242,113,33) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(138,35,135) 0%, rgb(233,64,87) 52%, rgb(238,89,60) 77%, rgb(242,113,33) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(138,35,135) 0%, rgb(233,64,87) 52%, rgb(238,89,60) 77%, rgb(242,113,33) 100%);
  box-shadow: 0px 6px 21px 0px rgba(141, 36, 133, 0.19);
  border-radius: 50px;
  display: inline-block;
  overflow: hidden;
  padding: 4px;
}

.title3 {
  display: inline-block;
  background: #fff;
  border-radius: 50px;
  padding: 6px 35px;
}


.yellowbg4 {
  text-align: center;
  font-size: 30px;
  color: #fff;
  background-color: rgb(110, 41, 249);
  padding: 1% 1%;
  border-radius: 40px;
}

.titleBg4 {
  background: url(../img/titleBg4.png) no-repeat center center;
    background-size: auto;
  background-size: contain;
  color: #ffffff;
  padding: 12px 0;
  text-align: center;
  margin-top: -2%;
}

.ok3a li {
  background: url(../img/check5.png) no-repeat scroll left 4px;
    background-position-x: left;
    background-position-y: 4px;
    background-repeat: no-repeat;
  background-repeat: no-repeat;
  padding: 1px 10px 10px 65px;
  line-height: 165%;

  background-position: 10px 10px;
  list-style: none;
}


.ok4a li {
  background: url(../img/ques.webp) no-repeat scroll left 4px;
    background-position-x: left;
    background-position-y: 4px;
    background-repeat: no-repeat;
  background-repeat: no-repeat;
  padding: 1px 10px 10px 65px;
  line-height: 165%;
  background-size:45px;
  background-position: 10px 7px;
  list-style: none;
}


.exactlybg6 {
  background: #ffe619;
padding: 10px;}



.banner3 {
  background: url(../img/bg1.png) no-repeat !important;
    background-size: auto;
  background-size: cover !important;
  padding: 3% 0 3% !important;
  background-color: #000;
}

.o9 {
  color: #ffd61f;
}


.banner2 {
  background: #f3eeff url(../img/bg1.png) no-repeat !important;
    background-size: auto;
  background-size: cover !important;
  padding: 3% 0 3% !important;
}


.testomonibg {
  background: url(../img/testibg.png) no-repeat top center #f3f3f3;
    background-color: rgb(243, 243, 243);
    background-attachment: scroll;
    background-size: auto;
  padding: 4% 0 5% 0;
  display: block;
  background-size: cover;
  background-attachment: fixed;
}

.bulletboxed {
  border-radius: 20px;
background: #010357;
  padding: 8px;
}

.bulletboxed ul {
  margin-bottom: 0;
}

.bulletboxed ul li.img {
  background: url(../img/x1.png) no-repeat top 7px left 0;
  background-size:35px;
  transition: .3s ease all;
}

.bulletboxed ul li.img1 {
  background: url(../img/x2.png) no-repeat top 6px left 0;
  background-size:35px;
  transition: .3s ease all;
}

.bulletboxed ul li.img2 {
  background: url(../img/x3.png) no-repeat top 6px left 0;
  background-size:35px;
  transition: .3s ease all;
}

.bulletboxed ul li.img11 {
  background: url(../img/x11.png) no-repeat top 16px left 0;
  background-size:35px;
  transition: .3s ease all;
}


.bulletboxed ul li.img3 {
  background: url(../img/x4.png) no-repeat top 6px left 0;
  background-size:35px;
  transition: .3s ease all;
}

.bulletboxed ul li.img4 {
  background: url(../img/x5.png) no-repeat top 6px left 0;
  background-size:35px;
  transition: .3s ease all;
}


.bulletboxed ul li.img5 {
  background: url(../img/x6.png) no-repeat top 4px left 0;
  background-size:35px;
  transition: .3s ease all;
  padding: 0px 1px 9px 47px;
}

.bulletboxed ul li.img6 {
  background: url(../img/x7.png) no-repeat top 6px left 0;
  background-size:35px;
  transition: .3s ease all;
}

.bulletboxed ul li.img7 {
  background: url(../img/x8.png) no-repeat top 1px left 0;
  background-size:35px;
  transition: .3s ease all;
  padding: 0px 1px 13px 47px;
}

.bulletboxed ul li.img8 {
  background: url(../img/x9.png) no-repeat top 16px left 0;
  background-size:35px;
  transition: .3s ease all;
  padding: 0px 1px 0px 47px;
}

.bulletboxed ul li.img9 {
  background: url(../img/x10.png) no-repeat top 1px left 0;
  background-size:35px;
  transition: .3s ease all;
  padding: 0px 1px 0px 47px;
}

.dotstrip {
  border: 1px dashed #ffffff;
  padding: 10px;
  border-radius: 30px;
}

.strip-top {
  background: linear-gradient(135deg, #ec3209 0%,#ffb909 100%);
  color: #fff;
  border-radius: 50px;
  padding: 10px 5px 10px 5px;

}

.bulletboxed  li:hover img {
	transform: rotateY(180deg);
}

.lp {
  color: #b9f5ff;
}


.opensans {
	font-family: 'Open Sans';}
	
	
.y3 {
  color: #fddd43;
}	


.opt1 {
    background-color: 
rgb(103, 23, 183);
box-shadow: 0px 6px 21px 0px
    rgba(254, 214, 38, 0.08);
    border-radius: 50px;
    padding: 8px 50px 8px 50px;
    display: inline-block;
}

.strip-top1 {
    background: linear-gradient(135deg, 
#805ffb 0%,
#0199d4 100%);
padding: 9px 30px;
border-radius: 50px;

color:
    #fff;
}


.section12a {
    background: url(../img/sectionab.jpg) no-repeat center;
        background-size: auto;
    background-size: cover;
    padding: 2%;
}


.mainbg {
    background: url(../img/mainvideobg.png) no-repeat center;
        background-size: auto;
    background-size: cover;
  padding: 5% 6% 7% 9%;
}

.textcolorb{
color: #797881;}


.purple{
	background-color:#5e5aee;
border-radius: 50px;
padding: 3%;
}


.yellowstrip{
	background: url(../img/t2.png) no-repeat center;
	background-size: contain;
padding: 6% 0% 7%;
}

.yellowstrip1{
	background: url(../img/t2b.png) no-repeat center;
	background-size: contain;
padding: 6% 0% 9%;
}


.bluestrip{
	background: url(../img/t22.png) no-repeat center;
	background-size: contain;
padding: 6% 0% 7%;
}

.bluestrip1{
	background: url(../img/t2a.png) no-repeat center;
	background-size: contain;
padding: 6% 0% 7%;
}


.bluestrip2{
	background: url(../img/t2c.png) no-repeat center;
	background-size: contain;
padding: 8% 0% 6%;
}


.section12ac {
  background: #f9f9f9;
  background-size: auto;
  background-size: cover;
  padding: 2%;
}


.imagess {
 max-width: 140%;
position: relative;
 right: -25%;

}

.blue2 {
  color: #1671d7;
}



.section29 {
  background: url(../img/section28.png) no-repeat center top;
    background-size: auto;
  background-size: auto;
  background-size: cover;
  padding: 11% 0 6% 0;
}


.icon4 {
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 20px 0px rgba(189, 185, 185, 0.35);
  padding: 40px;
}


.mp1{
padding:2%;	
background-image: -moz-linear-gradient( -15deg, rgb(237,95,69) 0%, rgb(246,151,59) 66%, rgb(255,207,49) 100%);}


.post-heading {
  background: transparent;
  border: 2px dotted #fed500;
  padding: 6px 35px;
  border-radius: 50px;
}

.redcircle{
background-color: rgb(238, 47, 69);
box-shadow: 0px 6px 21px 0px rgba(254, 214, 38, 0.08);
border-radius: 50px;
padding: 2%;
display: inline-block;}

.redcircle1{
background-color: rgb(238, 47, 69);
box-shadow: 0px 6px 21px 0px rgba(254, 214, 38, 0.08);
border-radius: 50px;
padding: 2%;
}

.post-heading {
  background: transparent;
  border: 2px dotted #fed500;
  padding: 3px 35px;
  border-radius: 50px;
}

.offwhite {
  color: #ffffffba;
}

.tablebox1 {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 12px;
  padding: 5px 0;
  
  overflow: hidden;
}

.tablebox2 {
  background-color: #000;
  border: 1px solid #c0c0c0;
  border-radius: 12px;
  
  overflow: hidden;
}


.myfeatures {
  background: #ffe2df;
  padding: 5% 0 3% 0;
}

.myfeature li:nth-child(2n+1) {
  background: #f9b6af  url(../img/pricecheck.png) no-repeat top 18px left 10px;
  padding: 15px 15px 15px 44px;
  list-style: none;
  line-height: 32px;
  margin-left: -40px;
  border-bottom: 1px solid #fd8e83;
  background-size:25px;
}

.myfeature, .myfeature2 {
  margin-bottom: 0;
}

.myfeature li:nth-child(2n) {
  background: #ffe2df url(../img/pricecheck.png) no-repeat top 18px left 10px;
  padding: 15px 15px 15px 44px;
  list-style: none;
  line-height: 32px;
  margin-left: -40px;
  border-bottom: 1px solid #fd8e83;
  background-size:25px;
}

.myfeatures1 {
  background: #f97935;
  padding: 5% 0 3% 0;
}


.myfeature1 li:nth-child(2n+1) {
 background: #fff url(../img/pricecheck1.png) no-repeat top 18px left 24px;
    background-size: auto;
  padding: 15px 15px 15px 57px;
  list-style: none;
  line-height: 32px;
  border-bottom: 1px solid #020000;
  background-size: 25px;
}

.myfeature1, .myfeature2 {
  margin-bottom: 0;
}

.myfeature1 li:nth-child(2n) {
 background: #fff url(../img/pricecheck1.png) no-repeat top 18px left 24px;
    background-size: auto;
  padding: 15px 15px 15px 57px;
  list-style: none;
  line-height: 32px;
  border-bottom: 1px solid #020000;
  background-size: 25px;
}

.myfeatures2 {
  background: #6712b8;
  padding: 5% 0 3% 0;
}

.myfeature2 li:nth-child(2n+1) {
  background: #fbfbfb  url(../img/pricecheck.png) no-repeat top 18px left 10px;
  padding: 15px 15px 15px 44px;
  list-style: none;
  line-height: 32px;
  margin-left: -40px;
  border-bottom: 1px solid #ececec;
}

.myfeature2, .myfeature2 {
  margin-bottom: 0;
}

.myfeature2 li:nth-child(2n) {
  background: #dec3f9 url(../img/pricecheck.png) no-repeat top 18px left 10px;
  padding: 15px 15px 15px 44px;
  list-style: none;
  line-height: 32px;
  margin-left: -40px;
  border-bottom: 1px solid #c794f9;
}

.strip-top2 {
  background: linear-gradient(135deg, #805ffb 0%,#0199d4 100%);
  padding: 9px 30px;
  border-radius: 50px;
  color: #fff;
}


.imagess1 {
  max-width: 127%;
  position: relative;
  right: 1%;
}

.section30 {
  background: #fff url(../img/section30.png) no-repeat center top;
    background-size: auto;
  background-size: auto;
  background-size: cover;
  padding: 8% 0 2% 0;
  position: relative;
}


.blacksection {
  background: #fff url(../img/bg.png) no-repeat center top;
    background-size: auto;
  background-size: auto;
  background-size: cover;
  padding: 2% 0 2% 0;

}




.title4Bg {
  background: url(../img/title4Bg.png) no-repeat center center;
    background-size: auto;
  background-size: auto;
  padding: 3% 0 6% 0;
  position: relative;
  z-index: 2;
}


.pic1 {
  position: absolute;
  right: 0;
  left: 0;
  top: -150px;
}


.yellowcircle {
  background-color: rgb(254, 191, 0);
  box-shadow: 0px 6px 21px 0px rgba(254, 214, 38, 0.08);
  border-radius: 10px;
  padding: 1% 7%;
  display: inline-block;
}


.yellowcircle3 {
  background-color: rgb(255, 214, 64);
  box-shadow: 0px 6px 21px 0px rgba(254, 214, 38, 0.08);
  border-radius: 10px;
  padding: 1% 2%;
  display: inline-block;
}


@media (min-width: 1200px){
.section5 {
  background: url(../img/section5.png) no-repeat center;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
  background-size: cover;
  padding: 4% 0 11% 0;
  background-color: #09061e;
  overflow: hidden;
}}

@media (min-width: 240px){
.section5 {
  
    background-color: rgb(10, 6, 29) !important;
    background-size: auto;
  background-size: cover;
  padding: 4% 0 11% 0;
  background-color: #09061e;
  overflow: hidden;
}}


.fbg13a{
  background: #0a061d url(../img/strip1.png) no-repeat;
    background-size: auto;
  background-size: cover;
  padding: 2.6%;
}


.fbg14a{
  background:  url(../img/service-bg.jpg) no-repeat;
    background-size: auto;
  background-size: cover;
  padding: 2.6%;
}

.fbg15a{
  background:  url(../img/service-bg1.jpg) no-repeat;
    background-size: auto;
  background-size: cover;
  padding: 2.6%;
}

.fbg15a1{
  background:  url(../img/service-bg1.jpg) no-repeat center;
    background-size: auto;
  background-size: cover;
  padding: 2.6%;
}


.fbg16a{
  background:  url(../img/sectionab.png) center;
    background-size: auto;
  background-size: cover;
  padding: 2.6%;
}




.shape21{
  background:  url(../img/shape-21.png) no-repeat;
    background-size: auto;
  background-size: cover;
  padding: 2.6%;
}



.p4 {
  color: #1b0b62;
}


.yellowcircle2 {
  background-color: rgb(254, 191, 0);
  box-shadow: 0px 6px 21px 0px rgba(254, 214, 38, 0.08);
  border-radius: 10px;
  padding: 1% 7%;

}





.videobg {
  background: url(../img/vbg1.png) no-repeat center center;
    background-size: auto;
  background-size: contain;
}

.videobg1 {
  position: relative;
  padding: 6% 8% 6% 8%;
}


.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 1s infinite;
}
@media (min-width: 1200px){
.cta-box  {
  position: absolute;
  top: -3px;
  left: 6px;
}}

@media (min-width: 240px){
.cta-box  {
  position: absolute;
  top: -3px;
  left: 6px;
}}

.mb-20 {
  margin-bottom: 20px;
}



.titleple {
  background: url(../img/titleple.png);
    background-size: auto;
  padding: 5% 0% 8% 2%;
  position: relative;
  z-index: 2;
  background-size: cover;
}


.titleple1 {
  background: url(../img/titleple.png);
    background-size: auto;
  background-size: auto;
  padding: 11% 2% 15% 0%;
  position: relative;
  z-index: 2;
  background-size: cover;
}



.striptop3 {
  padding: 3px 20px;
  border-radius: 50px;
  color: rgb(18, 18, 34);
  background-color: rgb(254, 212, 78);
}


.striptop4 {
  padding: 3px 20px;
  border-radius: 50px;
  color: rgb(245, 245, 251);
  background-color: rgb(84, 23, 219);
}

.bbh{border-bottom: 1px solid #cdcaf6;}


.border1 {
    border: 1px dashed #000;
  border-radius: 50px;
  padding: 1%;
  background: #30293159;
}


.o2 {
    color: #f9d591;
}

.strips1 {
    border-radius: 3px;
    background: #3421bc;
    padding: 4px 8px;
    border-radius: 5px;
}


.hr {
    border: 0;
    border-bottom: 1px dashed #9e99be;
    margin-top: 10px;
    margin-bottom: 10px;
}

.strip_footer {
    width: 100%;
    height: auto;
    background: url(../img/fbg1.png) no-repeat;
    padding: 2% 0;
    font-size: 14px;
}


.sec1 {
    background: #ffffff url(../img/tons-bg.jpg) no-repeat top ! important;
    background-size: cover ! important;
    background-position: 100% 100% ! important;
    padding: 1% 0px 2%;
}

.section26 {
    background: url(../img/shape.png) no-repeat top center;
    background-size: auto;
    background-size: contain;
    margin-top: -123px;
    padding: 35px;
	background-position: 100% 100%;
}


.section7 {
    background: url(../img/fbg.jpg) no-repeat center bottom;
    background-size: cover;
    padding: 4% 0 4% 0;
    position: relative;
    z-index: 1;
}


.services__item-3 {
  padding: 20px 35px;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(10, 0, 48, 0.08);
  -moz-box-shadow: 0px 10px 60px 0px rgba(10, 0, 48, 0.08);
  box-shadow: 0px 10px 60px 0px rgba(10, 0, 48, 0.08);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}


.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


.transition-3{
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.blue3 {
  color: #115ad9;
}


.section16A {
    background: url(../img/section16.png) no-repeat center center ! important;
    background-size: auto ! important;
    background-size: cover ! important;
    padding: 18% 0 8% 0 ! important;
    overflow: hidden ! important;
}

.box1 {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 8px 32px 0px rgb(15 18 47);
    padding: 6% 5%;
    height: 120px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #ffffff;
}

.check {
    position: absolute;
    margin-top: -8%;
    margin-left: -7%;
}


.striptop5 {
  padding: 3px 20px;
  border-radius: 50px;
 
  background-color: rgb(213, 220, 248);
}

.mainbg {
    background: url(../img/mainvideobg.png) no-repeat center;
    background-size: auto;
    background-size: cover;
    padding: 5% 6% 7% 9%;
}

.section15 {
    background: url(../img/section15.png) no-repeat #f2eeff center;
    padding: 2% 0 4%;
    background-size: cover;
}

.section16 {
    background: url(../img/2.png) no-repeat #f2eeff center;
    padding: 2% 0 4%;
    background-size: cover;
}


.bulletboxed ul li.img {
    background: url(../img/favicon.png) no-repeat top 7px left 0;
    background-size: 40px;
    transition: .3s ease all;
}

.bulletboxed li {
    padding-left: 66px;
    list-style: none;
    line-height: 30px;
}

.bulletboxed {
    background: transparent;
    padding: 10px;
    box-shadow: 0 1px 4px 2px rgb(15, 149, 214);
    border-radius: 20px;
}


#faq {
  padding: 0px 0;
}
#faq .faq-list {
  padding: 0;
  list-style: none;
}
#faq .faq-list li {
  border-bottom: 1px solid #e9eaed;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#faq .faq-list .question {
  display: block;
  position: relative;
  font-family: #1e21db;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  padding-left: 25px;
  cursor: pointer;
  color: #1e21db;
  transition: 0.3s;
}
#faq .faq-list i {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 4px;
}
#faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 25px;
}
#faq .faq-list .icon-show {
  display: none;
}
#faq .faq-list .collapsed {
  color: black;
}
#faq .faq-list .collapsed:hover {
  color: #1e21db;
}
#faq .faq-list .collapsed .icon-show {
  display: inline-block;
  transition: 0.6s;
}
#faq .faq-list .collapsed .icon-close {
  display: none;
  transition: 0.6s;
}

.blue1 {
  color: #1c09ff;
}

.ok3a li {
  background: url(../img/check5.png) no-repeat scroll left 4px;
    background-position-x: left;
    background-position-y: 4px;
    background-repeat: no-repeat;
  background-repeat: no-repeat;
  padding: 1px 0px 10px 44px;
  line-height: 150%;
  margin-top: 8px;
  background-position: 0px 0px;
  list-style: none;
}


.ok2a li {
  background: url(../img/crosslist.png) no-repeat scroll left 4px;
    background-position-x: left;
    background-position-y: 4px;
    background-repeat: no-repeat;
    background-size: auto;
  background-position-x: left;
  background-position-y: 4px;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  padding: 1px 0px 10px 44px;
  line-height: 150%;
  margin-top: 8px;
  background-position: 10px 5px;
  list-style: none;
  background-size: 22px;
}


   

.borderSolid {
    border-width: 3px;
    border-style: solid;
	 padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    border-color: rgb(242, 97, 34);
}


.case-section {
    background-color: #142057;
    position: relative;
	padding:4%;
}


.y6 {
    color: #F8D458;
    display: initial;
}


.jost {font-family: 'Jost', sans-serif;}


.case-thumb {
    -webkit-animation: scroll-down 3s linear infinite;
    animation: scroll-down 3s linear infinite;
}


.bg-dark {
   
	background-color:#260a5f;
}


.bg-dark1 {
      background: url(../img/baner.jpg) top;
	 
    background-size: cover;
    padding: 7% 0 4% 0 ! important;
   
	
}

.blue2 {
    color: #1671d7;
}


.poppins {
    font-family: "Nunito", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.section28 {
    background: url(../img/section28.png) no-repeat center center;
    background-size: auto;
    background-size: cover;
    padding: 10% 0 6% 0;
}






.imagess1 {
 
  position: relative;
  right: 26%;
  min-width: 135%;
}


.border2{
  border: 1px dashed #fff;
  border-radius: 50px;
  padding: 1.5%;
  
}

.yellowcircle {
    background-color: rgb(254, 191, 0);
    box-shadow: 0px 6px 21px 0px rgb(254 214 38 / 8%);
    border-radius: 10px;
    padding: 1% 7%;
    display: inline-block;
}

.o2 {
    color: #071c4d;
}


.yellowbox {
    border-radius: 20px;
    background-color: #ffc60d;
    padding: 10px 15px;
    display: inline-block;
}


.lightbg {
    background: url(../img/tons-bg1.jpg) no-repeat center center;
    padding: 3% 0 3%;
}


.section10a {
    background: url(../img/section10a.png) no-repeat center center;
    background-size: auto;
    background-size: cover;
    padding: 3% 0 3% 0;
    position: relative;
}


.y8 {
  color: #ffcc05;
}


.light4 {
  color: #ffcd8c;
}


.yellowbg {
    background: #fbd649;
    background-size: cover;
    padding: 3% 0 3%;
}



.appie-single-counter {
    padding: 18px;
    position: relative;
    background: #ffffff;
    height: 160px;
    background-image: linear-gradient(132deg,#310563,#eaf9ff);
    border-radius: 10px;
}
.mt-30 {
    margin-top: 30px;
}


.appie-single-counter .counter-content {
    background: #fff;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0 30px 40px 0 rgb(0 41 57 / 10%);
    padding-top: 37px;
    padding-bottom: 40px;
}

.appie-single-counter.item-2 {
    background-image: linear-gradient(132deg,#310563,#eaf9ff);
}

.appie-single-counter.item-3 {
    background-image: linear-gradient(132deg,#310563,#eaf9ff);
}


.appie-single-counter.item-4 {
    background-image: linear-gradient(132deg,#310563,#eaf9ff);
}


.mainbg1 {
    background: url(../img/mainvideobg1.png) no-repeat center;
    background-size: auto;
    background-size: cover;
    padding: 3% 7% 6% 8%;
}

.purple5{
background-color: #3643bc;
border-radius: 100px;
padding: 1%;}


.section4 {
    background: url(../img/section4.png) no-repeat center top;
    background-size: auto;
    background-size: cover;
    padding: 5% 0 12% 0;
    position: relative;
    z-index: 1;
}

.y5 {
    color: #f0ff00;
}



.section18a {
    background: url(../img/section18a.jpg) no-repeat bottom;
    background-size: cover;
    padding: 4% 0 4% 0;
}


.section15f {
    background: url(../img/sectionab.png) no-repeat #f2eeff center;
    padding: 2% 0 4%;
    background-size: cover;
}

.pre-launch-text {
    background: url(../img/pre-contest.png) no-repeat center center;
    padding: 44px;
    background-size: contain;
    outline: none;
    border: 0;
}

.rtrt{
	position: absolute;
	margin-top: 706px;
	margin-left: 550px;
}
.rtrtq{
position: absolute;
margin-top: 23px;
margin-left: 160px;	
}


.fbg1 {
    background: url(../img/upsellbg2.jpg) no-repeat;
    background-size: cover;
    padding: 3% 0 2%;
}

.pt-60{
	padding-top: 60px;
}
.pt-100{
	padding-top: 100px;
}
.pxy-70{
	padding: 0px 0px 50px;
}


.watchaction-banner {
    padding: 5% 0 0% 0;
    background: url(../img/watchaction-banner.jpg) no-repeat top center;
    background-size: auto;
    background-size: cover;
}

.brodere{
border-style: solid;
border-width: 1px;
border-color: #e4e5ea;
border-radius: 30px;
background-color: white;
-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
padding: 59px 7px 30px;
margin-bottom: 30px;
}



.typing-text {
    color: white;
}

.typing-text::after {
  content: "|";
  animation: blink 1s step-end infinite;
}

@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}




.bg_2 {
    background: url(../img/bg2.jpg) repeat top;
    background-size: cover;
    padding: 2% 0 0px;
}


.bg_1 {
    background: url(../img/bg1.jpg) repeat top;
    background-size: cover;
    padding: 2% 0 0px;
}



.bannerrr {
    background: #fff url(../img/bg0.jpg) no-repeat top !important;
    background-size: auto;
    background-size: cover !important;
    padding: 2% 0% 2% !important;
  }



  .box_table{
  	background: white;
  	box-shadow: 0px 2px 6px 7px #eee9e9;
  	border-radius: 5px;
  	padding: 30px;
  }


  .box_table1{
  	background: white;
  	box-shadow: 0px 2px 6px 7px #eee9e9;
  	border-radius: 5px;
  	padding: 30px;
  }
  .money_img{
  	position: absolute;
  	top: -80px;
  	left: 0;
  	right: 0;
  }


  .bg_1 {
    background: url(../img/bg1.jpg) repeat top;
    background-size: contain;
    padding: 2% 0 0px;
}


.add_1{
	background: #E5E2ECCF;
  max-width: 1600px;
  border-radius: 40px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 80px 12px 0;
}


.dark_bg {
    background: #fff url(../img/bg0.jpg) no-repeat top ;
    background-size: cover !important;
    padding: 40px 0px 40px !important;
}
.bannerr{
	background: #fff url(../img/brand.jpg) repeat bottom ;
    background-size: cover; !important;
    padding: 20px 0px 120px !important;
}


.bannerrx{
	background: #fff url(../img/brand.jpg) repeat top ;
    background-size: cover; !important;
    padding: 20px 0px 62px !important;
}


.featurebox-head {
    background: #8a3ba1;
    padding: 28px 30px;
}
.featurebox {
    border-radius: 12px 0 0 12px;
    overflow: hidden;
}


.featurebox-body {
    background: #963b97;
    padding: 18px 30px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.jv-announce2 {
    background: url(../img/jv-announce1.png) no-repeat center;
    background-size: auto;
    padding: 0% 5% 1% 5%;
    background-attachment: 100% 100%;
    background-size: cover;
}


.buybtnx {
    border-radius: 7px;
    background-color: #f91e1e;
    color: #fff;
    text-align: center;
    padding: 28px 10%;
    display: table;
    margin: auto;
}


.tymp {
    background: linear-gradient(to right, #4aaedd 30%, #40ad5c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.tymp1 {
    background: linear-gradient(to right, #fe9546 0%, #f93481 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.orange1 {
  color: #8552fc;
}

.orange{
	color: #fb8f3d;
}

.elite_bg{
    background-image: url(../img/hs3.jpg);
    background-repeat: repeat;
    background-size: cover;
}

.rob1{
	position: absolute;
  left: -332px;
  top: 450px;
}
.rob4{
	position: absolute;
  right: -322px;
  top: 550px;
}

.rob5{
	position: absolute;
  left: -342px;
  top: 50px;
}


.what{
	position: absolute;
  left: -332px;
  top: 50px;
}


.telegram{
	position: absolute;
  right: -322px;
  top: 150px;
}


.unnamed1{
	position: absolute;
  left: -312px;
  top: 1325px;
}


.jv-announce2 {
    background: url(../img/strrr.png) no-repeat center;
    background-size: auto;
    padding: 4% 5% 4% 5%;
    background-attachment: 100% 100%;
    background-size: contain;
}

.step-item .image {
    width: 520px;
    height: 376px;
    padding: 29px 39px;
    border-radius: 25px;
    border: 1px solid rgba(104, 68, 237, 0.15);
    background: #EBEBFD;
}
.themesflat-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 1320px;
    max-width: 100%;
}
.step-item {
    display: flex
;
    gap: 80px;
    justify-content: center;
}
.step-item .image {
    width: 520px;
    height: 376px;
    padding: 29px 39px;
    border-radius: 25px;
    border: 1px solid rgba(104, 68, 237, 0.15);
    background: #EBEBFD;
}
.step-item .content {
    padding-top: 75px;
}

.step-item .content .number {
    width: 50px;
    height: 50px;
    box-shadow: 0px 20px 40px rgba(104, 68, 237, 0.20);
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 5px solid #FFF;
    background-color: #F89C32;
    margin-bottom: 21px;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
}

.step-item .content .title {
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -1.05px;
    margin-bottom: 23px;
}
.step-item.item2 {
    margin-left: 76px;
}

.row-reverse {
    flex-direction: row-reverse;
}


#pricing-tablex {
  margin: 100px auto;
  text-align: center;
  /* width: 892px; total computed width = 222 x 3 + 226 */
}

#pricing-tablex .plan {        
  background: #000;      
  border: 1px solid #ddd;
  color: #333;
  padding: 10px;
  /* width: 180px; plan width = 180 + 20 + 20 + 1 + 1 = 222px       */
  float: left;
  position: relative;
  width: 100%;
}

#pricing-tablex #most-popular {
  z-index: 2;
  top: -1px;
  border-width: 1px;
  padding: 11px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 20px 0 10px -10px rgb(157 62 169 / 15%), -20px 0 10px -10px rgb(161 80 169 / 15%);
  -webkit-box-shadow: 20px 0 10px -10px rgb(157 62 169 / 15%), -20px 0 10px -10px rgb(161 80 169 / 15%);
  box-shadow: 20px 0 10px -10px rgb(157 62 169 / 15%), -20px 0 10px -10px rgb(161 80 169 / 15%); 
}

#pricing-tablex .plan:nth-child(1) {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;        
}

#pricing-tablex .plan:nth-child(4) {
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;        
}

/* --------------- */ 

#pricing-tablex h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 20px;
  margin: -20px -20px 50px -20px;
  background-color: rgb(104 16 174);
  background-image: linear-gradient(rgb(237, 55, 9), rgb(254, 176, 9));
  color: white;
}

#pricing-tablex #most-popular h3 {
  background-color: rgb(104 16 174);
 background-image: linear-gradient(rgb(237, 55, 9), rgb(254, 176, 9));
  color: white;
  margin-top: -30px;
  padding-top: 30px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;     
}

#pricing-tablex .plan:nth-child(1) h3 {
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;       
}

#pricing-tablex .plan:nth-child(4) h3 {
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;       
} 

#pricing-tablex h3 span {
  display: block;
  font: bold 25px/100px Georgia, Serif;
  color: #777;
  background: #fff;
  border: 5px solid #775dc9;
  height: 100px;
  width: 100px;
  margin: 10px auto -65px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
  -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
  box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-tablex ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}

#pricing-tablex li {
  border-top: 1px solid #ddd;
  padding: 16px 0;
  font-size: 17px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

/* --------------- */
  
#pricing-tablex .signup {
  position: relative;
  padding: 8px 20px;
  margin: 20px 0 0 0;  
  color: #000;
  font: bold 14px Arial, Helvetica;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;       
  /* background-color: #72ce3f; */
  /* background-image: -moz-linear-gradient(#72ce3f, #62bc30);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#72ce3f), to(#62bc30));    
  background-image: -webkit-linear-gradient(#72ce3f, #62bc30);
  background-image: -o-linear-gradient(#72ce3f, #62bc30);
  background-image: -ms-linear-gradient(#72ce3f, #62bc30);
  background-image: linear-gradient(#72ce3f, #62bc30); */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;     
  text-shadow: 0 1px 0 rgba(0,0,0,.3);        
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
}

/* #pricing-table .signup:hover {
  background-color: #62bc30;
  background-image: -moz-linear-gradient(#62bc30, #72ce3f);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#62bc30), to(#72ce3f));      
  background-image: -webkit-linear-gradient(#62bc30, #72ce3f);
  background-image: -o-linear-gradient(#62bc30, #72ce3f);
  background-image: -ms-linear-gradient(#62bc30, #72ce3f);
  background-image: linear-gradient(#62bc30, #72ce3f); 
} */

/* #pricing-table .signup:active, #pricing-table .signup:focus {
  background: #62bc30;       
  top: 2px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
} */

/* --------------- */

.clear:before, .clear:after {
  content:"";
  display:table
}

.clear:after {
  clear:both
}

.clear {
  zoom:1
}

.up-down{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}


.section-title {
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
}
.section-title .sub-content {
    color: #f46e09;
  margin-bottom: 15px;
  display: inline-block;
  font-weight: 800;
  text-transform: capitalize;
  font-size: 48px;
  position: relative;
  background-color: var(--white);
  box-shadow: 0px 10px 60px rgb(49, 13, 10);
  padding: 6px 25px;
  border-radius: 10px;
}
.working-card-items {
    margin-top: 30px;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding: 40px 25px;
    background: #060b0f;
  box-shadow: 0 1px 4px 2px rgb(239, 128, 39);
    border-radius: 20px;
}
.working-card-items .content {
    position: relative;
    margin-left: 50px;
}
.working-card-items .content .sub-title {
    background-color: var(--white);
    box-shadow: 0px 10px 60px rgba(92, 48, 253, 0.2);
    font-weight: 500;
    font-size: 22px;
    color: #112ab5;
    border-radius: 8px;
    padding: 10px 20px;
    margin-bottom: 20px;
    display: inline-block;
    line-height: 1;
}

.containers span::after{
    content: '|';
    animation-name: blinking; 
    animation-duration: .91s; 
    animation-iteration-count: infinite;
}
@keyframes blinking{
    from{
        color: transparent; 
    }
    to{
        color: lightgrey; 
    }
}



ul.orangeArrow-listingx li {
  background: url(../img/orangeArrow-icon.png) no-repeat 15px 0px;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  padding: 52px;
    padding-top: 52px;
    padding-right: 52px;
    padding-bottom: 52px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-right: 0;
  list-style: none;
  margin-left: -52px;
  background-size: 28px;
  padding-top: 5px;
  line-height: 28px;
  padding-bottom: 14px;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}



.gradient-text1 {
    background-color: #10b9ff;
    background-image: linear-gradient( 45deg , #b606e6, #f7bf02);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-text2 {
    background: linear-gradient(81deg, #25f5ef 0%, #f62951 100%);
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-feature-settings: "clig" off, "liga" off;
}


.gradient-text4 {
    background: linear-gradient(81deg, #0063db 0%, #14a2f5 100%);
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-feature-settings: "clig" off, "liga" off;
}
.gradient-text5 {
    background: linear-gradient(81deg, #f3890a 0%, #32a350 100%);
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-feature-settings: "clig" off, "liga" off;
}
.gradient-text6 {
    background: linear-gradient(81deg, #129af2 0%, #43b5ff 100%);
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-feature-settings: "clig" off, "liga" off;
}
ul.orangeArrow-listingxx li {
    background: url(../img/crosslist.png) no-repeat 18px 11px;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  padding: 52px;
    padding-top: 52px;
    padding-right: 52px;
    padding-bottom: 52px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-right: 0;
  list-style: none;
  margin-left: -50px;
  background-size: 22px;
  padding-top: 5px;
  line-height: 28px;
  padding-bottom: 14px;
}

ul.orangeArrow-listingxxx li {
    background: url(../img/check5.png) no-repeat 18px 7px;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  padding: 52px;
    padding-top: 52px;
    padding-right: 52px;
    padding-bottom: 52px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-right: 0;
  list-style: none;
  margin-left: -50px;
  background-size: 24px;
  padding-top: 5px;
  line-height: 28px;
  padding-bottom: 14px;
}

.bg-lightgrey {
    background-color: #1D0705;
    border-radius: 25px;
    padding: 40px;
    border: 2px solid rgb(70, 13, 8) !important;
}

.ok1 li {
    background: url(../img/pricecheck1.png) no-repeat scroll left 2px top 12px;
    background-repeat: no-repeat;
    background-size: auto;
    background-repeat: no-repeat;
    padding: 10px 0px 13px 38px;
    background-size: 25px;
}

.border-dashed-bottom-1 {
    border-bottom: 1px dashed #70707057;
}
.border-grey {
    border-color: #70707057 !important;
}
.py-2 {
    padding-top: 10px !important;
}

.headd a {
    background-image: url(../img/bhy.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-transform: capitalize;
    padding: 35px 20px;
}

.b {
    background-image: url(../img/b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-transform: capitalize;
    padding: 50px 20px;
}

.bbbbb {
    background-image: url(../img/bbbbb.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-transform: capitalize;
    padding: 35px 20px;
}

.bx {
    background-image: url(../img/banner-head-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-transform: capitalize;
    padding: 44px 20px;
}




.bc {
    background-image: url(../img/lineb1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-transform: capitalize;
    padding: 44px 20px;
}


.bbbb {
    background-image: url(../img/bbbbb.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-transform: capitalize;
    padding: 35px 20px;
}



.scribble {
  position: relative;
  background-image: none;
  background-color: transparent;
  color: #135ed7;

  &::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 0;
    height: 30%;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='247' height='22' fill='none'%3E%3Cmask id='a' width='246' height='23' x='0' y='1' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 1h246v23H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%2300a661' d='M.225 13.987c40.77-3.247 81.218-6.304 122.486-5.61 40.217.68 80.07 3.493 119.823 8.284 4.828.577 4.966-4.727.193-5.301-40.597-4.886-82.029-7.082-123.059-6.436-39.896.627-80.713 2.548-119.53 8.822-.233.04-.132.263.087.25v-.009z'/%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: 95%;
    width: 100%;
    background-image: linear-gradient(
      to right,
      currentcolor 40%,
      transparent 50%
    );
    background-repeat: no-repeat;
    animation: background-size-300 0.4s 1.5s ease-in both;
    background-size: 300%
  }
}

  

  .fancy {
  position: relative;
  white-space: nowrap;
}

.fancy:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(0.3125em * -0.625);
  height: 0.3125em;
  background-image: url("../img/brand.jpg");
  background-size: cover;
}


ul.orangeArrow-listingxxxx li {
 background: url(../img/fire.png) no-repeat 14px 6px;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  padding: 48px;
    padding-top: 48px;
    padding-right: 48px;
    padding-bottom: 48px;
  padding-top: 48px;
  padding-right: 48px;
  padding-bottom: 48px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-right: 0;
  list-style: none;
  margin-left: 0px;
  background-size: 26px;
  padding-top: 5px;
  line-height: 28px;
  padding-bottom: 14px;
}




ul.orangeArrow-listingxxxxx li {
 background: url(../img/fire.png) no-repeat 14px 6px;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  padding: 48px;
    padding-top: 48px;
    padding-right: 48px;
    padding-bottom: 48px;
  padding-top: 48px;
  padding-right: 48px;
  padding-bottom: 48px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-right: 0;
  list-style: none;
  margin-left: 0px;
  background-size: 26px;
  padding-top: 5px;
  line-height: 28px;
  padding-bottom: 14px;
}




ul.orangeArrow-listingxxxxxx li {
 background: url(../img/firex.png) no-repeat 14px 6px;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  padding: 48px;
    padding-top: 48px;
    padding-right: 48px;
    padding-bottom: 48px;
  padding-top: 48px;
  padding-right: 48px;
  padding-bottom: 48px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-right: 0;
  list-style: none;
  margin-left: 0px;
  background-size: 26px;
  padding-top: 5px;
  line-height: 28px;
  padding-bottom: 14px;
}


ul.orangeArrow-listingxxxxxxs li {
 background: url(../img/bag.png) no-repeat 14px 6px;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  padding: 48px;
    padding-top: 48px;
    padding-right: 48px;
    padding-bottom: 48px;
  padding-top: 48px;
  padding-right: 48px;
  padding-bottom: 48px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 52px;
  padding-right: 52px;
  padding-bottom: 52px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-top: 53px;
  padding-right: 53px;
  padding-bottom: 53px;
  padding-right: 0;
  list-style: none;
  margin-left: 0px;
  background-size: 26px;
  padding-top: 5px;
  line-height: 28px;
  padding-bottom: 14px;
}



.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax .jarallax-overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.jarallax .jarallax-overlay~* {
    position: relative;
    z-index: 2;
}

.vlt-simple-image {
    position: relative;
    overflow: hidden;
}

.vlt-simple-image__overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 25, 25, .1);
}
.vlt-fit-image {
    position: relative;
    padding-top: var(--size-md);
    background-color: #f6f6f6;
}


    .vlt-custom--5136 {
        padding-left: 30px;
    


.vlt-gap-120 {
    height: 120px;
}

.vlt-gap-120 {
    height: 120px;
}





.ve_banner_top_heading {
  display: inline-block;
  background-image: linear-gradient( -94deg, rgb(14, 169, 216) 0%, rgb(6, 69, 162) 100%);
  border-radius: 50px;
  padding: 13px 30px 11px 60px;
}


.ve_step_inner_head h2 {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  text-transform: capitalize;
  padding-top: 6px;
}

.pacifico-regular {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}










.rainbow-gradient-circle {
    position: fixed;
    left: -250px;
    top: 250px;
    right: auto;
    bottom: auto;
    z-index: -1;
    width: 500px;
    height: 500px;
    border-radius: 1000px;
    background-image: linear-gradient(45deg, #fb5343, #9d1e16);
    opacity: 0.25;
    -webkit-filter: blur(100px);
    filter: blur(100px);
}