html {
  scroll-behavior: smooth;
}




/*Fonts*/

.poppins{font-family: 'Poppins', sans-serif;}
.pacifico{font-family: 'Pacifico', cursive;}
.grandhotel{font-family: 'Grand Hotel', cursive;}
.caveat{font-family: 'Caveat', cursive;}

/*Common*/
body {font-family: 'Sora', sans-serif;font-size: 14px;line-height: 1.42857143;color: #192033;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;}
.padding1 {padding: 0 1%;}
.padding2 {padding: 0 2%;}
.padding3 {padding: 0 3%;}


@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%;}

.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: relative;
    overflow: hidden;
    text-align: left;
    padding-bottom: 47.5%;
}


}


@media (min-width:768px) {	
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm22 {font-size: 22px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.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:750px;}
.mycontainer2{width:750px;}
.mycontainer3{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;}.md72 {font-size: 72px;}.md74 {font-size: 74px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md92{font-size: 92px;}.md103{font-size: 103px;}.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%;}
.mmb20{margin-bottom:20%;} 
.mmb16{margin-bottom:16%;}
.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: 970px;}


}

@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;}.lg43 {font-size: 43px;}.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;}.lg60{font-size: 60px;}.lg62 {font-size: 62px;}.lg64 {font-size: 64px;}.lg67 {font-size: 67px;}.lg68 {font-size: 68px;}.lg69 {font-size: 69px;}.lg70 {font-size: 70px;}.lg71 {font-size: 71px;}.lg72 {font-size: 72px;}.lg74 {font-size: 74px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg92 {font-size: 92px;}.lg103 {font-size: 103px;}.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%}

}

