html {
  scroll-behavior: smooth;
}

/*Fonts*/

.orbitron{font-family: 'Orbitron', sans-serif;}


/*Common*/
body {font-family: 'Hind', sans-serif;font-size: 14px;line-height: 1.42857143;color: #000000;background-color:#fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}


h1, h2, h3, h4 , h5, h6, p{margin-bottom:0;}

 ul{
	padding:0px;
	list-style:none;
	margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls4{letter-spacing:4px;}
.ls-02{letter-spacing:-0.2px;}
.ls-01{letter-spacing:-0.5px;}
.ls-1{letter-spacing:-1px;}
.ls-2{letter-spacing:-2px;}
.ls-3{letter-spacing:-3px;}
.ls-4{letter-spacing:-4px;}

.padding0 {padding: 0px;}



@media (min-width:240px) {
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}

.xsmt0{margin-top:0%;}.xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.xsmt8{margin-top:8%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}.xsmt30{margin-top:30%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.xsmb3{margin-bottom:3%;}
.xsmb4{margin-bottom:4%;}
.xsmb6{margin-bottom:6%;}
.xsmb7{margin-bottom:7%;}
.xsmb8{margin-bottom:8%;}
.xsmb10{margin-bottom:10%;}
.xsmb15{margin-bottom:15%;}
.xsmb0{margin-bottom:0%;}

.xsmb-1{margin-bottom:-1%;}

.xsmt-1{margin-top:-1%;}
.xsmt-3{margin-top:-3%;}
.xsmt-5{margin-top:-5%;}


.mycontainer, .mycontainer2, .mycontainer3{
	width:100%;    
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.bnr-vid {
    width: 100%;
    position: static;
    overflow: hidden;
    text-align: left;
     padding-bottom: 47.5%;
    margin: auto;
    margin-top: 6.7%;
	border-width: 4px;
    border-color: rgb(103, 48, 145);
    border-style: solid;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 0px 0px rgb(149 40 194 / 24%);
}


}


@media (min-width:768px) {	
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm34 {font-size: 34px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm55 {font-size: 55px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm80 {font-size: 80px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}

.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt10{margin-top:10%;}.lmt13{margin-top:13%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt9{margin-top:9%;}.lmt11{margin-top:11%;}.lmt12{margin-top:12%;}.lmt16{margin-top:16%;}.lmt18{margin-top:18%;}.lmt12{margin-top:12%;}.lmt13{margin-top:13%;}.lmt14{margin-top:14%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt20{margin-top:20%;}.lmt22{margin-top:22%;}.lmt25{margin-top:25%;}.lmt28{margin-top:28%;}.lmt30{margin-top:30%;}.lmt34{margin-top:34%;}.lmt45{margin-top:45%;}
.lmt-15{margin-top:-14%;}
.lmt-25{margin-top:-25%;}
.lmt-3{margin-top:-3%;}
.lmt-1{margin-top:-1%;}
.lmt-2{margin-top:-2%;}
.lmt-3{margin-top:-3%;}
.lmt-4{margin-top:-4%;}
.lmt-5{margin-top:-5%;}
.lmt-6{margin-top:-6%;}
.lmt-7{margin-top:-7%;}
.lmt-8{margin-top:-8%;}
.lmt-9{margin-top:-9%;}
.lmt-10{margin-top:-10%;}
.lmt-11{margin-top:-11%;}
.lmt-13{margin-top:-13%;}
.lmt-20{margin-top:-20%;}
.lmb0{margin-bottom:0%;}
.lmb1{margin-bottom:1%;}
.lmb3{margin-bottom:3%;}
.lmb7{margin-bottom:7%;}
.lmb10{margin-bottom:10%;}
.lmb15{margin-bottom:15%;}
.lmb20{margin-bottom:20%;}

.lmb-8{margin-bottom:-8%;}
.lmb-4{margin-bottom:-4%;}

.lml-2{margin-left:-2%;}

.pc-right{
	text-align: right;
}


.mycontainer{width: 730px;}
.mycontainer2{width:750px;}
.mycontainer3{width:750px;}

.mycontainer-right{width:750px;}
.mycontainer-left{width:750px;}


}

@media (min-width:992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md67 {font-size: 67px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md120{font-size: 120px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}


.mmb0{margin-bottom:0%;}
.mmb3{margin-bottom:3%;}
.mmb5{margin-bottom:5%;}
.mmb7{margin-bottom:7%;}
.mmb8{margin-bottom:8%;}
.mmb11{margin-bottom:11%;}
.mmb12{margin-bottom:12%;}
.mmb14{margin-bottom:14%;}
.mmb15{margin-bottom:15%;}
.mmb16{margin-bottom:16%;}
.mmb20{margin-bottom:20%;}
.mmb28{margin-bottom:28%;}
.mmb35{margin-bottom:35%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt7{margin-top:7%;}
.mmt8{margin-top:8%;}
.mmt9{margin-top:9%;}
.mmt10{margin-top:10%;}
.mmt11{margin-top:11%;}
.mmt12{margin-top:12%;}
.mmt13{margin-top:13%;}
.mmt14{margin-top:14%;}
.mmt15{margin-top:15%;}
.mmt18{margin-top:18%;}
.mmt11a{margin-top:11.6%;}
.mmt20{margin-top:20%;}
.mmt28{margin-top:28%;}
.mmt31{margin-top:31%;}
.mmt36{margin-top:36%;}
.mmt-2{margin-top:-2%;}
.mmt-3{margin-top:-3%;}
.mmt-4{margin-top:-4%;}
.mmt-5{margin-top:-5%;}
.mmt-8{margin-top:-8%;}
.mmt-9{margin-top:-9%;}
.mmt-9a{margin-top:-9.5%;}
.mmt-12{margin-top:-12%;}

.mmb-5{margin-bottom:-5%;}
.mmb-6{margin-bottom:-6%;}

.mml-4{margin-left:-4%;}

.mycontainer{width:970px;}
.mycontainer2{width:922px;}
.mycontainer3{width:922px;}

.mycontainer-right{width:922px;}
.mycontainer-left{width:922px;}



}

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg67 {font-size: 67px;}.lg68 {font-size: 68px;}.lg60{font-size: 60px;}.lg64{font-size: 64px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg77 {font-size: 77px;}.lg80 {font-size: 80px;}.lg86 {font-size: 86px;}.lg150 {font-size: 150px;}.lg120 {font-size: 120px;}

.lappysection {position: relative;bottom: -125px;margin-top: -90px !important;}


.lmtm-3{margin-top: -3%;}

.lgmb0{margin-bottom:0%;}
.lgmb2{margin-bottom:2%;}
.lgmb4{margin-bottom:4%;}
.lgmb5{margin-bottom:5%;}
.lgmb11{margin-bottom:11%;}
.lgmb12{margin-bottom:12%;}
.lgmb22{margin-bottom:22%;}
.lgmb25{margin-bottom:25%;}

.lgmb-6{margin-bottom:-6%;}


.lgmt0{margin-top:0%;}
.lgmt4{margin-top:4%;}
.lgmt5{margin-top:5%;}
.lgmt6{margin-top:6%;}
.lgmt10{margin-top:10%;}
.lgmt13{margin-top:13%;}
.lgmt15{margin-top:15%;}
.lgmt20{margin-top:20%;}
.lgmt26{margin-top:26%;}
.lgmt29{margin-top:29%;}

.padding4{padding:0% 4%}

.bnr-vid {
    width: 100%;
    padding-bottom: 55.5%;
}


}

@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 44px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl76 {font-size: 76px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}

.xlmt4{margin-top:4%;}



}



.text-black{color:#000;}
.gray{color:#69686b}
.gray2{color:#aeaeb1}
.gray3{color:#8c8c8c}
.blue{color:#2a3950} 
.black2{color:#101010} 


.responsive-video {
    padding-bottom: 56.21%;
    overflow: hidden;
    position: relative;
    z-index: 3;
}


.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.autoplayer-area {
    z-index: 2;
}

.video-box {
    position: relative;
    display: -webkit-box;
    padding: 0 0% 0 1.5%;
}


.mainvideo-box {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0%;
    text-align: center;
}



.video-section{padding: 0 0.5%;}
.video-box {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-width: 4px;
    border-color: rgb(103, 48, 145);
    border-style: solid;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 0px 0px rgba(149, 40, 194, 0.24);
}

.video-box .responsive-video {
     border-radius: 15px;
}


.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.80% !important;
}
.autoplayer-subarea {
    background-color: #121212 !important;
}

.demo-video {

}





.mycontainer{margin:auto;}

.mycontainer-right{margin-left:auto;}
.mycontainer-left{margin-right:auto;}

.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}


/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}


.clear {
    clear: both;
}

.padding2{padding:0% 2%}
.padding3{padding:0% 3%}

.padding5{padding:0% 5%}
.paddingR{padding: 0 0 0 3%;}


.mybutton a {
    color: #000000;
    padding: 2% 7.4% 1.2% 7.4%;
    display: table;
    margin: auto;
    transition: 0.5s;
	border-radius: 100px;       
    position: relative;
    z-index: 1;
  box-shadow: 0px 8px 73px 0px rgba(0, 0, 0, 0.2);background-image: -webkit-linear-gradient( 90deg, rgb(255,186,0) 0%, rgb(255,234,0) 100%);}
.mybutton a:hover {
	background-image: -webkit-linear-gradient( 90deg, rgb(255,234,0) 0%, rgb(255,186,0) 100%);
    box-shadow: none;
}

.arrow1{position: relative;right: 5%;top: -4px;}




.click {
    position: absolute;   
    z-index: 2;
    top: 59%;
	right: -3%;
	animation: leaves 0.5s ease-in-out infinite alternate;
}
@keyframes leaves {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.1);
    }
}

.mybutton-top a {
    color: #ffffff;
    padding: 4.1% 10.4% 4.1% 10.4%;
    display: table;
    transition: 0.5s;
    border-radius: 5px;
    background-image: -moz-linear-gradient( 0deg, rgb(237,28,36) 10%, rgb(245,133,35) 57%, rgb(252,238,33) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(237,28,36) 10%, rgb(245,133,35) 57%, rgb(252,238,33) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(237,28,36) 10%, rgb(245,133,35) 57%, rgb(252,238,33) 100%);
    box-shadow: 0px 16px 40px 0px rgb(0 0 0 / 46%);
    position: relative;
    z-index: 1;
    margin-left: auto;
}
.mybutton-top a:hover {
    background-image: -moz-linear-gradient( 0deg, rgb(252,238,33) 10%, rgb(245,133,35) 57%, rgb(237,28,36) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(252,238,33) 10%, rgb(245,133,35) 57%, rgb(237,28,36) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(252,238,33) 10%, rgb(245,133,35) 57%, rgb(237,28,36) 100%);
    box-shadow: none;
}



.mybuttonA a {
    width: 86.5%;
    padding: 4.9% 2%;
}

.mybutton-dark a{box-shadow: 0px 14px 27px 0px rgba(13, 11, 61, 0.4);}


/* right bounce */

@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
  }
}
/* /right bounce */



.mybutton1 a {
    font-family: 'Orbitron', sans-serif;
    background: linear-gradient(to top, #f83600 0%, #facc22fe 100%);
    border-radius: 60px;
    position: relative;
    text-align: center;
    padding: 2.6% 20.6% 2.6% 12.6%;
    box-sizing: border-box;
    letter-spacing: 2px;
    display: table;
    margin: auto;
}
.mybutton1 a::before {
    border-radius: 60px;
    content: '';
    background-image: linear-gradient(to right, #e6e6e6 10%, #8e8e8e 20%, #e6e6e6 60%, #8e8e8e 100%, #e6e6e6 60%);
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    position: absolute;
    z-index: -1;
}
.mybutton1A a::before {
    background-image: linear-gradient(to right, #e6e6e6 10%, #8e8e8e 20%, #e6e6e6 60%, #8e8e8e 100%, #e6e6e6 60%);
}
.mybutton1 a:hover {
    transition-duration: 0.3s;
    background-image: -webkit-linear-gradient( 10deg, rgba(250,204,34,0.99608) 0%, rgb(248,54,0) 100%);
}
.btnArrow {
    position: absolute;
}

.mybutton2{margin-top:10%;}
.mybutton2 a {
    border-radius: 12px;
    
    box-shadow: 0px 18px 29px 0px rgba(4, 51, 89, 0.25);
    color: #fff;
    padding: 5.5% 4% 5.5% 6%;
    display: table;
    margin: auto;
    transition: 0.5s;
    width: 102%;
    position: relative;
    left: -1%;
background-image: -webkit-linear-gradient( 0deg, rgba(228,117,1,0.99608) 0%, rgb(238,65,41) 100%);}
.mybutton2 a:hover {
background-image: -webkit-linear-gradient( 0deg, rgb(238,65,41) 0%, rgba(228,117,1,0.99608) 100%);
    box-shadow:none;
}



.checklist1 li {
    background: url(../png/checklist1.png) no-repeat left 1px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 3%;
    margin-top: 3%;
    padding-right: 0;
    text-align:left;
}

.checklist2 li {
    background: url(../png/checklist2.png) no-repeat left 5px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 1%;
    margin-top: 4%;
    padding-right: 0;
    color: #121219;
	text-align:left;
}

.checklist3 li {
}

.checklist4 li {
    background: url(../checklist4.html) no-repeat left 5px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 1%;
    margin-top: 4%;
    padding-right: 0;
    color: #121219;
	text-align:left;
}
.checklist5 li {
    background: url(../checklist5.html) no-repeat left 5px;
    padding-left: 34px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 1%;
    margin-top: 4%;
    padding-right: 0;
    color: #ffffff;
	text-align:left;
}
.checklist6 li {
    background: url(../checklist6.html) no-repeat left 5px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 1%;
    margin-top: 4%;
    padding-right: 0;
    color: #121219;
	text-align:left;
}
.checklist7 li {
    background: url(../checklist7.html) no-repeat left 5px;
    padding-left: 50px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0.5%;
    padding-bottom: 1%;
    margin-top: 1%;
    padding-right: 0;
    text-align: left;
}
.checklist8 li {
    background: url(../checklist6.html) no-repeat left 5px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 1%;
    margin-top: 4%;
    padding-right: 0;
	text-align:left;
}
.checklist8-inn{padding: 0 10%;}
.checklist8-inn li {
    background: url(../checklist8inn.html) no-repeat left 5px;
    padding-left: 28px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 1%;
    margin-top: 2%;
    padding-right: 0;
    text-align: left;
}
.checklist9 li {
    background: url(../checklist9.html) no-repeat left 15px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 4.5%;
    padding-bottom: 4.5%;
    margin-top: 0;
    padding-right: 4%;
}
.checklist10 li {
    background: url(../checklist10.html) no-repeat left 15px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 4.5%;
    padding-bottom: 4.5%;
    margin-top: 0;
    padding-right: 4%;
}



.unchecklist1 li {
    background: url(../unchecklist1.html) no-repeat 0 9px;
    padding-left: 38px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 15px;
    padding-right: 0;
    margin-top: 15px;
    text-align: left;
}

.unchecklist2 li {
    background: url(../unchecklist2.html) no-repeat 0 9px;
    padding-left: 38px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 15px;
    padding-right: 0;
    margin-top: 15px;
}

.without-checklist {
    margin-top: 6%;
}
.without-checklist li {
    background: url(../withoutcheck.html) no-repeat left 4px;
    padding-left: 55px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 2.8%;
    margin-top: 2.8%;
}

.with-checklist{
    margin-top: 6%;	
}
.with-checklist li {
    background: url(../withcheck.html) no-repeat left 4px;
    padding-left: 52px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 2.8%;
    margin-top: 2.8%;
}


.pro-box{
	padding: 0px;
    border: 3px solid #ffbbc9;
	border-radius: 23px;
	box-shadow: 0px 2px 87px 0px rgba(168, 134, 106, 0.25)
}

.silver-top {
    background: url(../silverbg.html) no-repeat center center;
	background-size:cover;
    padding: 8% 4% 9% 4%;
    z-index: 1;
    background-color: #cfcfcf;
    text-align: center;
    border-radius: 35px;
}
.gold-top {
	background: url(../goldbg.html) no-repeat center center;
	background-size:cover;
	padding: 8% 4% 5% 4%;
	z-index: 1;
	background-color: #f7df95;
	text-align:center;
    border-radius: 35px;
}
.bundle-top {
    background: url(../tabletopbg.html) no-repeat center bottom;
    background-size: cover;
    padding: 10% 0 0 0;
    z-index: 1;
    background-color: #171c3e;
    text-align: center;
    position: relative;
}

.silver {
    background-image: -webkit-linear-gradient( 180deg, rgb(182,182,182) 0%, rgb(223,223,223) 100%);
    padding: 2px 33px;
    position: relative;
    z-index: 2;
    color: #000000;
    margin-top: 0;
    border-radius: 50px;
    display: inline-block;
}
.gold {
    background-image: -webkit-linear-gradient( 0deg, rgb(235,207,117) 0%, rgb(210,178,94) 100%);
    padding: 2px 33px;
    position: relative;
    z-index: 2;
    border-radius: 50px;
    display: inline-block;
}
.bundle {
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: dashed;
    padding: 0px 51px;
    position: relative;
    z-index: 2;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
}

.pro-center {
    position: relative;
    margin-top: 5%;
    text-align: center;
}


.table-box-out2 .pro-center{}

.price-checklist2{
    padding: 0 10%;
    margin-top: 5%;
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
}

.price-checklist2 li {
    background: url(../pricecheck2.html) no-repeat left 1px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 5%;
    margin-top: 5%;
    text-align: left;
	}

.price-checklist2B{
    padding: 0 10%;
    margin-top: 5%;
}

.price-checklist2B li {
    background: url(../pricecheck2b.html) no-repeat left 3px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 5%;
    margin-top: 5%;
    text-align: left;
    color: #ffffff;
border-bottom: 1px solid rgb(255 255 255 / 12%);}
.price-checklist1 li {
    list-style: none;
    margin-left: 0;
    padding-top: 0px;
    padding-bottom: 7%;
    margin-bottom: 7%;
    color: #313131;
}
.price-checklist2 li:last-child, .price-checklist2B li:last-child {
    border-bottom: 0px;
}
.price-unchecklist1 li {
    background: url(../uncheck2.html) no-repeat 49px 6px;
    padding-left: 80px;
    padding-right: 40px;
    list-style: none;
    margin-left: 0;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.price-unchecklist1 li.last {
    border-bottom: 0px;
}
.price-unchecklist-bonus {
    padding-left: 8%;
}

.price-checklist-bonus {
    padding-left: 8%;
}


ul.price-checklist3 {
    padding-left: 13px;
}
.price-checklist3 li {
    background: url(../check3.html) no-repeat left top;
    padding-left: 39px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom:1px solid #f1f1f1;
}

.pro-box li.last, .price-checklist3 li.last {border-bottom:0px;}



.coupon {
    border: 2px dashed rgb(246 197 65);
    border-radius: 5px;
    display: inline-block;
    color: rgb(240 192 64);
    padding: 2% 4%;
}
.text-bg {
    background: url(../textbg.html) no-repeat center center;
    padding: 12px 12px;
    color: #fff;
    display: inline-block;
}

.lite-title {
    background-color: #eff1f3;
    width: 108%;
    margin-left: -4%;
    padding: 4% 0;
    text-align: center;
    margin-bottom: 6%;
}
.pro-title{background-image: linear-gradient(to right, #f87a5c , #ff436f);width: 108%;margin-left: -4%;padding: 4% 0;margin-bottom: 6%;text-align: center;color: #fff;}

.table-box-section {
    padding: 0 2.2%;
    margin-top: 1%;
}
.table-box-out {
    padding: 0 7px;
    margin-top: 3.5%;
    position: relative;
    z-index: 1;
}

.table-box1 {
    background: url(../tablebg.html) no-repeat center top;
    background-size: cover;
    
    
    
    
    overflow: hidden;
    border-radius: 50px;
    background-color: rgb(8, 8, 20);
    box-shadow: 0px 14px 43px 0px rgb(0 0 0 / 18%);
padding: 6%;margin-top: 9%;}
.table-box1-inn {
    border-radius: 50px;
    background-color: rgb(255 255 255 / 6%);
    border-width: 1px;
    border-color: rgb(255 255 255 / 12%);
    border-style: solid;
padding: 6% 0 8% 0;}
.table-box2 {
    padding: 0;
    padding-bottom: 8%;
    border-radius: 40px;
    background-color: #231b48;
    overflow: hidden;
}

.table-box3-out {
    margin-top: 4%;
    text-align: center;
    padding: 0 1%;
}
.table-box3 {
    padding: 0% 0 8% 0px;
    
    
    position: relative;
    overflow: hidden;
background: url(../tablebg.html) no-repeat center bottom;
    background-size: cover;border-radius: 25px;
  background-color: rgb(18, 18, 21);
  box-shadow: 0px 35px 90px 0px rgba(56, 23, 36, 0.51);}

.table-list{
    margin-top: 5%;
}
.table-list li{
    margin: 3.5% 0;
}

.cover{
    position: relative;
    margin-top: 0;
    z-index: 1;
}

.table-box3-top{
	
	
	padding: 8% 0 0 0;
	
}

.table-box3-top span{
	background-color: rgb(255, 226, 52);
	display:inline-block;
	padding:0.5% 3.4%;
	border-radius: 50px;	
}

/**/
.tableTop1, .tableTop2 {
    position: relative;
    margin-bottom: -6%;
    width: 86%;
}


.arrow2 {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}


/*banner-section*/

.Leapbg {
    background: url(../png/leapshap.png) no-repeat center center;
    padding: 2px 30px;
    background-size: contain;
    width: 32%;
	text-align: center;
}
.bnh1 {
    background: linear-gradient(to right, #ff7a12, #fd465b 60%, #ad1ce4 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.meetbg {
    background: url(../png/bannarshap1.png) no-repeat center center;
    background-size: contain;
    padding: 3% 1% 3.9% 1%;
    margin-top: 1.5%;
}

.bannar-respons {
    border: 4px solid #4d0558;
    border-radius: 20px;
    max-width: 94%;
    margin: auto;
    background-color: #000;
}


.arrowLeft {
    position: absolute;
    left: 90%;
    top: -40%;
}
.arrowRight {
    position: absolute;
    right: 90%;
    top: -40%;
}



.text-underline {
    border-bottom: 1px solid #d04b96;
}
.titleBg {
    display: inline-block;
    color: #fc2b53;
    padding: 0.4% 1.2% 0.2% 1.2%;
    border-radius: 0;
    background-color: rgb(252 43 83 / 13%);
}
 
.banner-title {
    background: url(../titlebg.html) no-repeat center center;
    background-size: contain;
    padding: 3.3% 0 1.3% 3%;
    text-align: center;
    margin-top: -1%;
}
.banner-title2 {
    display: inline-block;
    padding: 1.4% 3.7%;
    border-width: 1px;
    border-color: rgb(17, 18, 19);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 10px 10px 0px 0px #6f2ce2;
}
.banner-title3 {
    display: inline-block;
    padding: 0.3% 1% 0.1% 1%;
    border-radius: 4px;
    background-color: #fa2828;
    position: relative;
    box-shadow: 0px 3px 0px 0px rgb(0 0 0 / 29%);
}
.banner-title3:after {
    content: '';
    position: absolute;
    right: 44%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 14px solid #fa2828;
    clear: both;
}


.banner-text{padding: 0 9px;}

.video-section-bg {
    background: url(../videobg.html) no-repeat center top;
    background-size: cover;
    padding: 4% 0% 0 0%;
    margin-top: -1%;
}
 
.gradient-text{
	-webkit-text-fill-color: transparent;
	border-bottom: 1px solid;
	border-image: -webkit-linear-gradient(0deg, #fe7716, #b11fde);
	border-image-slice: 1;
	background-image: -webkit-linear-gradient(0deg, #fe7716, #b11fde);
	background-repeat: repeat;
	-webkit-background-clip: text;
} 
.gradient-text2 {
    -webkit-text-fill-color: transparent;
    display: block;
    background-image: -webkit-linear-gradient(0deg, #d400fe, #2f2f90);
    background-repeat: repeat;
    -webkit-background-clip: text;
} 
.gradient-text3 {
    -webkit-text-fill-color: transparent;
    display: block;
    background-image: -webkit-linear-gradient(0deg, #0225b4, #1cb4e0);
    background-repeat: repeat;
    -webkit-background-clip: text;
} 
.gradient-text4 {
    -webkit-text-fill-color: transparent;
    display: block;
    background-image: -webkit-linear-gradient(0deg, #ff5230, #ff5230);
    background-repeat: repeat;
    -webkit-background-clip: text;
} 
.gradient-text5 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    background-image: -webkit-linear-gradient(0deg, #6fe2d2, #209cff);
    background-repeat: repeat;
    -webkit-background-clip: text;
} 
.gradient-text6 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    background-image: -webkit-linear-gradient(0deg, #e83061, #8e21c6);
    background-repeat: repeat;
    -webkit-background-clip: text;
} 
.gradient-text7 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    background-image: -webkit-linear-gradient(0deg, #ff6eb8, #7d71ff);
    background-repeat: repeat;
    -webkit-background-clip: text;
} 

.bannar-videoShap {
	padding: 0 1.1%; 
}
.vidEle1, .vidEle2, .vidEle3, .vidEle4{
    position: absolute;
}
.vidEle1{
    top: -2%;
    left: -1%;
}
.vidEle2{
    top: 14%;
    right: -0.5%;
}
.vidEle3{
    bottom: 12%;
    left: -1%;
}
.vidEle4{
    right: -1%;
    bottom: -2%;
}

.arrow2A-box{
    position: absolute;
    width: 100%;
    z-index: 2;
    margin-top: -2%;	
}
 
/*section2*/

/* Slider CSS Start */
.hp-slider-main-wrapper{    
    padding: 50px 0 0 0;
}
.hp-slider-main-wrapper .mySwiper {
    overflow: hidden; 
    position: relative;
}
.hp-slider-img img {
    display: block;
    margin: auto;
    width: 100%;
}
.hp-slider-main-wrapper .swiper-button-prev, .hp-slider-main-wrapper .swiper-button-next {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #ba23d1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.hp-slider-main-wrapper .swiper-button-next {
    right: 0px;
}
.hp-slider-main-wrapper .swiper-button-prev {
    left: 0px;
}
.hp-slider-main-wrapper .swiper-button-prev:after, .hp-slider-main-wrapper .swiper-button-next:after {    
    font-size: 15px;
    font-weight: 900;
    color: #fff;
}
@media(max-width:991px){
    .hp-slider-main-wrapper .swiper-button-prev, .hp-slider-main-wrapper .swiper-button-next {
        width: 50px;
        height: 50px;
    }
    .hp-slider-main-wrapper .swiper-button-prev:after, .hp-slider-main-wrapper .swiper-button-next:after {        
        font-size: 14px;
    }
}
@media(max-width:425px){
    .hp-slider-main-wrapper {
        padding: 30px 0 0 0;
    }
    .hp-slider-main-wrapper .swiper-button-prev, .hp-slider-main-wrapper .swiper-button-next {
        width: 35px;
        height: 35px;
        top: 55%;
    }
    .hp-slider-main-wrapper .swiper-button-prev:after, .hp-slider-main-wrapper .swiper-button-next:after {
        font-size: 12px;
    }
}
/* Slider CSS End */


.ele8 {
    position: absolute;    
}

.ele1 {
    position: absolute;
    top: -1%;
    z-index: 1;
}

.titleBg1 {
    background: url(../png/titlebg1.png) no-repeat center center;
    background-size: contain;
    padding: 4% 3% 7% 3%;
    text-align: center;
    margin-top: 1%;
    font-family: 'Orbitron', sans-serif;
}
.titleBg2 {
    background: url(../png/titlebg2.png) no-repeat center left;
    background-size: contain;
    padding: 5% 1% 4% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    position: relative;
    left: -3%;
}
.titleBg2B {
    background: url(../png/titlebg2b.png) no-repeat center left;
    background-size: contain;
    padding: 6% 1% 5% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    position: relative;
    left: -3%;
}
.titleBg3 {
    background: url(../png/titlebg3.png) no-repeat center left;
    background-size: contain;
    padding: 7% 1% 6% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    left: -3%;
}
.titleBg4 {
    background: url(../png/titlebg4.png) no-repeat center left;
    background-size: contain;
    padding: 7% 1% 6% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    left: -3%;
}
.titleBg5 {
    background: url(../png/titlebg5.png) no-repeat center left;
    background-size: contain;
    padding: 7% 1% 6% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    left: -3%;
}
.titleBg6 {
    background: url(../png/titlebg6.png) no-repeat center left;
    background-size: contain;
    padding: 7% 1% 6% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    position: relative;
    left: -3%;
}
.titleBg7 {
    background: url(../png/titlebg7.png) no-repeat center left;
    background-size: contain;
    padding: 7% 1% 6% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    position: relative;
    left: -3%;
}
.titleBg8 {
    background: url(../png/titlebg8.png) no-repeat center left;
    background-size: contain;
    padding: 6% 1% 5% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    position: relative;
    left: -3%;
}
.titleBg9 {
    background: url(../png/titlebg9.png) no-repeat center left;
    background-size: contain;
    padding: 6% 1% 5% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    position: relative;
    left: -3%;
}
.titleBg10 {
    background: url(../png/titlebg10.png) no-repeat center left;
    background-size: contain;
    padding: 6% 1% 5% 9%;
    margin-top: 0;
    margin-bottom: 4%;
    width: 100%;
    position: relative;
    left: -3%;
}
.titleBg11 {
    background: url(../png/titlebg11.png) no-repeat center center;
    background-size: contain;
    padding: 2.8% 3% 5% 3%;
    text-align: center;
    margin-top: 1.5%;
    font-family: 'Orbitron', sans-serif;
}
.titleBg13 {
    background: url(../png/titlebg13.png) no-repeat center center;
    background-size: contain;
    padding: 2.8% 3% 5% 3%;
    text-align: center;
    margin-top: 0;
    font-family: 'Orbitron', sans-serif;
}
.titleBg14 {
    background: url(../png/titlebg14.png) no-repeat center center;
    background-size: contain;
    padding: 2.8% 3% 5% 3%;
    text-align: center;
    margin-top: 0;
    font-family: 'Orbitron', sans-serif;
}

.section2-details {
    padding: 0 9% 0 3%;
}





/*section3*/

.slider {
  position: relative;
  width: 100%;
  top: 0;
  overflow: hidden;
}
.slider .slider-row {
  width: 3935px;
  height: 309px;
  background-image: url(../png/slider1.png);
  background-size: 3935px 309px;
  animation: slide 70s linear infinite;
  background-repeat: repeat-x;
}

@keyframes slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -3935px;
  }
}

.slider2 {
  position: relative;
  width: 100%;
  top: 9%;
  overflow: hidden;
}
.slider2 .slider-row {
  width: 3935px;
  height: 309px;
  background-image: url(../png/slider2.png);
  background-size: 3935px 309px;
  animation: slide2 70s linear infinite;
  background-repeat: repeat-x;
}

@keyframes slide2 {
  from {
    background-position-x: -3935px;
  }
  to {
    background-position-x: 0;
  }
}

.slider-img {
    visibility: hidden;
}


/*section4*/
.section4-details{
    padding: 0 2% 0 2%;
}

/*section5*/
.bgLine1{
    position: relative;
    z-index: 3;
    margin-top: -1%;
}

.section5-details{
    padding: 0 4% 0 1%;
}

.bgLine2 {
    position: absolute;
    z-index: 3;
    top: -0.7%;
}

.feature-img{}
.feature-vid {
    border: 8px solid #000;
    border-radius: 8px;
    max-width: 85%;
    margin: auto;
	padding-bottom: 45.21%;
}

.subtitlesVid-box{
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    width: 88%;
    padding: 5px;
    margin-left: auto;
    position: absolute;
    bottom: 7%;
    right: -7%;
}

/*section6*/
.section6-details{
    padding: 0 2% 0 1%;
}

/*section7*/
.section7-details{
    padding: 0 2% 0 3%;
}


/*section8*/
.versatile {
    max-width: 136%;
    position: relative;
    left: -17%;
}


/*section9*/
.section9-details{
	padding: 0 1% 0 1%;
}
.section9-details p{padding-right: 11%;}

.transcription{
    max-width: 130%;
    position: relative;
    left: -16%;
}

.ele2 {
    position: absolute;
    right: -1%;
    top: 10%;
}

.ele3{position: absolute;left: -2%;top: 17%;}
.ele4{position: absolute;right: -4%;top: 22%;}

.ele5{position: absolute;left: -2%;top: 17%;}
.ele6{position: absolute;right: -3%;top: 11%;}

/*section10*/
.engine{
    position: relative;
    max-width: 128%;
    left: -14%;
}

.ele7 {
    position: absolute;
    left: 0;
    bottom: 11%;
}

/*section11*/
.subtitle {
    position: relative;
    max-width: 131%;
    left: -20%;
}

/*section12*/
.dimensions{
    max-width: 124%;
    position: relative;
    left: -9%;
}

/*section13*/
.section13-title {
    background-color: rgb(255 255 255 / 10%);
    display: inline-block;
    padding: 0.6% 2.8%;
    color: #fff;
    border-radius: 50px;
}

.section13-main-box{
    padding: 0 3%;
    margin-top: 2%;
}
.section13-box-out{
	padding: 2.2%;
}
.section13-box{
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
	padding: 15% 1% 9% 1%;
	text-align:
	center;
	height: 100%;
}
.section13-box h1{
    margin-top: 8%;
}
.section13-box p{color:#4f4f4f;margin-top: 2%;padding: 0 8%;}

/*--section-14--*/

.section14 {
    background: url(../png/section14bg.png) no-repeat center top;
    background-size: cover;
    padding: 7% 0 14% 0;
    position: relative;
    overflow: hidden;
    margin-top: -4.5%;
}
.section14shap{
    background: url(../png/section14shap1.png) no-repeat center center;
    background-size: contain;
    padding: 2.5% 1% 4.5% 1%;
    margin-top: 1.5%;
    font-family: 'Orbitron', sans-serif; 
}
.human-text{
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #fc4459, #e23489,#ae1ddd, #ff6a12);
    border-image-slice: 1;
	    background-image: -webkit-linear-gradient(0deg, #fc4459, #ae1ddd);
    background-repeat: repeat;
    -webkit-background-clip: text;
	    display: inline-block;

}
.videoShap1{
    background: url(../png/videoshap1.png) no-repeat center center;
    background-size: cover;
    padding: 6.5% 3% 22.5% 2%;
}
.insert-pg {
    position: absolute;
    bottom: 9.5%;
    text-align: center;
    width: 92%;
}
.testimonials .responsive-video {
    padding-bottom: 56.25%;
}

/*--section-14-End--*/


/*--section-15--*/

.section15 {
    background: url(../png/section15bg.png) no-repeat center center;
    background-size: cover;
    padding: 6.5% 0 1.5% 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    max-width: 96%;
    margin: auto;
    margin-top: -15.5%;
}
.everythingShap {
    background: url(../png/everythingshap.png) no-repeat center center;
    background-size: contain;
    padding: 2.5% 1% 4.5% 1%;
    margin-top: 1.5%;
    font-family: 'Orbitron', sans-serif;
}
.Turnbg span {
    background-color: rgb(255 255 255 / 11%);
    padding: 0.6% 3.4% 0.5% 3.4%;
    border-radius: 30px;
    margin: auto;
    display: inline-block;
}
.ever-text{
   background: linear-gradient(to right, #ff7a12, #ff7a12,#ba23d1, #ba23d1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
   border-bottom: 1px solid;
  border-image: linear-gradient(to right, #ff7a12, #ff7a12,#ba23d1, #ba23d1);
  border-image-slice: 1;
      background-image: -webkit-linear-gradient(0deg, #ff7a12, #ba23d1);
    background-repeat: repeat;
    -webkit-background-clip: text;
}

/*--section-15-End--*/

/*--section-16--*/

.section16 {
    background: url(../png/section16bg.png) no-repeat center top;
    background-size: cover;
    padding: 13% 0 5% 0;
    position: relative;
    overflow: hidden;
    margin-top: -8.5%;
}
.section16shap1 {
    background: url(../png/section16shap1.png) no-repeat center center;
    padding: 2px 0%;
    background-size: contain;
}
.unlockbg{
    background: url(../png/section16shap2.png) no-repeat center center;
    background-size: contain;
    padding: 3.2% 1% 6.2% 1%;
    margin-top: 2%;
    font-family: 'Orbitron', sans-serif;
}
.unlock-text{
    background: linear-gradient(to right, #ff7a12, #ff7a12,#ba23d1, #ba23d1);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #ff7a12, #ff7a12,#ba23d1, #ba23d1);
    border-image-slice: 1;
	    background-image: -webkit-linear-gradient(0deg, #ff7a12, #ba23d1);
    background-repeat: repeat;
    -webkit-background-clip: text;
}

.hirebg {
    padding: 0 3px;
}
.checklisttext li span.box-text {
    background: url(../png/crose1.png) no-repeat 0 9px;
    padding-left: 39px;
    list-style: none;
    margin-left: 0px;
    padding-top: 1%;
    padding-bottom: 1%;
    display: -webkit-inline-box;
}

.list-box{
    padding-top: 1%;
}
.checklisttext{
}
.checklisttext li {
    padding: 2% 8%;
    color: #000;
}
.checklisttext li:nth-child(odd) {
    background-color: #fbd9dd;
}
.text1000 {
    background-color: #e7293f;
    color: #fff;
    display: inline-block;
    padding: 0px 5px;
}
.checklist2 li {
    padding: 1% 8%;
    background-color: #fee5e8;
    color: #000;
}
.checklist2 li span.box-text {
    background: url(../png/crose1.png) no-repeat 0 10px;
    padding-left: 35px;
    list-style: none;
    margin-left: 0px;
    padding-top: 1%;
    padding-bottom: 1%;
    display: -webkit-inline-box;
}
.section16Shap4 {
    background: url(../png/section16shap4.png) no-repeat center center;
    padding: 15px 25px 20px 40px;
    background-size: contain;
    width: 80%;
}

 

.without-box-out{padding: 0 7.6% 0 0%;z-index: 1;}
.without-box {
    border-left: 1px solid rgb(231, 41, 63);
    border-right: 1px solid rgb(231, 41, 63);
    background-color: rgb(254, 229, 232);
    padding: 2% 0 1% 0;
    z-index: 1;
}

.with-box-out{padding: 0 0% 0 5.2%;z-index: 1;}
.with-box{	
	padding: 0;
}

.without-box-inn{position:relative;padding:0;filter: drop-shadow(0px 4px 17px #06030b24);}
.with-box-inn{position:relative;padding:0;filter: drop-shadow(0px 4px 17px #06030b24);}

.withTop{width: 100%;}
.withBottom{width: 100%;}


.with-top-bg {
    background: url(../png/withtopbg.png) no-repeat center top;
    background-size: cover;
    padding: 7.3% 0 7.3% 0;
}

.with-bottom{
	border-left:1px solid #100921;
	border-right:1px solid #100921;
	background-color: #fff;
	padding: 0 0 2% 0;
}  


.widthbg {
    background-color: #e7293f;
    padding: 1.5% 5.5% 0.5% 5.5%;
    border-radius: 30px;
    margin: auto;
    display: inline-block;
}

.widtbox {
    background-color: #48a10d;
    padding: 1.4% 4.1% 0.5% 4.1%;
    border-radius: 30px;
    display: inline-block;
}

.withEle1, .withEle2, .withEle3, .withEle4, .withEle5, .withEle6, .withEle7, .withEle8{position: absolute;}
.withEle1 {   
    top: -1.5%;
    left: 30%;
    width: 40%;
    z-index: 1;
}
.withEle2 {
    top: 14%;
    right: -2.5%;
    width: 2.5%;
    z-index: 1;
}
.withEle3 {
    bottom: 22%;
    right: -2.5%;
    width: 2.5%;
    z-index: 1;
}
.withEle4 {
    top: 31%;
    left: -2.9%;
    width: 2.5%;
    z-index: 1;
}


.withEle5 {
    top: -1.3%;
    left: 28%;
    width: 45%;
    z-index: 1;
}
.withEle6 {
    top: 30%;
    right: -2.5%;
    width: 2.5%;
    z-index: 1;
}
.withEle7 {
    top: 13%;
    left: -3.3%;
    width: 3.5%;
    z-index: 1;
}
.withEle8 {
    bottom: 15%;
    left: -3.1%;
    width: 3.3%;
    z-index: 1;
}

.emoji {
    position: absolute;
    bottom: -7.5%;
    left: -18%;
    z-index: 2;
}

.vs{
    margin-top: -43%;
    position: relative;
    left: -1%;	
}

.macbook {
    position: absolute;
    text-align: center;
    bottom: -8%;
    left: 78%;
    width: 100%;
    z-index: 1;
}

.widebg {
    padding: 0px 1px 0 1px;
}
.checklist3 li {
    padding: 2% 8%;
    background-color: #fff;
    color: #000;
    border-bottom: 2px solid #dfdee1;
}
.checklist3 li:last-child {
    border-bottom: 0px;
}
.checklist3 li span.box-text {
    background: url(../png/check1.png) no-repeat 0 11px;
    padding-left: 39px;
    list-style: none;
    margin-left: 0px;
    padding-top: 2%;
    padding-bottom: 2%;
    display: -webkit-inline-box;
}
.checklist3 {
    padding: 8px 0px;
}
.section16Shap6 {
    background: url(../png/section16shap6.png) no-repeat center center;
    padding: 18px 25px 22px 25px;
    background-size: contain;
    width: 75%;
}




/*--section-16-End--*/

/*--section-17 -*/

.section17 {
    background: url(../png/section17bg.png) no-repeat center top;
    background-size: cover;
    padding: 5% 0 4% 0;
    position: relative;
    overflow: hidden;
    margin-top: -6%;
    z-index: 1;
}
.introbg {
    background-color: rgb(255 255 255 / 1%);
    padding: 7.2px 31px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    display: inline-block;
}
.section17Shap1 {
    background: url(../png/section17shap1.png) no-repeat center center;
    background-size: contain;
    padding: 1.2% 0% 0.8% 0%;
    margin-top: 2%;
}
.bg17-animate {
    background: linear-gradient(to right, #cd2aac, #ae1dde);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #cd2aac, #ae1dde);
    border-image-slice: 1;
}
.spokepg {
    margin-top: 23px;
}
.bg17-1 {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 1px 39px;
	display:inline-block;
}
.bg17-2 {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 1px 23px;
	display:inline-block;
}
.bg17-animate2 {
    background: linear-gradient(to right, #ff6f12, #ff5337);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #ff6f12, #ff5337);
    border-image-slice: 1;
}


.video-box2 {
    position: relative;
    text-align: center;
    padding: 0;
    margin-top: 3%;
}
.create-video {
    width: 100%;
    position: absolute;
}
.Introducingimg {
    /* position: absolute; */
    max-width: 100%;
    margin: auto;
    float: none;
}


/*--section-17-End--*/

/*--section-18 -*/

.section18 {
    background: url(../png/section18bg.png) no-repeat center top;
    background-size: cover;
    padding: 6% 0 4% 0;
    position: relative;
    overflow: hidden;
    margin-top: -4%;
    z-index: 1;
}
.section18Shap1 {
    background: url(../png/section16shap2.png) no-repeat center center;
    background-size: contain;
    padding: 3% 1% 4.5% 1%;
    margin-top: 2%;
    font-family: 'Orbitron', sans-serif;
}
.writetext {
    background: linear-gradient(to right, #ff7a12, #ff7a12,#ec3979, #ad00d9);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #ff7a12, #ff7a12,#ec3979, #ad00d9);
    border-image-slice: 1;
    background-image: -webkit-linear-gradient(0deg, #ff6eb8, #7d71ff);
    background-repeat: repeat;
    -webkit-background-clip: text;	
}
.section18bg1 {
    background-color: rgb(255, 255, 255);
    max-width: 91.4%;
    padding: 0 5% 3% 5%;
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #f772d1, #c872f2) 1;
    margin-top: 8%;
    filter: drop-shadow(0px 21px 57px #4a088e26);
}
.stepL1{
    position: absolute;
    left: -1.5%;
    height: 100.6%;
    top: -0.3%;
}
.stepR1{
    position: absolute;
    right: -1.5%;
    height: 100.7%;
    top: -0.3%;
}

.step1 {
    background: linear-gradient(to right, #c31f94, #6e14cf);
    padding: 6px 32px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 7%;
}
.stepbg1 {
    position: relative;
    left: -23%;
    margin-bottom: 4%;
}
.seclect-text {
    padding: 0;
}
@media(min-width:768px){
.computer1 {
    margin-top: -10%;
}
}
.connection {
 
}

.step-vid video {
    border: 9px solid #040404;
    border-radius: 5px;
    margin-top: -14%;
    width: 100%;
}



/*box-2*/

.section18bg2 {
    background-color: rgb(255, 255, 255);
    max-width: 91.4%;
    padding: 0 5% 3% 5%;
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #ff8098, #ffaa85) 1;
    margin-top: 1%;
    filter: drop-shadow(0px 21px 57px #4a088e26);
}
.stepL2{
    position: absolute;
    left: -1.5%;
    height: 101%;
    top: -0.7%;
}
.stepR2{
    position: absolute;
    right: -1.5%;
    height: 101.1%;
    top: -0.8%;
}


.stepbg2 {
    position: relative;
    right: -23%;
    margin-bottom: 4%;
    margin-top: 6%;
}
.step2 {
    background: linear-gradient(to right, #f28b28, #fc664d);
    padding: 6px 32px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 7%;
}
.step-right {
    text-align: right;
}
.connection2 {

}

/*box-3*/

.section18bg3 {
    background-color: rgb(255, 255, 255);
    max-width: 91.4%;
    padding: 0 5% 3% 5%;
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #4babff, #3bf3ff) 1;
    margin-top: 1%;
    filter: drop-shadow(0px 21px 57px #4a088e26);
}
.stepL3{
    position: absolute;
    left: -1.5%;
    height: 101.2%;
    top: -0.5%;
}
.stepR3{
    position: absolute;
    right: -1.5%;
    height: 101.2%;
    top: -0.5%;
}

.stepbg3 {
    position: relative;
    left: -23%;
    margin-bottom: 4%;
    margin-top: 14%;
}

.step3 {
    background: linear-gradient(to right, #0163eb, #00bbf9);
    padding: 6px 32px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 7%;
}
.arrowDown18 {
    margin-top: -2%;
}

/*--section-18-End--*/

/*--section-19 -*/

.section19 {
    background: url(../png/section19bg.png) no-repeat center top;
    background-size: cover;
    padding: 7% 0 3% 0;
    position: relative;
    overflow: hidden;
    z-index: 99;
    max-width: 96%;
    margin: auto;
    margin-top: -5.8%;
}
.section19Shap1{
    background: url(../png/section19shap1.png) no-repeat center center;
    background-size: contain;
    padding: 3.3% 0% 4.9% 0%;
    font-family: 'Orbitron', sans-serif;
}
.demotext{
    background: linear-gradient(to right, #ff7a12, #ff7a12,#ec3979, #ad00d9);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #ff7a12, #ff7a12,#ec3979, #ad00d9);
    border-image-slice: 1;
    background-image: -webkit-linear-gradient(0deg, #ff7a12, #ad00d9);
    background-repeat: repeat;
    -webkit-background-clip: text;	
}
.access {
    margin-bottom: 20px;
}
.bg19-1 {
    background-color: rgb(255 255 255 / 11%);
    padding: 1px 29px;
    border-radius: 30px;
    display: inline-block;
}
.bg19-2 {
    background-color: rgb(255 255 255 / 11%);
    padding: 1px 29px;
    border-radius: 30px;
    display: inline-block;
}
.videoShap19-box {
    padding: 0 1.6%;
}
.videoShap19 {
    background: url(../png/videoshap19.png) no-repeat center center;
    background-size: cover;
    padding: 2.5% 2% 2.5% 2%;
}
.mybutton19 a {
    font-family: 'Orbitron', sans-serif;
    padding: 8px 71px 9px 0px;
    border-radius: 60px;
    background: linear-gradient(to top, #f83600 0%, #facc22fe 100%);
    display: inline-block;
    position: relative;
    width: 77%;
}
.mybutton19 a::before {
    border-radius: 60px;
    content: '';
    background-image: linear-gradient(to bottom, #888888 0%, #fdfdfd 100%);
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    position: absolute;
    z-index: -1;
}
.mybutton19 a:hover {
    transition-duration: 0.3s;
    background-image: -webkit-linear-gradient( 10deg, rgba(250,204,34,0.99608) 0%, rgb(248,54,0) 100%);
}

.arrow1 {
    position: absolute;
    left: 95%;
    top: -45%;
}
.btarrow2 {
    position: absolute;
    right: 95%;
    top: -45%;
}

/*--section-19-End--*/

/*--section-20 -*/

.section20 {
    background: url(../png/section20bg.png) no-repeat center top;
    background-size: cover;
    padding: 7% 0 4% 0;
    position: relative;
    overflow: hidden;
    margin-top: -4%;
}
.section20Shap1{
    background: url(../png/section20shap1.png) no-repeat center center;
    background-size: contain;
    padding: 2.5% 0% 4.8% 0%;
    font-family: 'Orbitron', sans-serif;
}
.realtext{
    background: linear-gradient(to right, #ff7a12, #ff7a12,#ec3979, #ad00d9);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #ff7a12, #ff7a12,#ec3979, #ad00d9);
    border-image-slice: 1;
    background-image: -webkit-linear-gradient(0deg, #ff7a12, #ad00d9);
    background-repeat: repeat;
    -webkit-background-clip: text;	
}
.result-pg {
    margin: 0 0 12px 0;
}
.result-box {
    padding: 0 2.2%;
}
.result-inner {
    padding: 10% 9%;
    height: 100%;
}

.section20-main-box {
    padding: 0 2.7%;
}


/*section21*/
.titleBg12 {
    background: url(../png/titlebg12.png) no-repeat center center;
    background-size: contain;
    padding: 2.8% 3% 5% 3%;
    text-align: center;
    margin-top: 1.5%;
    font-family: 'Orbitron', sans-serif;
}
.robo21 {
    position: absolute;
}
.price-table {
    padding: 0 5px;
    position: relative;
    width: 96%;
    margin-top: 12%;
    margin-bottom: 8%;
}

.features-box1{
	width: 49%;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(234, 24, 123);
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 14px 40px 0px rgba(0, 0, 0, 0.4);
	border-right: 0;
	padding: 2.5% 0 0 0;
}
.features-box1-section{
	width: 100%;
	
}

.features-box2 {
    width: 26%;
    padding: 2.5% 1% 1% 1%;
    border-radius: 14px;
    background: url(../png/features2bg.png) no-repeat center bottom;
    background-size: cover;
    position: relative;
    margin-top: -5.3%;
    box-shadow: 0px 11px 21px 0px rgb(0 0 0 / 51%);
    z-index: 1;
    background-color: #590872;
    margin-bottom: -4%;
}

.features-box3 {
    width: 24%;
    padding: 2.5% 0 0 0;
    overflow: hidden;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(234, 24, 123);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 14px 40px 0px rgb(0 0 0 / 40%);
    border-left: 0;
}




.features-box1-section ul{padding: 0;margin-top: 3%;}
.features-box1-section li {
    padding: 3.7% 8%;
    text-align: left;
}
.features-box1-section li:nth-child(odd) {
	background-color: rgb(244, 243, 255);
} 


.features-box2-inn{
    border-width: 2px;
    border-color: rgb(255 255 255 / 20%);
    border-style: dotted;
    border-radius: 14px;
    padding: 0 0 17% 0;
    margin-bottom: 0;
}

.features-box2 ul{margin-top: 14%;}
.features-box2 li{
	padding: 7.6% 0;
	border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.features-box2 li:last-child{border-bottom:0px;}

.features-box3 ul{
    margin-top: 9%;
}
.features-box3 li{
	padding: 7.5% 0;
	border-bottom: 1px solid rgb(240, 247, 247);
}
.features-box3 li:nth-child(odd) {
	background-color: rgb(244, 243, 255);
} 

.features-box3 li:last-child{border-bottom:0px;}


.bottom-text1 {margin-top: 12%;}

.bottom-text2 {margin-top: 13%;}


.features-text {
    padding: 0px 8% 0% 9%;
    margin-top: 0;
}
.price-text{
    padding: 0 8% 7% 8%;
    margin-top: 5%;	
}

.parallelogram-box {
    overflow: hidden;
    border-left: 0;
    border-top-left-radius: 0;
    margin-bottom: -1px;
    width: 1%;
    height: 315px;
    position: absolute;
    top: 0;
    left: 2px;
}
.parallelogram-box:before {
    display: block;
    content: '';
    background: #e9187a;
    height: 94%;
    margin-top: 0;
    margin-left: 0;
    width: 2px;
    position: absolute;
    z-index: 1;
}
.parallelogram {
    width: 238px;
    height: 187%;
    margin: 0 0 0 0;
    -webkit-transform: skew(36deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    overflow:
    hidden;
    position:
    relative;
    border: 2px solid #ea187b;
    background-color: rgb(255, 255, 255);
    /* border-bottom: 0; */
    /* border-left: 0; */
    margin-top: 0px;
    border-top-left-radius: 0;
}

.parallelogram-box2 {
    overflow: hidden;
    border-left: 0;
    border-top-left-radius: 0;
    margin-bottom: -1px;
    width: 1%;
    height: 315px;
    position: absolute;
    bottom: 0;
    left: 2px;
}
.parallelogram-box2:before {
    display: block;
    content: '';
    background: #e9187a;
    height: 94%;
    margin-top: 0;
    margin-left: 0;
    width: 2px;
    position: absolute;
    z-index: 1;
    bottom: 0;
}
.parallelogram2 {
    width: 212px;
    height: 187%;
    margin: 0 0 0 0;
    -webkit-transform: skew(-34deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    overflow:
    hidden;
    position:
    relative;
    border: 3px solid #ea187b;
    background-color: rgb(255, 255, 255);
    /* border-left: 0; */
    margin-bottom: 0;
    border-top-left-radius: 0;
    bottom: 87%;
}

.parallelogram-box3 {
    overflow: hidden;
    border-left: 0;
    border-top-left-radius: 0;
    margin-bottom: 0;
    width: 1%;
    height: 317px;
    position: absolute;
    top: -1px;
    right: 2px;
    border-top: 3px solid #ea187b;
}
.parallelogram-box3:before {
    display: block;
    content: '';
    background: #e9187a;
    height: 89%;
    margin-top: 0;
    margin-right: 0;
    width: 2px;
    position: absolute;
    z-index: 1;
    right: 0;
}
.parallelogram3 {
    width: 231px;
    height: 188%;
    margin: 0 0 0 0;
    -webkit-transform: skew(-38deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    overflow:
    hidden;
    position:
    relative;
    border: 2px solid #ea187b;
    background-color: rgb(255, 255, 255);
    margin-top: 0px;
    border-top-left-radius: 0;
    border-top: 0;
    bottom: 95%;
}

.parallelogram-box4 {
    overflow: hidden;
    border-left: 0;
    border-top-left-radius: 0;
    margin-bottom: 0;
    width: 1%;
    height: 317px;
    position: absolute;
    bottom: -0.5px;
    right: 2px;
    border-bottom: 3px solid #ea187b;
}
.parallelogram-box4:before {
    display: block;
    content: '';
    background: #e9187a;
    height: 92%;
    margin-bottom: 0;
    margin-right: 0;
    width: 2px;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
}
.parallelogram4 {
    width: 234px;
    height: 200%;
    margin: 0 0 0 0;
    -webkit-transform: skew(37deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    overflow:
    hidden;
    position:
    relative;
    border: 2px solid #ea187b;
    background-color: rgb(255, 255, 255);
    margin-top: 0px;
    border-top-left-radius: 0;
    border-top: 0;
    bottom: -2%;
}


/*section22*/



.section22-box-out {
    padding: 0 1.7%;
}

.section22-box{
	padding: 0;
}
.section22-box-inn {
    background-color: #ffeadb;
    border: 1px solid #ffa364;
    border-top: 0;
    border-bottom: 0;
    padding: 0 12px 0 12px;
}
.section22-box-inn2{
    background-color: #fff;
    padding: 0 10% 5% 10%;
    box-shadow: 0px 6px 24px 0px rgba(89, 151, 44, 0.1);
}
.a1{
    width: 100%;
    position: relative;
    z-index: 1;
}
.a2{
    width: 100%;
    position: relative;
    z-index: 1;
}

.section22-box-out h1{margin-top: 15%;}

.section22-box ul{
    margin-top: 8%;
}
.section22-box li{
    background: url(../png/checkpoint.png) no-repeat left 2px;
    padding-left: 34px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0;
    color: #444444;
}


.section22-box2-inn {
    background-color: #efd4f8;
    border: 1px solid #bf7efc;
    border-top: 0;
    border-bottom: 0;
    padding: 0 12px 0 12px;
}
.section22-box2-inn2 {
    background-color: #fff;
    padding: 0 10% 5% 10%;
    box-shadow: 0px 6px 21px 0px rgb(239 211 246 / 19%);
}

.section22-box3-inn{
    background-color: #d6edff;
    border: 1px solid #87c2f8;
    border-top: 0;
    border-bottom: 0;
    padding: 0 12px 0 12px;
}
.section22-box3-inn2{
    background-color: #fff;
    padding: 0 10% 5% 10%;
    box-shadow: 0px 6px 21px 0px rgba(69, 112, 208, 0.19);
}



/*section23*/
.deal {
    position: relative;
    max-width: 112%;
    left: -2%;
}

/*section24*/
.section24-title {
    background-color: #ffcab1;
    display: inline-block;
    padding: 0.8% 3.3% 0.5% 3.3%;
    color: #000;
    border-radius: 50px;
}

.table1-box {
    padding: 0 4% 0 5%;
}
.table1-box-inn {
    padding: 0;
    text-align: center;
}
.table1-box-top {
    background: url(../png/tablebg2.png) no-repeat center top;
    background-size: cover;
    text-align: center;
    padding:13% 0% 13.5% 0%;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0px 7px 16px #12071a29);
}
.table1-title {
    background-color: rgb(188, 184, 192);
    display: inline-block;
    padding: 1.5% 5.4% 0.9% 5.4%;
    border-radius: 50px;
}

.table1-box-list {
    border-width: 0px 1px 2px 1px;
    border-color: rgb(90, 81, 97);
    border-style: solid;
    border-bottom: 0;
    background-color: #e4e1e6;
    width: 88.8%;
    margin: auto;
    padding: 0 2.5%;
    margin-top: -3%;
}
.table1-box-list-inn{
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 6px 21px 0px rgba(69, 112, 208, 0.19);
	padding: 10% 0% 5% 0%;
}
.bonuses-title {
    background-image: -moz-linear-gradient( 0deg, rgb(82,73,89) 0%, rgb(128,113,139) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(82,73,89) 0%, rgb(128,113,139) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(82,73,89) 0%, rgb(128,113,139) 100%);
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    padding: 4% 2% 3% 2%;
    margin-top: 4%;
    margin-bottom: 4%;
    position: relative;
}
.checklist1 {
    padding: 0 7%;
}

.paytm-box {
    border: 1px solid rgb(181, 181, 181);
    padding: 2% 4.6%;
    display: inline-block;
}
.paytm-tx {
    margin-top: 40px;
}

.mybutton3 a {
    position: relative;
    display: block;
}
.mybutton3 a .instant-box-out {
	padding: 3px;
	display: inline-block;
	border-radius: 60px;
	background-image: linear-gradient(to right, #e2e2e2, #878787, #ffffff, #888888, #fefefe);
	box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.33);
	width: 100%;
}
.mybutton3 a .instant-box{
    font-family: 'Orbitron', sans-serif;
    padding: 3% 8% 3% 2%;
    background-image: -webkit-linear-gradient( -90deg, rgba(250,204,34,0.99608) 0%, rgb(248,54,0) 100%);
    display: inline-block;
    position: relative;
    width: 100%;
    display: block;
    border-radius: 60px;
}


.mybutton3 a:hover .instant-box-out {
    transition-duration: 0.5s;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

.mybutton3 a:hover .instant-box{
	 background-image: -webkit-linear-gradient( -90deg, rgb(248,54,0) 0%, rgba(250,204,34,0.99608) 100%);
}

.btnArrow2 {
    position: absolute;
    top: 16%;
    right: 4%;
}




.table2-box {
    padding: 0 5% 0 4%;
}
.table2-box-inn {
    padding: 0;
    text-align: center;
}  
.table2-box-top {
    background: url(../png/tablebg2.png) no-repeat center top;
    background-size: cover;
    text-align: center;
    padding:13% 0% 13.5% 0%;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0px 9px 21px #2b084778);
}
.table2-title {
    background-color: rgb(76, 174, 10);
    display: inline-block;
    padding: 1.5% 5.4% 0.9% 5.4%;
    border-radius: 50px;
    color: #fff;
}
.table2-box-list{
	border-width: 1px;
	border-color: rgb(90, 81, 97);
	border-style: solid;
	border-bottom: 0;
	background-color: #f2e2ff;
	width: 88.8%;
	margin: auto;
	padding: 0 2.5%;
	margin-top: -3%;
}
.table2-box-list-inn{
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 6px 21px 0px rgba(69, 112, 208, 0.19);
	padding: 10% 0% 5% 0%;
}
.bonuses-title2 {
    background-image: -moz-linear-gradient( 0deg, rgb(129,33,97) 0%, rgb(52,14,141) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(129,33,97) 0%, rgb(52,14,141) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(129,33,97) 0%, rgb(52,14,141) 100%);
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    padding: 4% 2% 3% 2%;
    margin-top: 4%;
    margin-bottom: 4%;
    position: relative;
}
.one-time-bg {
    background: url(../png/one-time-bg.png) no-repeat;
    display: inline-block;
    padding: 0.6% 2.8%;
    color: #fff;
    border-radius: 50px;
}


.tableEleA, .tableEleB, .tableEleC, .tableEleD{
    position: absolute;
}
.tableEleA{
    top: 0px;
    left: 0;
}
.tableEleB{
    top: 0;
    right: 0;
    transform: rotate(95deg);
}
.tableEleC{
    bottom: 0;
    left: 0;
    transform: rotate(-95deg);
}
.tableEleD{
    bottom: 0;
    right: 0;
    transform: rotate(175deg);
}

.bonusshap1, .bonusshap2 {
    margin: auto;
    position: relative;
    z-index: 2;
    margin-top: -1px;
    max-width: 88.8%;
}


/*section24-end*/

/*section25*/

.titleBg25 {
    background: url(../png/titlebg14.png) no-repeat center center;
    background-size: contain;
    padding: 3.8% 3% 4.8% 3%;
    text-align: center;
    margin-top: 0;
    font-family: 'Orbitron', sans-serif;
}
.checklist2 li {
    background: url(../png/checklist2.png) no-repeat left 1px;
    padding-left: 50px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 3%;
    margin-top: 3%;
    padding-right: 0;
}
.evolution-box1 {
    padding: 4.5% 0% 4.5% 0;
    border-right: 1px solid #ffffff1f;
}
.evo-line {
    border: 1px solid #ffffff1f;
}

.generation {
    margin-bottom: 8%;
}


/*section25-end*/

/*section26*/


.titleBg26 {
    background: url(../png/titlebg26.png) no-repeat center center;
    background-size: contain;
    padding: 2.8% 3% 5% 3%;
    text-align: center;
    font-family: 'Orbitron', sans-serif;
}


.footer-section{padding: 0 3.8%;}
.accordion .fa {
    float: right;
    margin-top: 4px;
    font-weight: bold;
    color: #c8b3f3;
}
.footer-section .card {
    border: 1px solid rgb(208, 191, 241);
    margin: 3% 0;
    color: #fff;
    padding: 0;
    border-radius: 13px;
    background-color: white;
    box-shadow: -8px 8px 0px 0px #c9b4f4;
    overflow: hidden;
    }

.footer-section .card-header{
    padding: 0;
    border: 0;
    box-shadow: none;
}

.footer-section .card-header button{
	width: 100%;
	text-align: left;
	/* padding: 1% 6% 1% 0%; */
	white-space: break-spaces;
	border: 0;
	transition:0.5s;
	border-radius: 0;
	background-color: #fff;
	color: #151622;
}

.footer-section .card-header button.collapsed {
    background-color: rgb(255, 255, 255);
    background-image: none;
    color: #151622;
}
.footer-section .card-body{
    padding: 0 6% 5% 6%;
    color: #151622;
    }
.btn:focus, .btn:hover {
    text-decoration: none !important;
}

.faqEle{}

.textBg1 {
    background: url(../png/textbg1.png) no-repeat center center;
    padding: 16px 0px 8px 0px;
    background-size: contain;
}

.card-header button {
    background: url(../png/que.png) no-repeat 21px center !important;
    background-position: 5%;
    padding-left: 65px;
    padding-right: 1%;
    list-style: none;
    margin-left: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    border: 0;
    background-color: #fff !important;
    padding-right: 6%;
}


/*new*/

.titleBg26-2 {
    background: url(../png/titlebg26-2.png) no-repeat center top;
    padding: 9px 0px 6px 10px;
    background-size: contain;
    width: 100%;
}

.mybutton4 a {
    font-family: 'Orbitron', sans-serif;
    padding: 7px 71px 7px 0px;
    border-radius: 60px;
    background-image: -moz-linear-gradient( -90deg, rgba(250,204,34,0.99608) 0%, rgb(248,54,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(250,204,34,0.99608) 0%, rgb(248,54,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(250,204,34,0.99608) 0%, rgb(248,54,0) 100%);
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.23);
    border: 5px solid;
    display: inline-block;
    position: relative;
    width: 75%;
}
.mybutton4 a:hover {
    transition-duration: 0.5s;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.50);
}

/*section26-end*/

/*section27*/

.titleBg27 {
    background: url(../png/titlebg27.png) no-repeat center center;
    background-size: contain;
    padding: 2.8% 3% 5% 3%;
    text-align: center;
    margin-top: 1.5%;
    font-family: 'Orbitron', sans-serif;
}
.videoShap2{
    background: url(../png/videoshap2.png) no-repeat center center;
    background-size: contain;
    padding: 7% 8% 15% 6%;
}
.insert-pg2 {
    position: absolute;
    bottom: 10.5%;
    left: 33%;
}
.testimonials .responsive-video {
    padding-bottom: 56.25%;
}


.swiper-pagination1 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
}

.ag-slide-block {
  overflow: hidden;
}
.ag-slide_item {
  padding: 0;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.ag-slide_img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  -webkit-box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  transition: ease 0.5s;
}
.ag-slide_info {
  width: 100%;
  margin: 0 auto;
  padding: 10px 8px 5px;
  background-color: #FFF;

  opacity: 0.5;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  transition: ease 0.5s;
}
.ag-slide-info_descr {
  float: left;
}
.ag-slide-info_category {
  font-size: 8px;
  display: block;
  color: #959494;
  padding-bottom: 5px;
}
.ag-slide-info_title {
  line-height: 10px;
  width: 150px;
  padding-bottom: 5px;

  font-weight: 800;
  font-size: 10px;
  color: #262626;

  will-change: transform;
}
.ag-slide-info_route {
  display: block;
  line-height: 10px;

  font-size: 8px;
  color: #959494;
}
.ag-slide-info_img {
  display: inline-block;
  width: 10px;
  height: 10px;

  -webkit-transform: translateY(25%);
  -moz-transform: translateY(25%);
  -ms-transform: translateY(25%);
  -o-transform: translateY(25%);
  transform: translateY(25%);
}
.ag-slide-info_rate {
  float: right;
  height: 40px;
  width: 40px;
  border: 1px solid #e4d7d9;

  text-align: center;

  will-change: transform;

  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.ag-slide-info_strong {
  display: block;

  font-weight: normal;
  color: #fc3b62;
}
.ag-slide-info_comments {
  letter-spacing: -0.01em;
  font-size: 6px;
}


.ag-slide-block .swiper-container {
  padding: 6% 0;
}
.ag-slide-block .swiper-slide {
  padding-left: 0;
  padding-right: 0;
  z-index: 1;
  will-change: transform;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ag-slide-block .swiper-slide-active {
  opacity: 1;

  z-index: 2;

  will-change: transform;

  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);

  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.ag-slide-block .swiper-slide-active .ag-slide_img {
  opacity: 1;
  will-change: transform;
  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  transition: ease 0.5s;
  box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.44);
}
.swiper-slide-active .ag-slide_info {
  opacity: 1;

  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  transition: ease 0.5s;
}



@media (max-width: 400px) {

  .ag-slide-block .swiper-slide {
    padding-left: 0;
    padding-right: 0;
  }
}


/*section27-end*/

/*section28*/

.titleBg28 {
    background: url(../png/titlebg28a.png) no-repeat center center;
    background-size: contain;
    padding: 2.8% 3% 5% 3%;
    text-align: center;
    margin-top: 1.5%;
    font-family: 'Orbitron', sans-serif;
    margin-bottom: 20px;
}
.foundershap28 {
    background: url(../png/foundershap28.png) no-repeat center top;
    background-size: contain;
    padding: 9.5% 0% 3.6% 0%;
    max-width: 39.6%;;
    position: relative;
}
.foundershap28-2 {
    background: url(../png/foundershap28.png) no-repeat center top;
    background-size: contain;
    padding: 9.6% 0% 2.5% 0%;
    max-width: 40%;
    position: relative;
    margin: 0 0 0 6%;

}
.founderimg1 {
    max-width: 47.5%;
}
.founderimg2 {
    max-width: 100%;
}


.f1 {
    position: absolute;
    top: -1.3%;
    left: 33%;
    width: 35%;
    z-index: 1;
}
.f2 {
    position: absolute;
    top: 13%;
    left: -2.3%;
    width: 2.5%;
    z-index: 1;
}
.f3 {
    position: absolute;
    bottom: 20%;
    left: -2.3%;
    width: 2.5%;
    z-index: 1;
}
.f4 {
    position: absolute;
    top: 12%;
    right: -2.5%;
    width: 2.5%;
    z-index: 1;
}
.f5 {
    position: absolute;
    bottom: 18%;
    right: -2.5%;
    width: 2.5%;
    z-index: 1;
}
.f6 {
    position: absolute;
    z-index: 1;
    top: -1.4%;
    left: 28%;
    max-width: 35%;
}
.f7 {
    position: absolute;
    top: 12%;
    left: -2.6%;
    width: 2.7%;
    z-index: 1;
}
.f8 {
    position: absolute;
    bottom: 17%;
    left: -2.6%;
    width: 2.9%;
    z-index: 1;
}
.f9 {
    position: absolute;
    top: 26%;
    right: -2.6%;
    width: 2.8%;
    z-index: 1;
}

.sp_fb_comment {
    max-width: 100%;
    width: 100%;
    margin: auto;
    position: relative;
    background-color: #efd4f8;
    border: 1px solid #bf7efc;
    border-top: 0;
    border-bottom: 0;
    padding: 0 12px 0 12px;
}
.fb-comments {
    max-height: 1455px;
    min-height: 1455px;
    overflow: auto;
    background: rgb(255 255 255)!important;
    border-radius: 0;
    display: inline-block!important;
}


.fbBg{
    width: 100%;
}



/**/
.founder-box-out{
    padding: 0 5.1%;
}
.founder-box{
    padding: 0;
    text-align: center;
    height: 100%;
}

.founder{
    width: 100%;
}

.founder-text {
    background-color: #111833;
    padding: 0 10% 5% 10%;
    margin-top: -27%;
}

.founderBottom{}

/*section28-end*/

/*section29*/

.footer-line {
    border-bottom: 1px solid #fff;
}
.line {
  position: absolute;
  bottom: 23%;
  background-color: rgb(255 255 255 / 13%);
  width: 100%;
  height: 1px;
}
.robo-footer1 {
    position: absolute;
    right: 0%;
    bottom: 65%;
    z-index: 99;
}
.lapy-footer {
    position: absolute;
    top: -10%;
    left: 2%;
	z-index:99;
}


/*faq-section*/
.question-box {
    padding: 0 1.5%;
}

.question-box-inn {   
    padding: 6% 6%;
    margin: 6% 0;
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 18px 38px 0px rgba(54, 48, 59, 0.13);}


/*strip_footer*/
.strip_footer a {
    color: #897eb4;
}
.strip_footer a:hover {
    text-decoration: underline;
    color: #897eb4;
}

.strip_footer hr{border-top: 1px solid rgb(255 255 255 / 9%);margin-top: 2%;margin-bottom: 2%;}




/*element*/

.top-bar {
    background-color: #8218d4;
    color: #fcfd0c;
    padding: 0.7% 0 0.5% 0;
}


.banner{background: url(../png/banner.png) no-repeat center bottom;background-size: cover;z-index: 1;padding: 1.9% 0 3% 0;position: relative;background-color: #0e0513;}
.section2 {
    background: url(../png/section2.png) no-repeat center top;
    background-size: cover;
    padding: 7% 0 1% 0;
    position: relative;
    margin-top: -1.1%;
    z-index: 1;
    overflow: hidden;
}
.section3 {
    background: url(../png/section3.png) no-repeat center top;
    background-size: cover;
    padding: 8% 0 10.5% 0;
    position: relative;
    margin-top: -4%;
    z-index: 1;
}
.section4{background: url(../png/section4.png) no-repeat center top;background-size: cover;padding: 6% 0 0% 0;position: relative;overflow: hidden;margin-top: -5%;z-index: 2;}
.section5{background: url(../png/section5.png) no-repeat center top;background-size: cover;padding: 8% 0 1% 0;position: relative;margin-top: 0;overflow: hidden;width: 96%;margin: auto;border-radius: 40px;margin-top: -1.5%;}
.section6{background: url(../png/section6.png) no-repeat center top;background-size: cover;padding: 12% 0 0% 0;position: relative;overflow: hidden;margin-top: -7%;}

.section7{background: url(../png/section7.png) no-repeat center top;background-size: cover;padding: 8% 0 1% 0;position: relative;width: 96%;margin: auto;border-radius: 40px;margin-top: -1.5%;}

.section8{background: url(../png/section8.png) no-repeat center top;background-size: cover;padding: 4% 0 0 0;position: relative;overflow: hidden;margin-top: 0;}
.section9{background: url(../png/section9.png) no-repeat center top;background-size: cover;padding: 8% 0 1% 0;position: relative;width: 96%;margin: auto;border-radius: 40px;margin-top: -1.5%;overflow: revert;z-index: 1;}
.section10{background: url(../png/section10.png) no-repeat center top;background-size: cover;padding: 17% 0 0 0;position: relative;overflow: hidden;margin-top: -13%;}
.section11{background: url(../png/section11.png) no-repeat center top;background-size: cover;padding: 6.5% 0 1% 0;position: relative;width: 96%;margin: auto;border-radius: 40px;margin-top: -1.5%;overflow: revert;z-index: 1;}


.section12{background: url(../png/section12.png) no-repeat center top;background-size: cover;padding: 15.5% 0 2% 0;position: relative;overflow: hidden;margin-top: -11%;}
.section13{background: url(../png/section13.png) no-repeat center top;background-size: cover;padding: 7.5% 0 4% 0;position: relative;margin-top: -3%;z-index: 1;}




.section21{background: url(../png/section21.png) no-repeat center top;background-size: cover;padding: 6.5% 0 2% 0;position: relative;overflow:hidden;max-width: 96%;margin: auto;margin-top: -5%;border-radius: 40px;z-index: 1;}
.section22{background: url(../png/section22.png) no-repeat center top;background-size: cover;padding: 35% 0 2% 0;position: relative;overflow:hidden;margin-top: -31%;}
.section23{background: url(../png/section23.png) no-repeat center top;background-size: cover;padding: 7% 0 5% 0;position: relative;overflow:hidden;z-index: 1;margin-top: -3%;}
.section24{background: url(../png/section24.png) no-repeat center top;background-size: cover;padding: 8% 0 0% 0;position: relative;overflow:hidden;z-index: 1;margin-top: -5%;}

.section25{background: url(../png/section25.png) no-repeat center top;background-size: cover;padding: 7.5% 0 3% 0;overflow:hidden;max-width: 97%;margin: auto;margin-top: 2%;z-index: 99;position: relative;}

.section26{background: url(../png/section26.png) no-repeat center top;background-size: cover;padding: 8% 0 5% 0;position: relative;margin-top: -1%;z-index: 1;}
.section27 {background: url(../png/section27.png) no-repeat center top;background-size: cover;padding: 6% 0 3% 0;position: relative;overflow: hidden;max-width: 96.5%;margin: auto;margin-top: -4%;border-radius: 40px;z-index: 2;}

.section28{background: url(../png/section28.png) no-repeat center top;background-size: cover;padding: 30% 0 5% 0;position: relative;margin-top: -26%;overflow: hidden;z-index: 1;}

.section29 {background: url(../png/footerbg.png) no-repeat center center;background-size: cover;padding: 6.5% 0 1% 0;position: relative;margin-top: -2.8%;}

.section30 {padding: 2% 0 1% 0;position: relative;border-top: 1px solid rgb(255 255 255 / 14%);margin-top: 3%;}

/*.faq-section{background: url(../images/faqBg.png) no-repeat center center; z-index: 1; background-size: cover;padding: 15% 0 4% 0;position: relative;overflow:hidden;}
.strip_footer{background-color: #311988;padding: 3% 0 2% 0;}*/


}


@media only screen and (max-width: 767px){



}

@media only screen and (max-width: 993px){

.section12 {
    background-color: #fff;
    background-image: none;
}	

.subtitlesVid-box {
    width: 65%;
    right: 5%;
}

/**/
.padding0{padding: 0 15px;}


.mycontainer-right{width: 100%;}    
.mycontainer-left{width: 100%;}

    .bannar-videoShap {
    
    }

   

    .arrowRight {
    display: none!important;
    }

    .arrowLeft {
    display: none!important;
    }

    .arrow2 {
    max-width: 5%;
    }

    .revolutionary {

    }
    
    .titleBg2 {
    padding: 6% 1% 5% 6%;
    }

    .ready {
 
    }

    .titleBg7 {
    }

    .titleBg8 {
    padding: 4% 1% 4% 6%;
    }

    .section14 {
    background-image: none;
    background-color: #eeeafdba;
    padding: 2% 0 4% 0;
    }

    .section15 {
    background-color: #21063a;
    margin-top: -4%;
	} 

    .section16shap1 {
    width: 68%;
    margin: 15px 0;
    border-radius: 20px;
    background-color: #ffcab1;
    padding: 6px 30px;
    }

    .unlockbg {
    margin-top: -0.5%;
    margin-bottom: 10px;
    }

   

    .b-1, .b-2, .b3, .b4, .b5, .b6, .b7, .b8 {
		display: none;
    }

  

   

    .section16Shap3 {
    background-color: #fee5e8;
    background-image: none;
    border-left: none;
    }

    .section16Shap5 {
    background-color: #55184f;
    background-image: none;
    border-right: none;
    }

    .mybutton19 a {
    padding: 6px 40px 7px 0px;
    width: 52%;
    }

    

    

    .stepbg2 {
    }

    

   
   

    .logo-hor-light17 {
    max-width: 40%;
    }

    .mybutton3 a .instant-box {
    
    }


    .btnArrow2 {
    top: 22%!important;
    right: 3%;
    max-width: 10%!important;
    }

   
 

    .arrow1 {
    display: none!important;
    }

    .btarrow2 {
    display: none!important;
    }

    .titleBg26-2 {
    width: 90%;
    }

    .mybutton4 a {
    padding: 6px 40px 7px 0px;
    width: 60%;
    }

    .mybutton4 a .btnArrow {
    top: 12%;
    max-width: 6%;
    right: 2%;
    }

    .section10 {
    background-image: none;
    background-color: #fff;
    margin: 0;
    padding: 7% 0 0% 0;
    }

    .titleBg9 {
    padding: 3% 1% 1% 7%;
    }



    .section13-box {
    padding: 8% 1% 8% 1%;
    }

    .section13-box h1 {
    margin-top: 3%;
    }

    .arrowDown14 {
    max-width: 5%;
    }

    .arrowDown15 {
    max-width: 5%;
    }

    .arrowDown16 {
    max-width: 5%;
    }

    .arrowDown17 {
    max-width: 5%;
    }

    .arrowDown18 {
    max-width: 5%;
    }

    .arrowDown19 {
    max-width: 5%;
    }

    .arrowDown20 {
    max-width: 5%;
    }

    .arrowDown21 {
    max-width: 5%;
    }

    .section14shap {
    padding: 3.5% 1% 5.5% 1%;
    } 
    
    .banner {
    padding: 3% 0 4% 0;
    }



    .arrowLeft {
    position: absolute;
    left: 80%;
    top: -46%;
    max-width: 20%;
    }

    .arrowRight {
    position: absolute;
    right: 80%;
    top: -46%;
    max-width: 20%;
    }



    .titleBg12 {
    padding: 3.5% 3% 5.5% 3%;
    margin-top: 5.5%;
    }

    .section13 {
    padding: 12% 0 4% 0;
    margin-top: -7%;
	}

   

    .section14 {
    padding: 5% 0 5% 0;
    margin-top: -9%;
    }

    .deal {
    position: relative;
    max-width: 100%;
    left: 0%;
    top: 22%;
    }

    .paytm-boxx {
    width: 80%;
    }

    .evolution-box1 {
    padding: 2% 4%;
    border-right: 1px solid #ffffff1f;
    }

   
    .section16 {
    background-image: none;
    background-color: #dedefe6b;
    margin-top: 0%;
    padding: 3% 0 5% 0;
    }

    .section16shap1 {
    margin-top: 5%;
    }

    .section17 {
    padding: 6% 0 8% 0;
    }

    

   
    .connection {
    max-width: 30%;
    }

    .connection2 {
    max-width: 30%;
    }

    .section19Shap1 {
    padding: 3.3% 0% 5.9% 0%;
    }

    .mybutton19 a {
    padding: 6px 30px 7px 0px;
    width: 68%;
    }

   

    .arrow1 {
    left: 95%;
    top: -55%;
    max-width: 22%;
    }

    .btarrow2 {
    right: 95%;
    top: -55%;
    max-width: 22%;
    }

    .macbook {
    display: none;
    }

    .emoji {
    bottom: -5.5%;
    left: -9%;
    width: 22%;
    }

    .section18Shap1 {
    padding: 2% 1% 5% 1%;
    }

    .access {
    margin-bottom: 20px;
    }

    

    .insert-pg2 {
    bottom: 8%;
    left: 30%;
    }


    .foundershap28 {
    max-width: 46%;
    padding: 11% 0% 0% 0%;
    }

    .foundershap28-2 {
    max-width: 46%;
    margin: 0 0 0 3%;
    padding: 11% 0% 0% 0%;
    }


    .founder-box2 {
    padding: 14% 3%;
    }

    .section29 {
    padding: 8% 0 2% 0;
    margin-top: 0%;
    }

    .f1 {
        top: -1%!important;
    }

    .f2 {
        left: -1.9%;
    }

    .f3 {
        left: -1.8%;
    }

    .f4 {
        right: -1.6%;
    }

    .f5 {
        right: -1.7%;
    }

    .f6 {
        top: -1.2%;
    }

    .f7 {
        left: -2%;
    }

    .f8 {
        left: -2.1%;
    }

    .f9 {
        right: -2.8%;
    }

    .titleBg27 {
        padding: 1.8% 3% 4% 3%;
    }

    .titleBg28 {
        padding: 1.8% 3% 4% 3%;
    }

   

    .price-table {
    margin-left: 0px;
    }

    .robo21 {
    max-width: 26%;
    bottom: 0.3%;
    right: -3%;
    }

    .mybutton4 a {
    padding: 5px 30px 7px 0px;
    width: 75%;
    }



    .lapy-footer {
    /* top: -24%; */
    /* left: 5%; */
    /* max-width: 15%; */
    }

    .robo-footer {
    max-width: 22%;
    right: 1%;
    top: -37.5%;
    }

    .footer-logo-hor-dark {
    max-width: 28%;
    }

    .versatile {
    max-width: 100%;
    left: 0%;
    }

    .transcription {
    max-width: 100%;
    left: 0%;
    }

    .engine {
    max-width: 100%;
    left: 0%;
    }

    .subtitle {
    max-width: 100%;
    left: 0%;
    }

    .dimensions {
    max-width: 100%;
    left: 0%;
    }

    .section16Shap3 {
    margin: 0 0 0 5%;
    }

    .section16Shap5 {
    margin: 0 0 0 5%;
    }

    .vsLogo {
    left: -10.5%;
    width: 10%;
    }

    .talking {

    }

    .checklist2 li {
    padding-bottom: 6%;
    }

    .header-two {
    padding: 1% 2% 1% 0%;
    }

   

   

    .titleBg13 {
    padding: 2.8% 3% 5% 3%;
    margin-top: 3%;
    }

    .titleBg14 {
    padding: 2.8% 3% 6% 3%;
    margin-top: 3%;
    }

    .titleBg25 {
    padding: 4% 3% 6% 3%;
    }

  

    .checklist3 li span.box-text {
    padding-top: 3%;
    padding-bottom: 3%;
    }

    .checklisttext li {
    padding: 1% 4%;
    }

    .checklist3 li {
    padding: 1% 4%;
    }
 

	.section2-details, .section6-details {
		padding: 0 2% 0 2%;
	}
 
	.logo-hor-light{max-width: 70%;}
	
	.featuresLogo{max-width: 60%;}
	
	.features-box1-section li {
		padding: 3.7% 0% 3.7% 6%;
	}
	.features-box2 li, .features-box3 li {
		padding: 6.5% 0;
	}
	.features-box2 ul li img, .features-box3 ul li img {
		max-width: 14%;
	}

	.section22-box-inn, .section22-box2-inn, .section22-box3-inn {
		padding: 0 6px;
	}
	
	.section22-box-inn2, .section22-box2-inn2, .section22-box3-inn2 {
		padding: 0 5% 5% 5%;
	}
	
	.tableLogo, .tableLogo{max-width: 80%;}
	
	.table1-box {
		padding: 0 3% 0 2%;
	}
	.table2-box {
		padding: 0 2% 0 3%;
	}
	
	.footer-section {
		padding: 0 2%;
	}
	
	.vidEle1{
		max-width: 27%;
	}
	.vidEle2{
		max-width: 3%;
	}
	.vidEle3{
		max-width: 2%;
	}
	.vidEle4{
		max-width: 23%;
	}

.create-video {padding: 7.2% 0 4% 0;}
.templateScroll{
    width: 40%;
}

	
}

    /*--------------------------------------......----------------------------------------------*/

    @media only screen and (max-width: 767px){

.sp_fb_comment {
    padding: 0 4px 0 4px;
}

.ele2, .ele3, .ele4, .ele5, .ele6, .ele7, .ele8, .subtitle, .robo-footer1{display:none !important;}

.subtitlesVid-box {
    width: 100%;
    position: relative;
    right: 0;
}

.section9-details p {
    padding-right: 0;
    margin-bottom: 6%;
}

.section12 p{margin-bottom: 6%;}
.section29 {
    background-color: #0b072f !important;
    margin-top: 0 !important;
}

.slider .slider-row {
  width: 2449px;
  height: 193px;
  background-image: url(../png/slider1mob.png);
  background-size: 2449px 193px;
  animation: slideMob 70s linear infinite;
  background-repeat: repeat-x;
}  
@keyframes slideMob {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -2449px;
  }
}

.slider2 .slider-row {
  width: 2449px;
  height: 193px;
  background-image: url(../png/slider2mob.png);
  background-size: 2449px 193px;
  animation: slide2Mob 70s linear infinite;
  background-repeat: repeat-x;
}

@keyframes slide2Mob {
  from {
    background-position-x: -2449px;
  }
  to {
    background-position-x: 0;
  }
}


.videoShap1{background-image:none;
    padding: 0;
    margin-top: 5%;}

.videoShap1 .responsive-video{    border: 6px solid #3b0370;}
.insert-pg {
    position: relative;
    bottom: 0;
    text-align: center;
    width: 100%;
    background-color: #3b0370;
	    padding: 3% 0;
}

.create-video {padding: 7.2% 0 4% 0;}
.templateScroll{
    width: 40%;
}
	

.mainvideo-box {
    border-width: 2px;
    border-color: rgb(103, 48, 145);
    border-style: solid;
    border-radius: 10px;
    overflow: hidden;
}
.result-inner {
    padding: 3% 9%;
    height: auto;
}

.swiper1 {
    padding: 6% 0 10% 0 !important;
}
	
.writetext, .titleBg14 .gradient-text, .titleBg25 .gradient-text, .titleBg28 .gradient-text {
    display: inline-block;
}
	
.step-vid video {
    margin-top: 5%;
}	
	
	
	.section4 {
		background-image: none;
		margin-top: 0;
	}
	

    .Leapbg {
    background: none;
    background-color: #3b264099;
    }

    .window1 {
    max-width: 70%;
    }

    .banner {
    background-color: #180f39;
    background-image: none;
    }

    .meetbg {
    border: 2px solid #6e046d;
    background-image: none;
    margin-top: 5%;
    }

    .mybutton1 a {
    padding: 5px 30px 7px 0px;
    width: 100%;
    }

    .btnArrow {
    top: 15%;
    }

    .dimensions {
    margin-top: 5%;
    }

    .mybutton4 a .btnArrow {
    top: 22%;
    max-width: 10%;
    right: 2%;
    }

    .paytm {
    max-width: 70%;
    }

    .section2 {
    background-color: #f5e6f0;
    background-image: none;
    margin-top: 0;
    }

    .titleBg1 {
		background-color: #fff;
		background-image: none;
		border-width: 2px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7612, #b11ede) 1;
		padding: 3% 3% 3% 3%;
		margin-top: 3%;
	}

    .section2-details {
    text-align: center;
    }

    

    .titleBg2 {
		background-color: #fff;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 9%;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #c761ed, #d995f3) 1;
		padding: 3% 3% 2% 3% !important;
	}
	.titleBg2B {
		background-color: #fff;
		background-image: none;
		left: 0;
		text-align: center;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #dea1f4, #dda0f4) 1;
		padding: 3% 3% 2% 3% !important;
	}

    .section3 {
    margin-top: 0;
    background-color: #160149;
}

    .section6-details {
    text-align: center;
    padding: 0 5%;
    }   

    .section4-details {
    padding: 0 3% 0 3%;
    text-align: center;
    }

   .titleBg3 {
		background-color: #fff;
		background-image: none;
		left: 0;
		text-align: center;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #a8ddff, #74c8ff) 1;
		padding: 3% 3% 2% 3% !important;
	}

    .titleBg4 {
		background-color: #0e0902;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ffa25a, #ff9642) 1;
		padding: 3% 3% 2% 3% !important;
	}

    .revolutionary {
		margin-top: 8%;
	}

    .section5-details {
    padding: 0 3% 0 3%;
    text-align: center;
    }

    .talking {
		margin-top: 5%;
	}

    .everythingShap {
		background-color: #ffffff;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 3% 3% 2% 3% !important;
	}

   

    .arrowDown1 {
    max-width: 7%;
    }

    .section14shap {
		background-color: #fff;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7512, #af20dd) 1;
		padding: 3% 3% 2% 3% !important;
	}

   

    .speech {
    margin-top: 5%;
    }

    .titleBg5 {
		background-color: #181c41;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #2a5578, #306d92) 1;
		padding: 3% 3% 2% 3% !important;
	}

    .ready, .transcription {
    margin-top: 5%;
    }

    .section16Shap3 {
    max-width: 100%;
    border-left: none;
    padding: 8% 3% 3.6% 3%;
    margin: 0;
    margin-bottom: 5%;
    }

    .section16Shap5 {
    max-width: 100%;
    margin: 0%;
    padding: 8% 0% 3.6% 0%;
    }

    .checklisttext li span.box-text {
    padding-top: 3%;
    padding-bottom: 3%;
    }

    .checklist2 li span.box-text {
    padding-top: 3%;
    padding-bottom: 3%;
    }

    .unlockbg {
		background-color: #fff;
		background-image: none;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 2% 3% 3% 3% !important;
		margin-bottom: 0 !important;
	}

    .arrowDown14 {
    max-width: 8%;
    }

    .heroimg {
    margin: 20px 0;
    }

    .arrowDown15 {
    max-width: 8%;
    }

    .b-1, .emoji, .b5 {
    display: none;
    }

    .arrowDown16 {
    max-width: 8%;
    }

    .bg17-1 {
    padding: 2px 20px;
    }

    .bg17-2 {
    padding: 2px 20px;
    }

    .logo-hor-light17 {
    max-width: 50%;
    margin: 20px 0;
    }

    .solutionpg{
        margin: 20px 0 20px 0;
    }

    .Introducingimg {
    margin: 30px 0 15px 0;
    }

    .arrowDown17 {
    max-width: 8%;
    }

    .titleBg6 {
		background-color: #fff4f8;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #d788c9, #d684c8) 1;
		padding: 3% 3% 2% 3% !important;
	}

    .section12 {
		max-width: 100%;
		border-radius: 0px;
		margin-top: 0%;
		margin-bottom: 0%;
		padding: 6% 0 2% 0;
	}

    .versatile {
    margin-top: 5%;
    }    

    .section16 {
    padding: 5% 0 4% 0;
    margin-top: 0%;
    }

    .section17 {
		background: none;
		background-color: #0e0338;
		margin-top: 0%;
		padding: 5% 0 4% 0 !important;
	}

    .section18 {
    padding: 7% 0 4% 0;
    margin-top: 0%;
    background-image: none;
    background-color: #e3ecfe75;
    }

    .section18bg1 {
		text-align:center;
	    padding: 7% 2%;	
    }

    .section18bg2 {
		text-align:center;
	    margin-top: 5%;	
	    padding: 7% 2%;	
    }

    .section18bg3 {
		text-align:center;
	    margin-top: 5%;	
	    padding: 7% 2%;	
    }

    .computer1 {
    margin-top: 6%;
    }

    



 

    .connection {
    display: none!important;
    }

    .connection2 {
    display: none!important;
    }

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

    .arrowDown18 {
    max-width: 8%;
    }

    .section19 {
		background-image: none;
		background-color: #061245;
		margin: 0%;
		padding: 7% 0 4% 0;
		max-width: 100%;
	}

    .section18Shap1 {
		background-color: #fff;
		background-image: none;
		max-width: 94%;
		margin: auto;
		margin-top: 0;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 2% 3% 3% 3% !important;
		margin-bottom: 0 !important;
	}

    .section19Shap1 {
		background-color: #fff;
		background-image: none;
		max-width: 94%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 2% 3% 3% 3% !important;
		margin-bottom: 5% !important;
	}

    .bg19-1 {
    padding: 1px 4px;
    }

    .access {
    margin-bottom: 20px;
    }

    .mybutton19 a {
    padding: 8px 70px 8px 30px;
    width: 80%;
    }

    .arrow1 {
    display: none!important;
    }

    .btarrow2 {
    display: none!important;
    }

    .arrowDown19 {
    max-width: 8%;
    }

	.section20Shap1 {
		background-color: #fff;
		background-image: none;
		max-width: 94%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 2% 3% 3% 3% !important;
	}

    .parallelogram1 {
    display: none!important;
    }



    .section20 {
		background-color: #dce5f387;
		background-image: none;
		padding: 6% 0 4% 0;
		margin: 0;
	}

    .arrowDown20 {
    max-width: 8%;
    }

    .widthbg {
    
    }

    .widtbox {
   
    }

    .checklist3 li span.box-text {
    padding-top: 3%;
    padding-bottom: 3%;
    }



    img.img-fluid.center-block.btnArrow2 {
        max-width: 30px!important;
        top: 22%!important;
    }

    .section25 {
		padding: 8% 0 4% 0;
		margin-top: 0%;
		background-image: none;
		background-color: #090928;
		max-width: 100%;
	}

    .titleBg25 {
        background-color: #fff;
        background-image: none;
        padding: 3% 4%;
        margin-bottom: 30px;
    }

    .evolution-box1 {
        border: none;
    }

    .evo-line {
        border: none;
    }

    .checklist2 li {

    }

    .section26 {
        padding: 8% 0;
        background-image: none;
        background-color: #efe5ff85;
        margin-top: 0;
    }

    .titleBg26 {
        background-color: #fff;
        background-image: none;
        padding: 3% 4%;
        margin-bottom: 30px;
    }
	
	.section27 {
		padding: 7% 0 5% 0;
		margin-top: 0%;
		background-image: none;
		background-color: #090333;
		border-radius: 20px;
	}
	
    .insert-pg2 {
        bottom: 10.5%;
        left: 35%;
    }

    .titleBg27 {
        background-color: #fff;
        background-image: none;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 2% 3% 3% 3% !important;
    }

    .titleBg28 {
        background-color: #fff;
        background-image: none;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 2% 3% 3% 3% !important;
    }

    .foundershap28 {
        max-width: 90%!important;
        margin: auto!important;
        margin-bottom: 30px!important;
    }

    .foundershap28-2 {
        max-width: 90%!important;
        margin: auto!important;
    }

    .foundershap28 {
        background-image: none;
        background-color: #111833;
    }

    .founderimg1 {
        margin: 0%;
        max-width: 50%;
    }

    .founder-box-out {
		padding: 15px;
	}

    .foundershap28-2 {
        background-image: none;
        background-color: #111833;
    }

    .founderimg2 {
        margin: 0%;
        max-width: 50%;
    }

    .founder-box2 {
    padding: 5%;
    }

    .founder-box {

    }

    .section28 {
    padding: 6% 0 6% 0;
    margin-top: 0%;
    background: none;
    background-color: #f6eff6;
    }

    .section29 {
    padding: 8% 0 2% 0!important;
   background: url(../png/footerbg.png) no-repeat center center;background-size: cover;position: relative;margin-top: -2.8%;
    text-align: center;
    }

    .footer-logo-hor-dark {
    max-width: 60%;
    margin-bottom: 10px;
    }


    .f1, .f2, .f3, .f4, .f5, .f6, .f7, .f8, .f9, .ele1, .bgLine2, .vs, .stepL1, .stepR1, .stepL2, .stepR2, .stepL3, .stepR3 {
		display: none !important;
    }

    .titleBg7 {
		background-color: #141344;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #7b36a7, #71329d) 1;
		padding: 3% 3% 2% 3% !important;
	}

    .section9-details {
    padding: 0 5% 0 5%;
    text-align: center;
    }

    .titleBg8 {
		background-color: #eef4fb;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #67a0df, #0f6cca) 1;
		padding: 3% 3% 2% 3% !important;
	}

    .titleBg9 {
		background-color: #231756;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #b36033, #aa5b35) 1;
		padding: 3% 3% 2% 3% !important;
	}

    .titleBg10 {
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #cc69b9, #c769b8) 1;
		padding: 3% 3% 2% 3% !important;
	}

    .section11 {
		background: none;
		background-color: #121159;
		border-radius: 0;
		padding: 7% 0 4% 0;
		margin-top: 5%;
	}

    .bgLine1 {
    display: none!important;
    }

    .section13 {
		background: none;
		background-color: #060131;
		padding: 7% 0 4% 0;
		margin-top: 0;
	}

    .titleBg11 {
		background-color: #fff;
		background-image: none;
		left: 0;
		text-align: center;
		margin-top: 5%;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7512, #af20dd) 1;
		padding: 3% 3% 2% 3% !important;
	}

	.section14 {
		padding: 7% 0 2% 0;
		margin: 0;
	}

    .section16shap1 {
		width: 100%;
		margin: 0 0 15px 0;
		padding: 6px 10px;
	}

    .arrowDown14 {
    max-width: 5%;
    }

    .arrowDown15 {
    max-width: 5%;
    }

    .arrowDown16 {
    max-width: 5%;
    }

    .arrowDown17 {
    max-width: 5%;
    }

    .arrowDown18 {
    max-width: 5%;
    }

    .arrowDown19 {
    max-width: 5%;
    }

    .arrowDown20 {
    max-width: 5%;
    }

    .section21 {
		padding: 7% 0 5% 0;
		background: none;
		background-color: #220e50;
		border-radius: 0;
		margin-top: 0;
	}

    .titleBg12 {
		background: none;
		background-color: #fff;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 2% 3% 3% 3% !important;
		margin-top: 0;
	}

    .titleBg13 {
		background: none;
		background-color: #fff;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 2% 3% 3% 3% !important;
		margin-top: 0;
	}

    .section22-box li {
    
    }

    .section22-tx {
    text-align: center;
    }

    .section22-box-out h1 {
    margin-top: 10%;
    }

    .titleBg14 {
		background: none;
		background-color: #fff;
		margin-bottom: 5%;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, #ff7412, #af1ddb) 1;
		padding: 2% 3% 3% 3% !important;
    }

   .section22-box-out {
		padding: 0 15px;
	}

    .section22-box {
    padding: 0;
    margin-bottom: 5%;
    }

    .section23 {
		background: none;
		background-color: #05093b;
		padding: 7% 0 4% 0;
		margin: 0;
		text-align: center;
	}

    .deal {
    text-align: center;
    max-width: 100%;
    left: 0%;
    top: 0;
    }

    .checklist1 li {

    }

    .mybutton4 a {
    padding: 6px 20px 7px 0px;
    width: 80%;
    }

    .titleBg26-2 {
    width: 100%;
    background: none;
    background-color: #ffcab1;
    }

    .paytm3 {
    max-width: 70%;
    }

    .window4 {
    max-width: 70%;
    }

    .robo-footer {
    display: none!important;
    }

    .lapy-footer {
    display: none!important;
    }

    .section5 {
		background: none;
		background-color: #000;
		border-radius: 0;
		padding: 10% 0 3% 0;
		margin-top: auto;
	}

    .section6 {
    background: none;
    background-color: #fcfbfa;
    margin: 0;
    padding: 8% 0 0 0;
    }

    .section7 {
		background: none;
		background-color: #0e032f;
		border-radius: 0;
		margin-top: 5%;
		padding: 7% 0 5% 0;
	}

	.section8 {
		background: none;
		background-color: #fcfbfa;
		padding: 7% 0 0px 0;
		margin-top: 0;
	}

    .section9 {
		background: none;
		background-color: #0a0f3c;
		margin-top: 5%;
		border-radius: 0;
		padding: 6% 0 4% 0;
	}

    .robo21 {
    display: none!important;
    }

    .section22 {
		background: none;
		background-color: #f7f5ff;
		margin-top: 0;
		padding: 7% 0 4% 0;
	}

    .section24 {
		background: none;
		background-color: #f8ecf8;
		padding: 6% 0 0 0;
		margin-top: 0;
	}

    .table1-box-top {

    }

    .table2-box-top {

    }

   
    .accord-box-one {
    width: 100%;
    }

    .accord-box-two {
    width: 100%;
    margin: 0%;
    }

   

    .features-box1 {

    }

    .features-box2 {

    }

    .features-box2-inn {
		padding: 8% 0 8% 0;
    }

    .bottom-text1 {
		margin-top: 5%;
    }

    .features-box3 {

    }
	
	.features-box1-section li {
		padding: 3.7% 8%;
		height: 43px;
	}
	.features-box2 li, .features-box3 li {
		padding: 15% 0;
		height: 43px;
	}
	.features-box2 ul li img, .features-box3 ul li img {
		max-width: 20%;
	}
	
	.parallelogram-box, .parallelogram-box2, .parallelogram-box3, .parallelogram-box4{display:none;}
	
	

    .bottom-text2 {
    margin-top: 3%;
    margin-bottom: 3%;
    }

	.section15 {
		background-image: none;
		background-color: #21063a;
		margin-top: 0 !important;
	}
	
	.without-box-out , .with-box-out{
		padding: 4% 7%;
		z-index: 1;
	}
	
	.table1-box, .table2-box{padding: 0 15px;}
	
	.table2-box{margin-top: 6%;margin-bottom: 6%;}
}






@media (min-width: 240px){
	.lappy {
		position: static;
		right: 0;
		bottom: 0px;
	}
	.videosection {
		position: static;
		right: 0;
		bottom: 0px;
	}
	.mainvideo {
		position: static;
		width: 100%;
		height: auto;
	    padding-bottom: 225px;	
	}
	
	.video {
        width: 485px;
        height: 231px;
        top: 23px;
        left: 0px;
        margin-bottom: 8%;
    }



.shap-text{font-size: 22px;}

.step-title{font-size: 26px;}
.step-subtitle{font-size: 18px;}

.btnArrow {
	max-width:10%;
    top: 18%;
    right: 4%;
}
}

@media only screen and (max-width: 600px) {
	.ex{
		background-color:red;
	}

}	
@media only screen and (min-width: 600px) {
	.ex{
		background-color:black;
	}
	.ex{background-color:white}	
}
@media only screen and (max-width: 600px) {
	.ex{
		background-color:black;
	}

}
@media (min-width: 480px){
	.mainvideo {
		position: static;
		width: 100%;
		height: 0px;
	    padding-bottom: 280px;	
	}
	.video {
        width: 485px;
        height: 273px;
        top: 23px;
        left: 28px;
        margin-bottom: 8%;
    }
	
	.ex{background-color:yellow}	



.shap-text{font-size:34px;}	

.step-title{font-size:34px;}
.step-subtitle{font-size:22px;}
	
.btnArrow {
	max-width:100%;
    top: 18%;
    right: 4%;
}	
}

@media only screen and (min-width: 768px) {
	.ex{
		background-color:white;
	}
	.lappy {
		position: relative;
		right: 0;
		bottom: -50px;
	}
	.videosection {
		position: relative;
		right: 0;
		bottom: 0px;
	}
	.mainvideo {
		position: absolute;
		width: 700px;
		height: 350px;
		top: 16px;
		left: 24px;
	}
	.video {
        width: 315px;
        height: 117px;
        top: 15px;
        left: 7px;
        margin-bottom: 12%;
    }

    .robo21 {
    max-width: 20%;
    bottom: 0.4%;
    right: -3%;
    z-index: 2;
    }

    .robo-footer {
    right: 0%;
    top: -46.5%;
    max-width: 20%;
    }

    .founderimg2 {
    max-width: 49%;
    }



.shap-text{font-size: 22px;}

.step-title{font-size: 23px;}
.step-subtitle{font-size: 14px;}

.btnArrow {
	max-width:12%;
    top: 18%;
    right: 4%;
}

.bnr-vid {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-width: 4px;
    border-color: rgb(103, 48, 145);
    border-style: solid;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 0px 0px rgb(149 40 194 / 24%);
}


}




@media only screen and (min-width: 1000px) {	
	.mycontainer-right{width: 950px;}
	.mycontainer-left{width: 950px;}





	
}


@media only screen and (min-width: 992px) {
	.ex{
		background-color:blue;
	}
	.mainvideo {
		position: absolute;
		width: 873px;
		height: 350px;
		top: 16px;
		left: 25px;
	}
	.video {
        width: 429px;
        height: 162px;
        top: 21px;
        left: 11px;
        margin-bottom: 10%;
    }



    .robo-footer {
    right: 0%;
    top: -38.5%;
    max-width: 20%;
    }

	
	.mycontainer-right{width: 950px;}	
	.mycontainer-left{width: 950px;}



.shap-text{font-size: 23px;}

.step-title{font-size: 25px;}
.step-subtitle{font-size: 16px;}

.btnArrow {
	max-width:12%;
    top: 18%;
    right: 4%;
}

}


@media only screen and (min-width: 1100px) {		
	.mycontainer-right{width: 1027px;}	
	.mycontainer-left{width: 1027px;}



    .robo21 {
    max-width: 20%;
    bottom: 0.4%;
    right: -3%;
    z-index: 2;
    }

    .robo-footer {
    right: 0%;
    top: -46.5%;
    max-width: 20%;
    }

    .foundershap28-2 {
    max-width: 42%;
    }

    .founderimg2 {
    max-width: 49%;
    }



.shap-text{font-size: 23px;}	

.step-title{font-size: 28px;}
.step-subtitle{font-size: 16px;}

.btnArrow {
	max-width:12%;
    top: 18%;
    right: 4%;
}	
}



@media only screen and (min-width: 1200px) {

.mycontainer2 {
    width: 1180px;
}
	
	.ex{
		background-color:pink;
	}
	.mainvideo {
		position: absolute;
		width: 869px;
		height: 350px;
		top: 16px;
		left: 28px;
	}
	.video {
        width: 403px;
        height: 196px;
        top: 1px;
        left: 0px;
        margin-bottom: 0px;
    }



    .robo21 {
    max-width: 20%;
    bottom: 0.4%;
    right: -3%;
    z-index: 2;
    }

    .robo-footer {
    right: 0%;
    top: -36.5%;
    max-width: 18%;
    }

	
	.mycontainer{width: 1070px;}
	.mycontainer-right{width: 1094px;}	
	.mycontainer-left{width: 1094px;}



.shap-text{font-size: 29px;}

.step-title{font-size: 30px;}
.step-subtitle{font-size: 18px;}

.btnArrow {
	max-width:100%;
    top: 18%;
    right: 4%;
}

}


@media (min-width:1300px) {
	.mycontainer{width: 1180px;}
	.mycontainer2{width:1180px;}	
	.mycontainer3{width: 1219px;}	
	
	.mycontainer-right{width: 1273px;}	
	.mycontainer-left{width: 1273px;}	
	
	.ex{background-color:blue}
		
	.mainvideo {
		position: absolute;
		width: 873px;
		height: 350px;
		top: 16px;
		left: 158px;
	}



    .robo21 {
    max-width: 20%;
    bottom: 0.3%;
    right: -4%;
    z-index: 2;
    }


.shap-text{font-size: 30px;}

.step-title{font-size: 30px;}
.step-subtitle{font-size: 18px;}



}

@media (min-width:1400px) {
	.mycontainer{width: 1270px;}
	.mycontainer2{width:1219px;;}
	.mycontainer3{width: 1290px;;}
	
	.mycontainer-right{width: 1335px;}
	.mycontainer-left{width: 1335px;}
	
	.ex{background-color:silver}
	
	.mainvideo {
		position: absolute;
		width: 873px;
		height: 350px;
		top: 16px;
		left: 172px;
	}

    

    .robo21 {
    max-width: 21%;
    bottom: 0.2%;
    right: -3%;
    z-index: 2;
    }

    .robo-footer {
    right: 0%;
    top: -46.5%;
    max-width: 20%;
    }

    .foundershap28-2 { 
    max-width: 43%;
    }


.shap-text{font-size: 30px;}

.step-title{font-size: 30px;}
.step-subtitle{font-size: 19px;}

}

@media (min-width:1500px) {
	.mycontainer{width: 1360px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width: 1400px;}
	
	.mycontainer-right{width: 1379px;}
	.mycontainer-left{width: 1379px;}
	
	.ex{background-color:pink}


		
	.mainvideo {
		position: absolute;
		width: 873px;
		height: 350px;
		top: 16px;
		left: 172px;
	}

   

    .robo21 {
    max-width: 23%;
    bottom: 0.2%;
    right: -3%;
    z-index: 2;
    }

    .robo-footer {
    right: 0%;
    top: -55.5%;
    }



.shap-text{font-size: 30px;}

.step-title{font-size: 30px;}
.step-subtitle{font-size: 19px;}
		
}


@media (min-width:1600px){
	.mycontainer{width: 1410px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width: 1410px;}
	
	.mycontainer-right{width: 1400px;}
	.mycontainer-left{width: 1400px;}


	.mainvideo {
		position: absolute;
		width: 873px;
		height: 350px;
		top: 16px;
		left: 172px;
	}

   

    .robo21 {
    max-width: 25%;
    bottom: 0%;
    right: -3%;
    z-index: 2;
    }

    .foundershap28-2 {
    max-width: 43%;
    }


.shap-text{font-size: 30px;}

.step-title{font-size: 30px;}
.step-subtitle{font-size: 18px;}

}
@media (min-width:1700px){
	.mycontainer{width:1500px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width: 1410px;}
	
	.mycontainer-right{width: 1458px;}
	.mycontainer-left{width: 1458px;}

	
.ele1T{top: 0%;left: -3%;max-width:100%;}
.ele2T{right: -1%;top: 0.8%;max-width:100%;}

 

    .robo21 {
    max-width: 25%;
    bottom: 0%;
    right: -3%;
    z-index: 2;
    }


.shap-text{font-size: 30px;}

.step-title{font-size:34px;}
.step-subtitle{font-size:22px;}

}

@media (min-width:1800px){
	.mycontainer{width: 1605px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width: 1490px;}
	
	.mycontainer-right{width: 1513px;}
	.mycontainer-left{width: 1513px;}
	

	.mainvideo {
		position: absolute;
		width: 873px;
		height: 350px;
		top: 16px;
		left: 172px;
	}

    

    .robo21 {
    max-width: 100%;
    bottom: -0.1%;
    right: -3%;
    z-index: 2;
    }

    .foundershap28-2 {
    max-width: 43%;
    }



.shap-text{font-size: 30px;}

.step-title{font-size:34px;}
.step-subtitle{font-size:22px;}

}
@media (min-width:1900px){
	.mycontainer {width: 1710px;}
	.mycontainer2{width: 1390px;}
	.mycontainer3{width: 1509px;}
	
	.mycontainer-right{width: 1626px;}
	.mycontainer-left{width: 1626px;}
	.mainvideo {
		position: absolute;
		width: 873px;
		height: 350px;
		top: 16px;
		left: 229px; 
	}

   

    .robo21 {
    position: absolute;
    max-width: 100%;
    bottom: -0.1%;
    right: -3%;
    z-index: 2;
    }

    .robo-footer {
    right: 0%;
    top: -55.5%;
    }

    .foundershap28-2 {
    max-width: 40%;
    }

    .founderimg2 {
    max-width: 100%;
    }


.shap-text{font-size:34px;}

.step-title{font-size:34px;}
.step-subtitle{font-size:22px;}

} 
@media (min-width:2000px){
	.mycontainer2 {
		width: 1800px;
	}
	.mycontainer3{width:1900px;}
	

}
 
	
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top: 2%;}.mt3{margin-top: 3%;}.mt4{margin-top: 4%;}.mt5{margin-top: 5%;}.mt6{margin-top: 6%;}.mt7{margin-top: 7%;}
.mt8{margin-top: 8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top: 17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm4{margin-top:-4%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}



.newheadclr {
    background: linear-gradient(to right, #30fdfc, #58aaff 60%, #7b35fb 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.br10{border-radius:10px;}
.br20{border-radius:20px;}
.br30{border-radius:30px;}
.vidborder{border:3px solid #e4e4e4; border-radius:30px;box-shadow:0 3px 30px 4px #4f24483d;}
.vidborder1{border:15px solid #000; border-radius:30px;}
.relative{position:relative;}
.absoimg, .absoimg1, .absoimg2, .absoimg3, .absoimgs{position:absolute; z-index:999;}

@media(min-width:240px){
.vidwh{width:93%; height:100%;}
.absoimg{top:3%; left:7%;}

.vidwh1{width:88%; height:100%;}
.absoimg1{top:25%; left:6%;}

.vidwh2{width:90%; height:100%;}
.absoimg2{top:10.5%; left:8%;}

.vidwh3{width:89%; height:100%;}
.absoimg3{top:20%; left:9%;}

.vidwhs{width:85%; height:100%;}
.absoimgs{top:9%; left:0%;}
}


@media(min-width:500px){
.vidwh{width:95%; height:100%;}
.absoimg{top:3%; left:5%;}

.vidwh1{width:89%; height:100%;}
.absoimg1{top:25%; left:4%;}

.vidwh2{width:93%; height:100%;}
.absoimg2{top:10.5%; left:7%;}

.vidwh3{width:93%; height:100%;}
.absoimg3{top:20%; left:7%;}

.vidwhs{width:90%; height:100%;}
.absoimgs{top:9%; left:0%;}
}

@media(min-width:600px){
.vidwh{width:92%; height:100%;}
.absoimg{top:3%; left:8%;}

.vidwh1{width:89%; height:100%;}
.absoimg1{top:25%; left:4%;}

.vidwh2{width:93%; height:100%;}
.absoimg2{top:10.5%; left:7%;}

.vidwh3{width:93%; height:100%;}
.absoimg3{top:19%; left:7%;}

.vidwhs{width:90%; height:100%;}
.absoimgs{top:9%; left:0%;}
}

@media(min-width:630px){
.vidwh{width:87%; height:100%;}
.absoimg{top:3%; left:12%;}

.vidwh1{width:89%; height:100%;}
.absoimg1{top:25%; left:4%;}

.vidwh2{width:89%; height:100%;}
.absoimg2{top:11%; left:10%;}

.vidwh3{width:90%; height:100%;}
.absoimg3{top:18%; left:9%;}

.vidwhs{width:90%; height:100%;}
.absoimgs{top:9%; left:0%;}
}

@media(min-width:700px){
.vidwh{width:83%; height:100%;}
.absoimg{top:3%; left:15%;}

.vidwh1{width:85%; height:100%;}
.absoimg1{top:25%; left:8%;}

.vidwh2{width:83%; height:100%;}
.absoimg2{top:12.5%; left:14%;}

.vidwh3{width:86%; height:100%;}
.absoimg3{top:19%; left:12%;}

.vidwhs{width:80%; height:100%;}
.absoimgs{top:10%; left:0%;}
}

@media(min-width:768px){
.vidwh{width:94%; height:100%;}
.absoimg{top:3%; left:6%;}

.vidwh1{width:89%; height:100%;}
.absoimg1{top:25%; left:4%;}

.vidwh2{width:92%; height:100%;}
.absoimg2{top:2.5%; left:8%;}

.vidwh3{width:92%; height:100%;}
.absoimg3{top:14%; left:8%;}

.vidwhs{width:93%; height:100%;}
.absoimgs{top:-12%; left:7%;}

.ele2{max-width: 9%;}
.ele3{max-width:7%;}
.ele4{max-width: 12%;}
.ele5{max-width: 10%;}
.ele6{max-width: 15%;}
.ele7{max-width: 6%;}
.ele8{max-width: 17%;right: -5.5%;bottom: 0%;}

.robo-footer1{max-width: 20%;}
.lapy-footer{max-width: 16%;}

}

@media(min-width:992px){
.vidwh{width:98%; height:100%;}
.absoimg{top:3%; left:2%;}

.vidwh1{width:89%; height:100%;}
.absoimg1{top:25%; left:4%;}

.vidwh2{width:96%; height:100%;}
.absoimg2{top:2.5%; left:3%;}

.vidwh3{width:96%; height:100%;}
.absoimg3{top:14%; left:4%;}

.vidwhs{width:94%; height:100%;}
.absoimgs{top:-12%; left:6%;}

.create-video {padding: 7.2% 0 4% 0;}
.templateScroll{
    width: 40%;
}

.ele2{max-width: 9%;}
.ele3{max-width: 7%;}
.ele4{max-width: 12%;}
.ele5{max-width: 9%;}
.ele6{max-width: 17%;}
.ele7{max-width: 8%;}
.ele8{max-width: 21%;right: -4.5%;bottom: 2%;}

.robo-footer1{max-width: 20%;}
.lapy-footer{max-width: 15%;}


}


@media(min-width:1200px){
.vidwh{width:95%; height:100%;}
.absoimg{top:3%; left:5%;}

.vidwh1{width:90%; height:100%;}
.absoimg1{top:25%; left:4%;}

.vidwh2{width:96%; height:100%;}
.absoimg2{top:2.5%; left:3%;}

.vidwh3{width:96%; height:100%;}
.absoimg3{top:14%; left:4%;}

.vidwhs{width:95%; height:100%;}
.absoimgs{top:-12%; left:5%;}

.create-video {padding: 7.2% 0 4% 0;}
.templateScroll{
    width: 40%;
}

.ele2{max-width: 9%;}
.ele3{max-width: 7%;}
.ele4{max-width: 12%;}
.ele5{max-width: 8%;}
.ele6{max-width: 14%;}
.ele7{max-width: 6%;}
.ele8{max-width: 20%;right: -5.5%;bottom: 3%;}

.robo-footer1{max-width: 20%;}
.lapy-footer{max-width: 14%;}


}

@media(min-width:1300px){
.create-video {padding: 5.5% 0 4% 0;}
.templateScroll{
    width: 31.5%;
}

.ele2{max-width: 9%;}
.ele3{max-width: 7%;}
.ele4{max-width: 12%;}
.ele5{max-width: 9%;}
.ele6{max-width: 14%;}
.ele7{max-width: 10%;}
.ele8{max-width: 19%;right: -3.5%;bottom: 4%;}

.robo-footer1{max-width: 20%;}
.lapy-footer{max-width: 14%;}
	
}


@media(min-width:1400px){
.vidwh{width:93%; height:100%;}
.absoimg{top:3%; left:6.5%;}

.vidwh1{width:90%; height:100%;}
.absoimg1{top:25%; left:3.5%;}

.vidwh2{width:96%; height:100%;}
.absoimg2{top:2.5%; left:3%;}

.vidwh3{width:94%; height:100%;}
.absoimg3{top:14%; left:5%;}

.vidwhs{width:95%; height:100%;}
.absoimgs{top:-12%; left:5%;}

.create-video {padding: 7.2% 0 4% 0;}
.templateScroll{
    width: 40%;
}

.ele2{max-width: 9%;}
.ele3{max-width: 7%;}
.ele4{max-width: 12%;}
.ele5{max-width: 8%;}
.ele6{max-width: 14%;}
.ele7{max-width: 10%;}
.ele8{max-width: 17%;right: -3.5%;bottom: 5%;}

.robo-footer1{max-width: 20%;}
.lapy-footer{max-width: 14%;}

}

@media(min-width:1500px){
.create-video {padding: 7.2% 0 4% 0;}
.templateScroll{
    width: 39.5%;
}	

.ele2{max-width: 9%;}
.ele3{max-width: 7%;}
.ele4{max-width: 12%;}
.ele5{max-width: 11%;}
.ele6{max-width: 17%;}
.ele7{max-width: 15%;}
.ele8{max-width: 19%;right: -1.5%;bottom: 5%;}

.robo-footer1{max-width: 20%;}
.lapy-footer{max-width: 14%;}
}


@media(min-width:1600px){
.vidwh{width:93%; height:100%;}
.absoimg{top:3%; left:6.5%;}

.vidwh1{width:90%; height:100%;}
.absoimg1{top:25%; left:3%;}

.vidwh2{width:96%; height:100%;}
.absoimg2{top:2.5%; left:3%;}

.vidwh3{width:94%; height:100%;}
.absoimg3{top:14%; left:5%;}

.vidwhs{width:95%; height:100%;}
.absoimgs{top:-12%; left:5%;}

.create-video {padding: 6.8% 0 4% 0;}
.templateScroll{
    width: 38%;
}

.ele2{max-width: 9%;}
.ele3{max-width: 9%;}
.ele4{max-width: 13%;}
.ele5{max-width: 11%;}
.ele6{max-width: 19%;}
.ele7{max-width: 15%;}
.ele8{max-width: 19%;right: -3.5%;bottom: 6%;}

.robo-footer1{max-width: 20%;}
.lapy-footer{max-width: 14%;}
}

@media(min-width:1700px){
.create-video {padding: 6.3% 0 4% 0;}
.templateScroll{
    width: 35.5%;
}

.ele2{max-width:100%;}
.ele3{max-width: 10%;}
.ele4{max-width: 14%;}
.ele5{max-width: 12%;}
.ele6{max-width: 20%;}
.ele7{max-width: 15%;}
.ele8{max-width: 19%;right: -1.5%;bottom: 7%;}

.robo-footer1{max-width: 20%;}
.lapy-footer{max-width: 14%;}
	
}


@media(min-width:1800px){
.vidwh{width:87%; height:100%;}
.absoimg{top:3%; left:12%;}

.vidwh1{width:87%; height:100%;}
.absoimg1{top:25%; left:6%;}

.vidwh2{width:94%; height:100%;}
.absoimg2{top:2.5%; left:5%;}

.vidwh3{width:87%; height:100%;}
.absoimg3{top:14%; left:11%;}

.vidwhs{width:95%; height:100%;}
.absoimgs{top:-12%; left:5%;}


.create-video {padding: 6% 0 4% 0;}
.templateScroll{
    width: 33%;
}

.ele2{max-width:100%;}
.ele3{max-width: 11%;}
.ele4{max-width: 16%;}
.ele5{max-width: 12%;}
.ele6{max-width: 20%;}
.ele7{max-width: 15%;}
.ele8{max-width: 18%;right: 0.5%;bottom: 7%;}

.robo-footer1{max-width: 20%;}
.lapy-footer{max-width: 14%;}


}

@media(min-width:1900px){
.create-video {padding: 5.5% 0 4% 0;}
.templateScroll{
    width: 31.5%;
}	

.ele2{max-width:100%;}
.ele3{max-width:100%;}
.ele4{max-width:100%;}
.ele5{max-width:100%;}
.ele6{max-width:100%;}
.ele7{max-width:100%;}
.ele8{max-width: 18%;right: 0.5%;bottom: 7%;}

.robo-footer1{max-width:100%;}
.lapy-footer{max-width:100%;}


}

@media(min-width:2000px){

	
	.vidwh{width:74%; height:100%;}
.absoimg{top:3%; left:20.5%;}

.vidwh1{width:76%; height:100%;}
.absoimg1{top:25%; left:15%;}

.vidwh2{width:81%; height:100%;}
.absoimg2{top:2.5%; left:16%;}

.vidwh3{width:75%; height:100%;}
.absoimg3{top:14%; left:20%;}

.vidwhs{width:84%; height:100%;}
.absoimgs{top:-16.5%; left:14%;}

.create-video {padding: 5.5% 0 4% 0;}
.templateScroll{
    width: 30.5%;
}

.ele2{max-width:100%;}
.ele3{max-width:100%;}
.ele4{max-width:100%;}
.ele5{max-width:100%;}
.ele6{max-width:100%;}
.ele7{max-width:100%;}
.ele8{max-width:100%;right: 0.5%;bottom: 7%;}

.robo-footer1{max-width:100%;}
.lapy-footer{max-width:100%;}
}

.headlineclr {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	    background-image: -webkit-linear-gradient(0deg, #ff542f, #f0991a);
    background-repeat: repeat;
    -webkit-background-clip: text;
}

.topmargin{margin-top: -8.5%;}