@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:#000000}
.gray2{color:#aeaeb1}
.gray3{color:#8c8c8c}
.blue{color:#2a3950} 
.black2{color:#101010} 

/*logo-top*/



.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 {
    padding: 32px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
    background-image: -webkit-linear-gradient( -45deg, rgb(225 175 204 / 20%) 0%, rgb(117 48 227 / 20%) 100%);
    box-shadow: 0px 30px 36.8px 3.2px rgba(0, 0, 0, 0.004);
}

.video-box .autoplayer-area{
	border-width: 2px;
	border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 25px 38px 0px rgba(0, 0, 0, 0.3);	
}

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

.responsive-video {
    padding-bottom: 56.21%;
    overflow: hidden;
    position: relative;
    z-index: 3;
    box-shadow: 0px 19px 40px 0px rgb(0 0 0 / 24%);
    border-radius: 0;
}

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





.mycontainer{margin:auto;}



.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}

.video-autoplay-overlay-top, .video-autoplay-overlay-bottom{background-color: rgb(90 41 135) !important;}
.video-autoplay-overlay-play{background: url(../images/play.png) 50% 50% no-repeat rgb(90 41 135) !important;}



.video-autoplay-overlay-lottie{background: url(../images/mute.png) 50% 50% no-repeat transparent !important;margin-top: 0 !important;margin-left: 0 !important;margin: 0 auto !important;}

.video-autoplay-overlay-image{
	width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    text-align: center !important;
	height: 100% !important;
    top: 0 !important;
    margin-top: 0 !important;margin: 0 auto !important;
	background-image: linear-gradient(rgb(90 41 135) 10%, transparent 10%, transparent 90%, rgb(90 41 135) 90%) !important;
}


.video-autoplay-progress-line{background-color: rgb(255 255 255) !important;}
.video-autoplay-overlay-bottom-lines .video-autoplay-progress-line:after{display:none !important;}
.video-autoplay-overlay-play-lines{background: url(../images/playVid.png) 50% 50% no-repeat rgb(63, 114, 175) !important;}
.video-autoplay-overlay-bottom-lines .video-autoplay-progress {
    width: 100% !important;
}

/*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%;}.lh220 {line-height: 220%;}.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{position:relative;}
.mybutton a {
    border-radius: 100px;
    background-color: #fbcf04;
    color: #ffffff;
    padding: 3% 3.6% 2.7% 4.6%;
    display: table;
    margin: auto;
    transition: 0.5s;
    background-image: -moz-linear-gradient( 0deg, rgb(231,28,71) 0%, rgb(190,45,184) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(231,28,71) 0%, rgb(190,45,184) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(231,28,71) 0%, rgb(190,45,184) 100%);
    box-shadow: -20.5px 35.507px 29px 0px rgb(22 46 95 / 19%), inset 0px 6px 3px 1px rgb(0 0 0 / 50%), inset 0px -6px 3px 1px rgb(255 255 255 / 50%);
    text-shadow: -3.536px 3.536px 0px rgb(0 0 0 / 21%);
    overflow: hidden;
    position: relative;
}
.mybutton a:hover {
    background-color: #e7be00;
    background-image: -moz-linear-gradient( 0deg, rgb(190,45,184) 0%, rgb(231,28,71) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(190,45,184) 0%, rgb(231,28,71) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(190,45,184) 0%, rgb(231,28,71) 100%);
    transform: scale(1.05);	
	box-shadow: -20.5px 35.507px 29px 0px rgb(22 46 95 / 9%), inset 0px 6px 3px 1px rgb(0 0 0 / 50%), inset 0px -6px 3px 1px rgb(255 255 255 / 50%);
}

.mybutton-inn{}

.mybutton-top a {
    margin: unset;
}

 
.mybutton-text {
    line-height: 70%;
    font-weight: 100;
}
 

.arrow1 {
    position: relative;
    margin-top: -1%;
    left: 2%;
    animation: bounceRight 2s ease infinite;
}
@keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}

.mybutton-top .arrow1 {
    margin-top: -1%;
    left: 2%;
	animation: bounceRight2 2s ease infinite;
}
@keyframes bounceRight2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-15px);
  }
  60% {
    transform: translateX(-6px);
  }
}



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

.mybutton2 a {
    border-radius: 12px;
    background-image: -webkit-linear-gradient( -180deg , #E53935 0%, #F44336 100%);
    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%;
}
.mybutton2 a:hover {
	background-image: -webkit-linear-gradient( -180deg , #F44336 0%, #E53935 100%);
    box-shadow:none;
}



/*section1*/

.logo-box {
    text-align: left;
}

.text-bg1 {
    background: url(../images/shap.png) no-repeat center center;
    background-size: contain;
    display: inline-block;
    padding: 3% 5.2%;
    margin: 0;
    position: relative;
    top: -4px;
}


.section1-detail {padding: 0 7% 0 2%;}


.instantly {position: relative;}


/*banner-section*/

.banner-subtitle{}

.gradient-text {
    background-image: linear-gradient(to right, #ff934d , #fc686f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



 
.video-section{padding: 0 1.8%;}
.video-section .autoplayer-area, .bnr-vid {
    overflow: hidden;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 38px 62px 0px rgba(0, 0, 0, 0.28);
}

 
.arrowLeft3{
    position: absolute;
    left: 10%;
    bottom: 4%;
}
.arrowRight3{
    position: absolute;
    right: 10%;
    bottom: 4%;
}

.btn-11:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}

.btn-11:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}





/**Styling scrollable elements*/

.js-scroll {
  opacity: 0;
  transition: opacity 500ms;
}

.js-scroll.scrolled {
  opacity: 1;
}

.scrolled.fade-in {
  animation: fade-in 0.5s ease-in-out both;
}

.scrolled.fade-in-bottom {
  animation: fade-in-bottom 0.5s ease-in-out both;
}
.scrolled.fade-in-top {
  animation: fade-in-top 0.5s ease-in-out both;
}

.scrolled.fade-in-left {
  animation: fade-in-left 0.5s ease-in-out both;
}
.scrolled.fade-in-right {
  animation: fade-in-right 0.5s ease-in-out both;
}

.scrolled.slide-left {
  animation: slide-in-left 0.5s ease-in-out both;
}

.scrolled.slide-right {
  animation: slide-in-right 0.5s ease-in-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-2-11 23:32:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */



@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}  


.arrowDown{
    -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);
  }
}


/*section2*/
.benefitBg1 {
    background: url(../images/benefitBg1.png) no-repeat center center;
    background-size: contain;
    padding: 4% 19% 6% 10%;
    position: relative;
    right: -3%;
}
.benefitBg2 {
    background: url(../images/benefitBg2.png) no-repeat center center;
    background-size: contain;
    padding: 4% 22% 6% 13%;
    position: relative;
    right: -3%;
}
.benefitBg3 {
    background: url(../images/benefitBg3.png) no-repeat center center;
    background-size: contain;
    padding: 4% 22% 6% 13%;
    position: relative;
    right: -3%;
}
.benefit-img {
    margin-top: 0;
    margin-bottom: -10%;
}
.benefit-box {
    position: relative;
    margin-top: 2.5%;
}


.textBg {
    background: url(../images/textBg.png) no-repeat center center;
    background-size: contain;
    padding: 3.6% 0% 4.6% 1%;
    display: inline-block;
    margin-top: -7%;
}

.textBg2-div{margin-top:9%;}

.textBg2 {
    background: url(../images/textBg2.png) no-repeat center center;
    background-size: contain;
    padding: 3.3% 6.4% 6% 6.4%;
    position: relative;
    display: inline-block;
    color: #fff;
}




.team-img{}


.work-row{}

.section2-img2{
    width: 53%;
    text-align: right;
}
.section2-detail2{
    width: 40%;
}

.work-img{margin-top: -5%;}

.work-box1{
	background: url(../images/workBg1.png) no-repeat center center;
	background-size: contain;
	position: relative;
	display: inline-block;
	color: #260e44;
	float: right;
}
.work-box2{
	background: url(../images/workBg2.png) no-repeat center center;
	background-size: contain;
	position: relative;
	display: inline-block;
	color: #260e44;
}
.work-box3{
	background: url(../images/workBg3.png) no-repeat center center;
	background-size: contain;
	position: relative;
	display: inline-block;
	color: #260e44;
	float: right;
}

.icon1{
    position: absolute;
    left: -7%;
    margin-top: -4%;
}
.icon2{
    position: absolute;
    left: -8%;
    margin-top: -2%;
}
.icon3{
    position: absolute;
    left: -10%;
}
.icon4{
    position: absolute;
    top: 4%;
    right: 7%;
}
.icon5{
    position: absolute;
    right: 1%;
}



/*section3*/

.arrowDown1{
    position: relative;
    margin-top: -5%;
}

.plan-box{padding: 0 15px;margin-top: 3%;position:relative;}

.plan1-img {filter: drop-shadow(0 31px 22px #8073c52e);margin-bottom: 8%;}

.planText1{
	background: url(../images/planText1.png) no-repeat center center;
	background-size: contain;
	position: relative;
	display: inline-block;
	padding: 3% 20% 5% 13%;
}
.planText2{
	background: url(../images/planText2.png) no-repeat center center;
	background-size: contain;
	position: relative;
	display: inline-block;
	padding: 3% 20% 5% 13%;
}
.planText3{
	background: url(../images/planText3.png) no-repeat center center;
	background-size: contain;
	position: relative;
	display: inline-block;
	padding: 3% 20% 5% 13%;
}
.planText4{
	background: url(../images/planText4.png) no-repeat center center;
	background-size: contain;
	position: relative;
	display: inline-block;
	padding: 3% 20% 5% 13%;
}
.planText5{
	background: url(../images/planText5.png) no-repeat center center;
	background-size: contain;
	position: relative;
	display: inline-block;
	padding: 3% 20% 5% 13%;
}


.connection1{
    position: absolute;
}
.connection2{
    position: absolute;
}


/*section4*/

.faster{
    position: relative;
    margin-top: 1%;
}

.textBg4 {
    background: url(../images/textBg4.png) no-repeat center center;
    background-size: contain;
    padding: 3.5% 4.5% 3.5% 4.5%;
    position: relative;
    display: inline-block;
    margin-top: 4%;
}


.include-row2{}
.include-row3{
    margin-top: -5%;
}

.include1-detail {
    background: url(../images/include1Bg.png) no-repeat center right;
    background-size: contain;
    padding: 14.6% 6% 13.6% 25%;
    position: relative;
    display: inline-block;
    right: -1%;
}
.include1-detail h2{}
.include1-detail p{
    margin-top: 3%;
}
.include1{
    position: relative;
    max-width: 121%;
    left: -14%;
}

.include2-detail {
    background: url(../images/include2Bg.png) no-repeat center left;
    background-size: contain;
    padding: 12.2% 18% 15.3% 16%;
    position: relative;
    display: inline-block;
    left: -4%;
}
.include2-detail h2{}
.include2-detail p{
    margin-top: 3%;
}
.include2{
    position: relative;
    left: 0;
    margin-top: -17%;
}

.include3-detail {
    background: url(../images/include3Bg.png) no-repeat center right;
    background-size: contain;
    padding: 18.6% 6% 17.6% 26%;
    position: relative;
    display: inline-block;
    right: -1%;
}
.include3-detail h2{}
.include3-detail p{
    margin-top: 3%;
}
.include3{
    position: relative;
    max-width: 112%;
    left: -5%;
    margin-bottom: -20%;
    z-index: 1;
}


.connection3 {
    position: relative;
    margin-top: -9%;
}
.connection4{}

/*section5*/
.ele1, .ele2, .ele3, .ele4, .ele5, .ele6, .ele7, .ele8{
	position: absolute;
}

.textBg3 {
    background: url(../images/textBg3.png) no-repeat center center;
    background-size: contain;
    padding: 5% 15%;
    position: relative;
    display: inline-block;
    color: #fff;
}

.befor-box{
	width: 36.7%;
	padding:0;
}
.after-box{
	width: 36.7%;
	padding:0;
	position: relative;
}

.befor-box-inn{
	border-radius: 70px;
	background-color: rgb(207, 43, 45);
	box-shadow: 11.5px 19.919px 22.41px 4.59px rgba(20, 0, 58, 0.18);
	padding: 12% 12% 7% 12%;
	margin-top: 5%;
	color: #fff;
}
.after-box-inn{
	border-radius: 70px;
	background-color: rgb(47, 174, 35);
	box-shadow: -21.472px 8.242px 14.94px 3.06px rgba(20, 0, 58, 0.18);
	padding: 12% 12% 7% 12%;
	margin-top: 5%;
	color: #fff;
}


.unchecklist li {
    background: url(../images/unchecklist.png) no-repeat left 7px;
    padding-left: 54px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    text-align: left;
}

.checklist li {
    background: url(../images/checklist.png) no-repeat left 9px;
    padding-left: 65px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    text-align: left;
}

.adeel-img{
    position: absolute;
	z-index: 1;
}


/*section6*/
.section6-box-out {
    padding: 0 0%;
    margin-top: 0;
}
.section6-box {
    border-width: 1px;
    border-color: rgb(217, 196, 18);
    border-style: solid;
    border-radius: 41px;
    background-color: rgb(255, 239, 203);
    box-shadow: 0px 63px 73px 0px rgb(6 6 6 / 17%);
    padding: 0 0% 0 7%;
}
.section6-detail{padding: 0 8% 0 0;}
.guarantee {
    position: relative;
    margin-top: -9%;
    max-width: 113%;
    left: -14%;
}

.section6 .arrowLeft3{left: 6%;bottom: 10%;}
.section6 .arrowRight3{right: 6%;bottom: 10%;}

.aadeel2{
    position: absolute;
    bottom: 33%;
    left: 1%;
}
.girl{
    position: absolute;
    bottom: 33%;
    right: 1%;
}

.section6-detail2{padding: 0 2%;}


/*section20*/
.line8 {
    position: relative;
    top: -8%;
}

.section20 hr {
    border-top: 1px dashed rgb(255 255 255 / 17%);
    margin-top: 6%;
    margin-bottom: 5%;
}

.notahnks-link a {}
.notahnks-link a:hover{text-decoration:underline;}

.accordion .fa {
    float: right;
    margin-top: 4px;
    color: #9993ff;
    background-color: rgb(38, 38, 38);
    border-radius: 50%;
    padding: 0.8% 0.8%;
    font-size: 19px;
}

.footer-section .card {
    border: 0px;
    margin: 1% 0;
    padding: 2.6% 0;
    border-width: 0;
    overflow: hidden;
    border-radius: 20px;
    background-color: rgb(35 35 35 / 88%);
    opacity: 0.878;
    box-shadow: -8px 0px 0px 0px rgba(38, 38, 38, 0.48);
}

.footer-section .card-header{
    padding: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}
.footer-section .card-header button {
    width: 100%;
    text-align: left;
    color: #b8b8b8;
    padding: 0% 4%;
    border: 0 !important;
    box-shadow: none;
    white-space: break-spaces;
    background-color: transparent;
}
.footer-section .card-body {
    padding: 1% 8% 0% 4.5%;
    color: #909090;
}
.btn:focus, .btn:hover {
    text-decoration: none !important;
}

.click-link{
	color:#2d6dff;
	text-decoration:underline;
}
.link {

}
.link, .link a {
    text-decoration: none;
    color: #6c6c6c;
}
.link a:hover{
	text-decoration: underline;
    color: #999999;
}

.link2 a{
    color: #a19ba9;
    text-decoration: none;
} 
.link2 a:hover{
	text-decoration: underline;
    color: #a19ba9;
} 




/*elements*/




@-webkit-keyframes mover1 {
    0% { transform: translateY(0); }
    100% { transform: translateY(10px); }
}
@keyframes mover1 {
    0% { transform: translateY(0); }
    100% { transform: translateY(10px); }
}

@-webkit-keyframes rotate {  	
	0%,100% {
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  40% {
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  70% {
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }	
} 
@-webkit-keyframes rotate2 {  	
	0%,100% {
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  40% {
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  70% {
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
	
}
@-webkit-keyframes mover2 {
    0% { transform: translateY(10px); }
    100% { transform: translateY(0); }
}
@keyframes mover2 {
    0% { transform: translateY(10px); }
    100% { transform: translateY(0); }
}


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

 
.section1{background: url(../images/section1.png) no-repeat center top;background-size: cover;padding: 2.3% 0 10% 0;background-color: #0c1734;overflow: hidden;} 

.banner{background: url(../images/banner.png) no-repeat center top;background-size: cover;padding: 3% 0 14% 0;margin-top: -5%;position: relative;}
.section2{background: url(../images/section2.png) no-repeat center top;background-size: cover;padding: 3.3% 0 9% 0;margin-top: -10%;position: relative;}

.section3{background: url(../images/section3.png) no-repeat center top;background-size: cover;padding: 0 0 12% 0;margin-top: -6%;position: relative;}
.section4{background: url(../images/section4.png) no-repeat center top;background-size: cover;padding: 4% 0 14% 0;margin-top: -12%;overflow: hidden;position: relative;}

.section5{background: url(../images/section5.png) no-repeat center top;background-size: cover;padding: 13% 0 11% 0;margin-top: -13%;position: relative;}
.section6{background: url(../images/section6.png) no-repeat center top;background-size: cover;padding: 10% 0 6% 0;overflow: hidden;margin-top: -9%;position: relative;}
.section7{background: url(../images/section7.png) no-repeat center top;background-size: cover;padding: 3% 0 0% 0;margin-top: -7%;position: relative;overflow: hidden;}

.section20{background: url(../images/section20.png) no-repeat center top;background-size: cover;padding: 11% 0 5% 0;position: relative;overflow: hidden;z-index: 1;margin-top: -5%;}
.footer{background: url(../images/footer.png) no-repeat center top;background-size: cover;padding: 6% 0 5% 0;position: relative;background-color: #040c26;}
.footer-link{background-color: #08080a;padding: 3% 0;margin-top: -1px;}

@media only screen and (max-width: 767px){
	
	.section1 {}
	.banner {
		margin-top: -5%;
		padding: 1% 0 7% 0;background-color: #120d31;
	}
	.section2 {
		margin-top: 0;
		padding: 6% 0 8% 0 !important;
		background-color: #f6e8f4;
		background-image: none;
		text-align: center;
	}
		
	.section3 {
		margin-top: 0 !important;
	}
	.section4 {
		padding: 4% 0 10% 0 !important;
	}
	.section5 {
		background-image: none;
		padding: 8% 0 7% 0 !important;
		margin-top: 0;
	}
	.section6 {
		margin-top: 0;
		background-color: #f5e9f5;
		background-image: none;
	}
	.section20{
		background-color: #060606;
		margin-top: 0;
		padding: 8% 0 5% 0;
	}
	
	.footer-link, .link {text-align: center;}
 
	/**/
	.connection1, .connection2, .arrowRight3, .arrowLeft3, .adeel-img, .aadeel2, .girl{display:none;}
	
	
	.arrow1 {left: 2%;}
	.video-box {padding: 10px;}

    /**/
	.logo-box {
		text-align: center;
	}
	
	.text-bg1 {
		background-color: #ffc52c;
		padding: 3% 15px;
		-webkit-box-shadow: inset 0 0 5px #656565;
		-moz-box-shadow: inset 0 0 5px #656565;
		box-shadow: inset 0 0 5px #656565;
		margin-top: 2%;
		background-image: none;
		line-height: 120%;
	}
	
	.textBg5, .textBg6, .textBg7{left:0;margin-top: 3%;}

	.payment, .window {
		max-width: 80%;
	}
	
	.benefit-box{margin: 3% 0;}
	.benefit-img {margin-bottom: -14%;}
	
	
	
	
	.textBg{
		background-color: #593fc8;
		max-width: 93%;
		margin: auto;
		background-image: none;
		padding: 2% 1%;
	}
	
	.textBg2 {
		background-color: #753c6f;
		/* background-image: none; */
		padding: 1% 2%;
		margin-bottom: 5%;
		margin-top: -6%;
	}

	.textBg3 {
		background-color: #602674;
		background-image: none;
		padding: 2% 2%;
		margin-bottom: 4%;
	}

	.textBg4{
		background-color: #593fc8;
		background-image: none;
		max-width: 93%;
		margin: auto;
		margin-top: 5%;
		margin-bottom: 3%;
	}
	
	
	.temp1, .temp2{
		max-width: 100%;
		right: 0;
		left:0;
		margin-top: 4%;
		margin-bottom: 4%;
	}

	.forget-box {
		margin-top: 2%;
		margin-bottom: 2%;
	}

	.section8-box{
		border-radius: 20px;
	}
	.section8-detail{}
	.section8-box-out p{
		padding: 0;
	}

	.section8-title, .section8-title2{
		width: 100%;
		padding: 4% 2%;
	}

	.section7-detail2{padding:0 15px;}


	@keyframes bounceRight {
	  0%, 20%, 50%, 80%, 100% {
		transform: translateX(0);
	  }
	  40% {
		transform: translateX(-15px);
	  }
	  60% {
		transform: translateX(-7px);
	  }
	}

	/**/

	.section2-detail2 {
	}
	.section2-img2 {
		width: 90%;
	}
	.work-img{
		margin-top: 0%;
	}

	
	.section2-detail2{margin:auto;margin-top: 5%;width: 93% !important;}
	
	.icon1{
		left: -3%;
		margin-top: -4%;
	}
	.icon2{
		left: -3%;
		margin-top: -2%;
	}
	.icon3{
		left: -3%;
	}
	.icon4{
		top: -14%;
		right: 7%;
	}
	.icon5{
		bottom: -14%;
	}
	
	
	.work-box1{
		width: 100%;
		padding: 6% 4% 6% 17%;
		background-color: #e7dfff;
		background-image: none;
       text-align: left;
	}
	.work-box2{
		width: 100%;
		padding: 6% 4% 6% 17%;
		margin-bottom: 0;
		left: 0;
		background-color: #fae7c3;
		background-image: none;
        text-align: left;
	}
	.work-box3{
		width: 100%;
		padding: 6% 4% 6% 17%;
		background-color: #fadbec;
		background-image: none;    text-align: left;
	}
	
	.include1-detail{
		background-color: #602674;
		right: 0;
	}
	.include2-detail{
		padding: 5.6% 6% 5.6% 6%;
		left: 0;
		background-color: #6a3a9f;
	}
	.include3-detail{
		background-color: #b03f99;
	}
	
	.include1, .include2, .include3{
		max-width: 100%;
		left: 0;
		right: 0;
		margin-top: 4%;
		margin-bottom: 0;
	}

	.befor-box{
		width: 96%;
		margin: auto;
		margin-bottom: 6%;
	}

		.after-box{
		width: 96%;
		margin: auto;
	}

	.section6-box-out {
		padding: 0 15px;
		margin-top: 0;
	}
	.section6-box {
		border-radius: 20px;
		padding: 6% 15px 2% 15px !important;
		text-align: center;
	}

	.section6-detail{
		padding: 0;
	}

	.guarantee{
		max-width: 100%;
		left: 0;
		margin-top: 4%;
	}

	.unchecklist li, .checklist li {
		
		padding-bottom: 10px;
	}


	
	.padding0, .section6-detail2{padding:0 15px;}

	/**/
	.mybutton a {
		padding:6% 4.7% 5% 4.7% !important;
	}

	.mybutton-top a{padding: 6% 4.7% 5% 4.7% !important;}
	
	.video-autoplay-overlay-lottie{height:100px !important;}
	.video-autoplay-overlay-image{margin: -53px 0px 0px -100px; !important}
	
	.video-autoplay-overlay-bottom, .video-autoplay-overlay-top{height: 30px !important;font-size: 15px !important;line-height: 32px !important;}
	.video-autoplay-overlay-play{background: url(../images/playMob.png) 50% 50% no-repeat rgb(90 41 135) !important;width: 60px !important;height: 60px !important;margin: -30px 0px 0px -30px !important;}
	
	.video-autoplay-overlay-lottie{background: url(../images/muteMob.png) 50% 50% no-repeat transparent !important;height:50px !important;}
	
	
}  


@media only screen and (max-width: 993px){
	
	.section2 {
		padding: 3.3% 0 12% 0;
	}
	.section3 {
		margin-top: -9%;
		padding: 0 0 5% 0;
	}
	.section4 {
		background-image: linear-gradient(to bottom right, #3b154f, #130d31);
		margin-top: 0;
		padding: 4% 0 16% 0;
	}
	.section5 {
		padding: 17% 0 11% 0;
	}
	.section6 {}
	.section7 {}
	.section8 {}
	.section9 {}
	.section10 {}
	.section11 {}
	.section12 {}
	.section13 {}
	.section14 {}

	nav li a {
		padding: 10px 10px !important;
	}
 
	
	.section1-detail{
		padding: 0 15px;
		text-align: center;
	}
	
	
	.section7-title {
		padding: 3% 5%;
		left: 0%;
		margin-bottom: 3%;
	}
	.section7-title2 {
		padding: 3% 5%;
		left: 0%;
		margin-bottom: 3%;
	}
	
	.feast1 {
		max-width: 100%;
		left: 0;
		margin-top: 4%;
		margin-bottom: 4%;
	}
	.feast2 {
		max-width: 100%;
		left: 0%;
		margin-top: 4%;
	}
	
	.section8-box1{padding: 7% 15px 0% 15px;}
	.section8-box2{padding: 7% 15px 4% 15px;}
	.section8-box3{padding: 7% 15px 3% 15px;}
	.section8-box4{padding: 7% 15px 6% 15px;}

	.bonuse1{
		max-width: 100%;
		left: 0;
		margin: -4% 0 0 0;
	}
	.bonuse2{
		max-width: 100%;
		margin: -5% 0 -7% 0;
	}
	.bonuse3{
		max-width: 100%;
		left: 0;
		margin: 3% 0 0% 0;
	}
	.bonuse4{
		max-width: 100%;
		left: 0;
		margin: 4% 0 0 0;
	}
	
	
	
	.arrowDown{max-width: 9%;}

	.arrowDown1{
		max-width: 30%;
	}

	.section2-detail2 {
		width: 45%;
	}

	.befor-box-inn{
		border-radius: 40px;
		padding: 12% 10% 7% 10%;
	}
	.after-box-inn{
		border-radius: 40px;
		padding: 12% 10% 7% 10%;
	}


	.unchecklist li {
		background: url(../images/unchecklistB.png) no-repeat left 7px;
		padding-left: 39px;
	}

	.checklist li {
		background: url(../images/checklistB.png) no-repeat left 9px;
		padding-left: 42px;
	}

	.arrow1 {max-width: 10%;}
	
	
	.section6-box { 
		padding: 0 0% 0 5%;
	}
	
	
	 /**/
	
	.mybutton a {padding: 2.5% 2% 2.3% 3%;}

	.mybutton-top a {margin:auto;}
	

    @keyframes bounce {
		0%, 20%, 50%, 80%, 100% {
		  transform: translateY(0);
		}
		40% {
		  transform: translateY(-15px);
		}
		60% {
		  transform: translateY(-7px);
		}
	}
  
	
}




@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%;
    }
	 
	/**/


	.logo-box{max-width:100%;padding:0 15px;margin: auto;} 
	
	.section1-detail h2{font-size: 34px;}
	.section1-detail p{font-size: 18px;margin-top: 3%;}
	.section1-detail h4{font-size: 19px;margin-top: 5%;}	
	.mybutton-top a{font-size: 16px;}
	.mybutton-top .mybutton-text {font-size: 23px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 100%;}	
	 
	 
	.instantly {max-width: 100%;left: 0;margin-top: 0;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 100%;}
	.section2-detail{padding: 0 15px;width: 100%;margin-bottom: 5%;margin-top: 9%;}
	.section2-detail h3{font-size: 20px;margin-top: 7%;}
	.business-img{max-width: 49%;}
	
	.unchecklist, .checklist{font-size: 16px;}  

	.adeel-img{
		max-width: 100%;
		right: 80%;		
		top: -9%;
	}
	 
	 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 18px;}	
	.icon1{max-width: 18%;}
	.icon2{max-width: 19%;}
	.icon3{max-width: 19%;}
	.icon4{max-width: 11%;}
	.icon5{max-width: 15%;}
	
	 
	.plan-box{width: 45%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 5.6% 6% 5.6% 6%;}
	.include2-detail {padding: 5.6% 6% 5.6% 6%;}
	.include3-detail {padding: 5.6% 6% 5.6% 6%;}		
	
	.connection3, .connection4{max-width: 40%;}
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size: 18px;}
	
	.faster{max-width: 90%;}

	/**/
	.ele1{
		max-width: 6%;
		left: 0%;
		top: -4%;
	}
	.ele2 {
		max-width: 8%;
		top: 35%;
		left: 4%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: -5%;
	}
	.ele4{
		max-width: 8%;
		top: 83%;
		left: -1%;
	}
	.ele5{
		max-width: 6%;
		right: 1%;
		top: -5%;
	}
	.ele6{
		max-width: 8%;
		right: 3%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: -4%;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 7%;
		top: 75%;
	}

	.video-autoplay-overlay-image{padding:11% 0;}
	
}

@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}	
	
	
	
}

@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%;
    }
	 

	.logo-box{width: 94%;} 
	
	.arrowLeft3{max-width: 10%;}
	.arrowRight3{max-width: 10%;}

	.section1-detail h2{font-size: 46px;}
	.section1-detail p{font-size: 28px;margin-top: 2%;}
	.section1-detail h4{font-size: 22px;margin-top: 4%;}	
	.mybutton-top a{font-size: 21px;}
	.mybutton-top .mybutton-text {font-size: 29px;}
	
	.mybutton-top a {padding: 3.7% 2.7% 3.3% 3.7%;width: 73.4%;}	
	 
	 
	.instantly {max-width: 100%;left: 0;margin-top: 0;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 39%;margin-bottom: 5%;}
	.section2-detail h3{font-size: 20px;margin-top: 7%;}
	.business-img{max-width: 45%;}
	
	.unchecklist, .checklist{font-size: 14px;}  
	
	.adeel-img{
		max-width: 100%;
		right: 80%;
		top: 0%;
	}
	 
	.work-box1{
		width: 73%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 79.7%;
		padding: 8% 9% 11% 14%;
		margin-bottom: -10%;
		left: 11%;
	}
	.work-box3{
		width: 74.5%;
		padding: 13% 8% 10% 12%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 14px;}	
	.icon1{max-width: 18%;}
	.icon2{max-width: 20%;}
	.icon3{max-width: 19%;}
	.icon4{max-width: 10%;}
	.icon5{max-width: 15%;}
	
		 
	.plan-box{width: 19%;}
	.connection1{
		max-width: 27%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 27%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 4% 13.6% 16%;}
	.include2-detail {padding: 12.2% 18% 15.3% 16%;}
	.include3-detail {padding: 14.6% 4% 13.6% 16%;}	
	
	.connection3, .connection4{max-width: 40%;}
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size: 18px;}
	
	.faster{max-width: 75%;}
	
	
	/**/
	.ele1{
		max-width: 6%;
		left: 3%;
		top: -20%;
	}
	.ele2 {
		max-width: 8%;
		top: 23%;
		left: 9%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: 0%;
	}
	.ele4{
		max-width: 8%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 6%;
		right: 4%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	
	.aadeel2{
		max-width: 17%;
		bottom: 40%;
		left: -2%;
	}
	.girl{
		max-width: 18%;
		bottom: 39%;
		right: -2%;
	}

	.bnr-vid {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}	
	
	.video-autoplay-overlay-image{padding:7% 0;}	
	
}




@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%;
    }


	.logo-box{width: 92%;} 
	
	 
	.arrowLeft3{max-width: 10%;}
	.arrowRight3{max-width: 10%;}	

	.section1-detail h2{font-size: 37px;}
	.section1-detail p{font-size: 18px;margin-top: 4%;}
	.section1-detail h4{font-size: 16px;margin-top: 8%;}	
	.mybutton-top a{font-size: 19px;}
	.mybutton-top .mybutton-text {font-size: 23px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 99.4%;}	
	 
	 
	.instantly {max-width: 130%;left: -27%;margin-top: -15%;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 35%;margin-bottom: 6%;}
	.section2-detail h3{font-size: 21px;margin-top: 9%;}
	.business-img{max-width: 51%;}
	
	.unchecklist, .checklist{font-size: 16px;}  
	
	.adeel-img{
		max-width: 100%;
		right: 80%;		
		top: -9%;
	}
	 
	.work-box1{
		width: 82%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 80.7%;
		padding: 8% 9% 11% 10%;
		margin-bottom: -10%;
		left: -3%;
	}
	.work-box3{
		width: 78.5%;
		padding: 13% 8% 10% 9%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 16px;}	
	.icon1{max-width: 18%;}
	.icon2{max-width: 20%;}
	.icon3{max-width: 19%;}
	.icon4{max-width: 10%;}
	.icon5{max-width: 15%;}
	
		 
	.plan-box{width: 17%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 6% 13.6% 20%;}
	.include2-detail {padding: 12.2% 18% 15.3% 16%;}
	.include3-detail {padding: 18.6% 6% 17.6% 20%;}	
	
	.connection3, .connection4{max-width: 40%;}
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size: 19px;}
	
	.faster{max-width: 74%;}
	
	/**/
	.ele1{
		max-width: 6%;
		left: 5%;
		top: -20%;
	}
	.ele2 {
		max-width: 9%;
		top: 23%;
		left: 9%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: 0%;
	}
	.ele4{
		max-width: 8%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 6%;
		right: 7%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	
	.aadeel2{
		max-width: 16%;
		bottom: 40%;
		left: -2%;
	}
	.girl{
		max-width: 17%;
		bottom: 37%;
		right: -3%;
	}
	
	.video-autoplay-overlay-image{padding:12% 0;}	
}


@media only screen and (min-width: 1100px) {
	.mycontainer{width:970px;}
	.mycontainer2{width: 1040px;}	
	.mycontainer3{width: 970px;}		


	.logo-box{width: 93%;} 
	
	.section1-detail h2{font-size: 36px;}
	.section1-detail p{font-size: 19px;}
	.section1-detail h4{font-size: 19px;}	
	.mybutton-top a{font-size: 20px;}
	.mybutton-top .mybutton-text {font-size: 27px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 95.4%;}	
	 
	 
	.instantly {max-width: 130%;left: -29%;margin-top: -15%;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 32%;margin-bottom: 6%;}
	.section2-detail h3{font-size: 21px;margin-top: 13%;}
	.business-img{max-width: 51%;}
	
	.unchecklist, .checklist{font-size: 17px;}  
	
	.adeel-img{
		max-width: 97%;
		right: 80%;
		top: -4%;
	}
	 
	.work-box1{
		width: 74%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 72.7%;
		padding: 8% 9% 11% 10%;
		margin-bottom: -10%;
		left: 6%;
	}
	.work-box3{
		width: 72.5%;
		padding: 13% 8% 10% 9%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 16px;}	
	.icon1{max-width: 18%;}
	.icon2{max-width: 20%;}
	.icon3{max-width: 19%;}
	.icon4{max-width: 13%;}
	.icon5{max-width: 15%;}
	
		 
	.plan-box{width: 14%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 6% 13.6% 25%;}
	.include2-detail {padding: 11.2% 18% 15.3% 19%;}
	.include3-detail {padding: 18.6% 6% 17.6% 26%;}	
	
	.connection3, .connection4{max-width: 40%;}
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size: 21px;}
	
	.faster{max-width: 75%;}
	
	
	/**/
	.ele1{
		max-width: 6%;
		left: 5%;
		top: -20%;
	}
	.ele2 {
		max-width: 8%;
		top: 23%;
		left: 9%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: 0%;
	}
	.ele4{
		max-width: 100%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 6%;
		right: 7%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	
	.aadeel2{
		max-width: 18%;
		bottom: 36%;
		left: -1%;
	}
	.girl{
		max-width: 18%;
		bottom: 35%;
		right: -1%;
	}
	
	
}



@media only screen and (min-width: 1200px) {
	.mycontainer{width:970px;}
	.mycontainer2{width: 1140px;}
	.mycontainer3{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;
    }

	

	.logo-box{width: 91%;} 
	
	
	
	.arrowLeft3{max-width: 100%;}
	.arrowRight3{max-width: 100%;}	
	
	.section1-detail h2{font-size: 38px;}
	.section1-detail p{font-size: 20px;}
	.section1-detail h4{font-size: 20px;}	
	.mybutton-top a{font-size: 22px;}
	.mybutton-top .mybutton-text {font-size: 28px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 95.4%;}	
	 
	 
	.instantly {max-width: 132%;left: -29%;margin-top: -5%;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 32%;margin-bottom: 6%;}
	.section2-detail h3{font-size: 23px;margin-top: 10%;}
	.business-img{max-width: 56%;}
	
	.unchecklist, .checklist{font-size: 19px;}  
	
	.adeel-img{
		max-width: 94%;
		right: 81%;
		top: -5%;
	}
	 
	.work-box1{
		width: 68%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 70.7%;
		padding: 8% 10% 11% 11%;
		margin-bottom: -10%;
		left: 10%;
	}
	.work-box3{
		width: 66.5%;
		padding: 13% 8% 10% 9%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 16px;}	
	.icon1{max-width: 18%;}
	.icon2{max-width: 20%;}
	.icon3{max-width: 19%;}
	.icon4{max-width: 13%;}
	.icon5{max-width: 15%;}
	
		 
	.plan-box{width: 14%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 6% 13.6% 18%;}
	.include2-detail {padding: 12.2% 18% 15.3% 16%;}
	.include3-detail {padding: 18.6% 6% 17.6% 17%;}	
	
	.connection3, .connection4{max-width:100%;}
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size: 24px;}
	
	.faster{max-width: 80%;}
	
	
	/**/
	.ele1{
		max-width: 6%;
		left: 5%;
		top: -20%;
	}
	.ele2 {
		max-width: 8%;
		top: 23%;
		left: 9%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: 0%;
	}
	.ele4{
		max-width: 100%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 6%;
		right: 7%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	.aadeel2{
		max-width: 18%;
		bottom: 33%;
		left: -3%;
	}
	.girl{
		max-width: 18%;
		bottom: 33%;
		right: -3%;
	}

	.video-autoplay-overlay-image{padding:14% 0;}
	
}


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


	.logo-box{width: 88%;} 
	
	 
	.arrowLeft3{max-width: 100%;}
	.arrowRight3{max-width: 100%;}	

	.section1-detail h2{font-size: 42px;}
	.section1-detail p{font-size: 24px;}
	.section1-detail h4{font-size: 20px;}	
	.mybutton-top a{font-size: 25px;}
	.mybutton-top .mybutton-text {font-size: 31px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 99.4%;}	
	 
	 
	.instantly {max-width: 132%;left: -29%;margin-top: -10%;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 39%;margin-bottom: 6%;}
	.section2-detail h3{font-size: 27px;margin-top: 10%;}
	.business-img{max-width: 46%;}
	
	.unchecklist, .checklist{font-size: 21px;}  
	
	.adeel-img{
		max-width: 95%;
		right: 81%;
		top: -4%;
	}
	 
	.work-box1{
		width: 70%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 67.7%;
		padding: 8% 9% 11% 10%;
		margin-bottom: -10%;
		left: 10%;
	}
	.work-box3{
		width: 68.5%;
		padding: 13% 8% 10% 9%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 17px;}	
	.icon1{max-width: 18%;}
	.icon2{max-width: 20%;}
	.icon3{max-width: 19%;}
	.icon4{max-width: 13%;}
	.icon5{max-width: 15%;}
	
	.plan-box{width: 14%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 5% 13.6% 25%;}
	.include2-detail {padding: 11.2% 27% 11.3% 15%;}
	.include3-detail {padding: 16.6% 6% 16.6% 27%;}	
	
	.connection3, .connection4{max-width:100%;}
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size: 21px;}
	
	.faster{
    max-width: 78%;
}
	
	/**/
	.ele1{
		max-width: 6%;
		left: 5%;
		top: -20%;
	}
	.ele2 {
		max-width: 8%;
		top: 23%;
		left: 9%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: 0%;
	}
	.ele4{
		max-width: 100%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 6%;
		right: 7%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	
	.aadeel2{
		max-width: 18%;
		bottom: 33%;
		left: -2%;
	}
	.girl{
		max-width: 18%;
		bottom: 33%;
		right: -1%;
	}
	
	.video-autoplay-overlay-image{padding:13% 0;}
	
}

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


	.logo-box{width: 84%;} 
	
	.section1-detail h2{font-size: 42px;}
	.section1-detail p{font-size: 26px;}
	.section1-detail h4{font-size: 20px;}	
	.mybutton-top a{font-size: 25px;}
	.mybutton-top .mybutton-text {font-size: 31px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 96.4%;}	
	 
	 
	.instantly {max-width: 136%;left: -29%;margin-top: -15%;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 38%;margin-bottom: 6%;}
	.section2-detail h3{font-size: 28px;margin-top: 10%;}
	.business-img{max-width: 47%;}
	
	.unchecklist, .checklist{font-size: 21px;}  
	
	.adeel-img{
		max-width: 94%;
		right: 81%;
		top: -6%;
	}
	 
	.work-box1{
		width: 69%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 66.7%;
		padding: 8% 9% 11% 10%;
		margin-bottom: -10%;
		left: 9%;
	}
	.work-box3{
		width: 67.5%;
		padding: 13% 8% 10% 9%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 18px;}	
	.icon1{max-width: 18%;}
	.icon2{max-width: 20%;}
	.icon3{max-width: 19%;}
	.icon4{max-width: 14%;}
	.icon5{max-width: 15%;}
	
	.plan-box{width: 14%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 6% 13.6% 27%;}
	.include2-detail {padding: 9.2% 28% 12.3% 15%;}
	.include3-detail {padding: 15.6% 6% 15.6% 31%;}	
	
	.connection3, .connection4{max-width:100%;}
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size: 22px;}
	
	.faster{
    max-width: 77%;
}
	
	/**/
	.ele1{
		max-width: 6%;
		left: 5%;
		top: -20%;
	}
	.ele2 {
		max-width: 8%;
		top: 23%;
		left: 9%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: 0%;
	}
	.ele4{
		max-width: 100%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 6%;
		right: 7%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	
	.aadeel2{
		max-width: 18%;
		bottom: 33%;
		left: 1%;
	}
	.girl{
		max-width: 18%;
		bottom: 33%;
		right: 1%;
	}
	
	.bnr-vid {
		width: 100%;
		padding-bottom: 55.5%;
	}
	
	.video-autoplay-overlay-image{padding:16% 0;}
	
}

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


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

	.logo-box{width: 79%;} 
	
	.section1-detail h2{font-size: 43px;}
	.section1-detail p{font-size: 25px;}
	.section1-detail h4{font-size: 22px;}	
	.mybutton-top a{font-size: 25px;}
	.mybutton-top .mybutton-text {font-size: 31px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 96.4%;}	
	 
	 
	.instantly {max-width: 144%;left: -29%;margin-top: -15%;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 33%;margin-bottom: 7%;}
	.section2-detail h3{font-size: 26px;margin-top: 11%;}
	.business-img{max-width: 52%;}
	
	.unchecklist, .checklist{font-size: 22px;}  
	
	.adeel-img{
		max-width: 95%;
		right: 81%;
		top: -7%;
	}
	 
	.work-box1{
		width: 69%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 65.7%;
		padding: 8% 9% 11% 10%;
		margin-bottom: -10%;
		left: 12%;
	}
	.work-box3{
		width: 68.5%;
		padding: 13% 8% 10% 9%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 19px;}	
	.icon1{max-width: 18%;}
	.icon2{max-width: 20%;}
	.icon3{max-width: 19%;}
	.icon4{max-width: 13%;}
	.icon5{max-width: 15%;}
	
	.plan-box{width: 14%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 6% 13.6% 28%;}
	.include2-detail {padding: 10.2% 29% 14.3% 17%;}
	.include3-detail {padding: 15.6% 10% 15.6% 31%;}	
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size: 21px;}
	
	.faster{max-width: 74%;}
	
	/**/
	.ele1{
		max-width: 6%;
		left: 5%;
		top: -20%;
	}
	.ele2 {
		max-width: 8%;
		top: 23%;
		left: 9%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: 0%;
	}
	.ele4{
		max-width: 100%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 6%;
		right: 7%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	
	.aadeel2{
		max-width: 20%;
		bottom: 31%;
		left: 1%;
	}
	.girl{
		max-width: 20%;
		bottom: 31%;
		right: 1%;
	}
	
	.video-autoplay-overlay-image{padding:16% 0;}
	
}


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


	.logo-box{width: 75%;} 
	

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

	.section1-detail h2{font-size: 44px;}
	.section1-detail p{font-size: 26px;}
	.section1-detail h4{font-size: 22px;}	
	.mybutton-top a{font-size: 25px;}
	.mybutton-top .mybutton-text {font-size: 31px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 95.4%;}	
	 
	 
	.instantly {max-width: 150%;left: -29%;margin-top: -13%;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 32%;margin-bottom: 6%;}
	.section2-detail h3{font-size: 30px;margin-top: 11%;}
	.business-img{max-width: 50%;}
	
	.unchecklist, .checklist{font-size: 21px;}  
	
	.adeel-img{
		max-width: 95%;
		right: 81%;
		top: -5%;
	}
	 
	.work-box1{
		width: 69%;
		padding: 8% 10% 16% 12%;
		margin-bottom: -11%;
	}
	.work-box2{
		width: 69.7%;
		padding: 8% 9% 11% 12%;
		margin-bottom: -9%;
		left: 15%;
	}
	.work-box3{
		width: 69.5%;
		padding: 11% 8% 10% 11%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 21px;}	
	.icon1{max-width: 18%;}
	.icon2{max-width: 20%;}
	.icon3{max-width: 20%;}
	.icon4{max-width: 13%;}
	.icon5{max-width: 15%;}	
	
	.plan-box{width: 14%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 8% 13.6% 25%;}
	.include2-detail {padding: 11.2% 23% 15.3% 15%;}
	.include3-detail {padding: 18.6% 6% 17.6% 23%;}	
	
	.connection3, .connection4{max-width:100%;}



	.faster{max-width: 76%;}
	
	
	/**/
	.ele1{
		max-width: 6%;
		left: 5%;
		top: -20%;
	}
	.ele2 {
		max-width: 8%;
		top: 23%;
		left: 9%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: 0%;
	}
	.ele4{
		max-width: 100%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 6%;
		right: 7%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	
	.aadeel2{
		max-width: 20%;
		bottom: 29%;
		left: 2%;
	}
	.girl{
		max-width: 20%;
		bottom: 30%;
		right: 1%;
	}
	
	
	
}
@media (min-width: 1700px){

	.logo-box{width: 70%;} 
	
	.section1-detail h2{font-size: 44px;}
	.section1-detail p{font-size: 26px;}
	.section1-detail h4{font-size: 22px;}	
	.mybutton-top a{font-size: 25px;}
	.mybutton-top .mybutton-text {font-size: 31px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 95.4%;}	
	 
	 
	.instantly {max-width: 155%;left: -29%;margin-top: -15%;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 55%;}
	.section2-detail{padding: 0 2%;width: 31%;margin-bottom: 6%;}
	.section2-detail h3{font-size:32px;margin-top: 12%;}
	.business-img{max-width: 52%;}
	
	.unchecklist, .checklist{font-size: 21px;}  
	
	.adeel-img{
		max-width: 96%;
		right: 81%;
		top: -7%;
	}
	 
	.work-box1{
		width: 70%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 67.7%;
		padding: 8% 9% 11% 10%;
		margin-bottom: -10%;
		left: 16%;
	}
	.work-box3{
		width: 68.5%;
		padding: 13% 8% 10% 9%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size: 22px;}	
	.icon1{max-width: 16%;}
	.icon2{max-width: 19%;}
	.icon3{max-width: 18%;}
	.icon4{max-width:100%;}
	.icon5{max-width:100%;}	
	
	.plan-box{width: 14%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 6% 13.6% 21%;}
	.include2-detail {padding: 12.2% 16% 15.3% 17%;}
	.include3-detail {padding: 18.6% 6% 17.6% 21%;}	
	
	

	.faster{max-width: 100%;}
	/**/
	.ele1{
		max-width: 5%;
		left: 5%;
		top: -20%;
	}
	.ele2 {
		max-width: 8%;
		top: 23%;
		left: 7%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: -1%;
	}
	.ele4{
		max-width: 100%;
		top: 83%;
		left: 6%;
	}
	.ele5{
		max-width: 5%;
		right: 6%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 5%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	.aadeel2{
		max-width: 20%;
		bottom: 29%;
		left: 4%;
	}
	.girl{
		max-width: 19%;
		bottom: 30%;
		right: 5%;
	}
	
	
	
	
}
@media (min-width:1800px){

	.logo-box{width: 67%;} 
	
	.section1-detail h2{font-size: 44px;}
	.section1-detail p{font-size: 26px;}
	.section1-detail h4{font-size: 22px;}	
	.mybutton-top a{font-size: 25px;}
	.mybutton-top .mybutton-text {font-size: 31px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 96.4%;}	
	 
	 
	.instantly {max-width: 159%;left: -29%;margin-top: -15%;}
	 
	.connection1{}
	.connection2{}
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 29%;margin-bottom: 7%;}
	.section2-detail h3{font-size: 31px;margin-top: 13%;}
	.business-img{max-width: 55%;}
	
	.unchecklist, .checklist{font-size: 22px;}  
	
	.adeel-img{
		max-width: 100%;
		right: 80%;
		top: -7%;
	}
	 
	.work-box1{
		width: 70%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 67.7%;
		padding: 8% 9% 11% 10%;
		margin-bottom: -10%;
		left: 16%;
	}
	.work-box3{
		width: 68.5%;
		padding: 13% 8% 10% 9%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size:24px;}	
	.icon1{max-width:100%;}
	.icon2{max-width:100%;}
	.icon3{max-width:100%;}
	.icon4{max-width:100%;}
	.icon5{max-width:100%;}
	
	.plan-box{width: 14%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 6% 13.6% 20%;}
	.include2-detail {padding: 12.2% 16% 15.3% 18%;}
	.include3-detail {padding: 18.6% 6% 17.6% 20%;}	
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size: 27px;}
	
	.faster{
    max-width: 100%;
}
	
	/**/
	.ele1{
		max-width: 6%;
		left: 5%;
		top: -20%;
	}
	.ele2 {
		max-width: 8%;
		top: 23%;
		left: 9%;
	}
	.ele3{
		max-width: 4%;
		top: 51%;
		left: 0%;
	}
	.ele4{
		max-width: 100%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 6%;
		right: 7%;
		top: -12%;
	}
	.ele6{
		max-width: 8%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 3%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 6%;
		right: 14%;
		top: 75%;
	}
	
	.aadeel2{
		max-width: 20%;
		bottom: 28%;
		left: 4%;
	}
	.girl{
		max-width: 19%;
		bottom: 29%;
		right: 5%;
	}
	
	
	
}
@media (min-width:1900px){
	.mycontainer2{width:1330px;}
	.mycontainer3{width: 1600px;}
	 
	.logo-box{width: 69%;} 
	 
	.section1-detail h2{font-size: 46px;}
	.section1-detail p{font-size: 28px;}
	.section1-detail h4{font-size: 22px;}	
	.mybutton-top a{font-size: 25px;}
	.mybutton-top .mybutton-text {font-size: 31px;}
	
	.mybutton-top a {padding: 4.5% 2%;width: 93.4%;}	
	 
	 
	.instantly {max-width: 161%;left: -29%;margin-top: -15%;}
	 
	.connection1{}
	.connection2{}
	
	
	.team-row{margin-top: -14%;}
	
	.section2-img{width: 56%;}
	.section2-detail{padding: 0 2%;width: 29%;margin-bottom: 7%;}
	.section2-detail h3{font-size:32px;margin-top: 13%;}
	.business-img{max-width:100%;}
	   
	.unchecklist, .checklist{font-size:24px;}  
	
	.adeel-img{
		max-width: 100%;
		right: 80%;		
		top: -9%;
	}
	 
	.work-box1{
		width: 68%;
		padding: 10% 9% 16% 12%;
		margin-bottom: -13%;
	}
	.work-box2{
		width: 65.7%;
		padding: 8% 9% 12% 10%;
		margin-bottom: -10%;
		left: 16%;
	}
	.work-box3{
		width: 66.5%;
		padding: 13% 8% 10% 9%;
	} 
	.work-box1 p, .work-box2 p, .work-box3 p{font-size:24px;}	
	.icon1{max-width:100%;}
	.icon2{max-width:100%;}
	.icon3{max-width:100%;}
	.icon4{max-width:100%;}
	.icon5{max-width:100%;}
	 
	.plan-box{width: 14%;}
	.connection1{
		max-width: 100%;
		left: 87%;
		top: 10%;
	}
	.connection2{
		max-width: 100%;
		left: 88%;
		top: 60%;
	}
	
	.include1-detail {padding: 14.6% 6% 13.6% 24%;}
	.include2-detail {padding: 12.2% 16% 15.3% 18%;}
	.include3-detail {padding: 18.6% 6% 17.6% 19%;}	
	
	.include1-detail p, .include2-detail p, .include3-detail p{font-size:28px;}
	
	/**/
	.ele1{
		max-width: 100%;
		left: 6%;
		top: -20%;
	}
	.ele2 {
		max-width: 100%;
		top: 23%;
		left: 10%;
	}
	.ele3{
		max-width: 100%;
		top: 51%;
	}
	.ele4{
		max-width: 100%;
		top: 83%;
		left: 8%;
	}
	.ele5{
		max-width: 100%;
		right: 7%;
		top: -12%;
	}
	.ele6{
		max-width: 100%;
		right: 6%;
		top: 37%;
	}
	.ele7{
		max-width: 100%;
		right: 0;
		top: 74%;
	}
	.ele8{
		max-width: 100%;
		right: 14%;
		top: 75%;
	}
	
	.aadeel2{
		max-width:100%;
		bottom: 26%;
		left: 5%;
	}
	.girl{
		max-width:100%;
		bottom: 27%;
		right: 6%;
	}
	
}
@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;}

.responsive-video .video-autoplay-paused .video-autoplay-overlay-lines, .bnr-vid .video-autoplay-overlay {
    background-color: rgba(0,0,0,0.0) !important;
}