html {
  scroll-behavior: smooth;
}

/*Fonts*/
@font-face {font-family: AvertaStd-Light; src: url('../font/AvertaStd-Light.ttf'); } 
@font-face {font-family: AvertaStd-Thin; src: url('../font/AvertaStd-Thin.ttf'); } 
@font-face {font-family: sans-serif; src: url('../font/sans-serif.ttf'); } 
@font-face {font-family: AvertaStd-Semibold; src: url('../font/AvertaStd-Semibold.ttf'); } 
@font-face {font-family: AvertaStd-Black; src: url('../font/HKGrotesk-Black.ttf'); } 
@font-face {font-family: AvertaStd-Bold; src: url('../font/AvertaStd-Bold.ttf'); } 
@font-face {font-family: AvertaStd-ExtraBold; src: url('../font/AvertaStd-ExtraBold.ttf'); } 
@font-face {font-family: AvertaStd-Heavy; src: url('../font/AvertaStd-Heavy.ttf'); } 

.AvertaStd-Light{
    font-family: 'sans-serif';
}
.AvertaStd-Thin{
    font-family: 'sans-serif';
}
.sans-serif{
    font-family: 'sans-serif';
}
.AvertaStd-Semibold{
    font-family: 'sans-serif';
}
.AvertaStd-Black{
    font-family: 'sans-serif';
}
.AvertaStd-Bold{
    font-family: 'sans-serif';
}
.AvertaStd-ExtraBold{
    font-family: 'sans-serif';
}
.AvertaStd-Heavy{
    font-family: 'sans-serif';
}
 
.caveat{font-family: 'Caveat', cursive;}


/*Common*/
body {font-family: 'sans-serif';font-size: 14px;line-height: 1.42857143;color: #000;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) {
.xs6 {font-size: 6px;}.xs7 {font-size: 7px;}.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%;}.xsmt10{margin-top:10%;}.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;
}

	.speechbox1 , .speechbox2 {
		padding:2% 15px 3% 15px;
	}

 
}


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

.mycontainer-right{width:750px;}
.mycontainer-left{width:750px;}
 
	.speechbox1 {
		padding: 0 4%;
	}
	.speechbox2 {
		padding: 0 4%;
	}
 
}

@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:922px;}

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

.speechbox1 {
    padding: 0% 0% 0% 1%;
}
.speechbox2 {
    padding: 0% 1% 0% 0%;
}

}

@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: 16px;}.lg16 {font-size: 16px;}.lg17 {font-size: 18px;}.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;}.lg60{font-size: 60px;}.lg62 {font-size: 62px;}.lg67 {font-size: 67px;}.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%}

.speechbox1 {
    padding: 0% 0% 0% 5%;
}
.speechbox2 {
    padding: 0% 3% 0% 0%;
}

}

@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: 46px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 15px;
    background-image: -webkit-linear-gradient( 0deg, rgb(113 170 255 / 27%) 0%, rgb(225 175 204 / 27%) 100%);
    background: url(../images/videobg.png) no-repeat center center;
    background-size: cover;
    background-color: #768df3;	
}

.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;
}

.demo-video-box{
    padding: 0 2%;
	position:relative;
}
.demo-video {
    border-style: solid;
    border-width: 8px;
    border-color: #a31d6c;
    border-radius: 40px;
    background-color: rgb(0 0 0);
    margin-top: 4%;
    box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 20%);
    overflow: hidden;
}





.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%;}.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: 2.5% 6.7% 2.5% 6.7%;
    display: table;
    margin: auto;
    transition: 0.5s;
    background-image: -moz-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 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: -webkit-linear-gradient( 0deg, rgb(93,59,208) 0%, rgb(168,82,218) 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-table{position:relative;}
.mybutton-table a {
    border-radius: 100px;
    background-color: #fbcf04;
    color: #ffffff;
    padding: 2.5% 6.7% 2.5% 6.7%;
    display: table;
    margin: auto;
    transition: 0.5s;
    background-image: -moz-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 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-table a:hover {
    background-color: #e7be00;
    background-image: -webkit-linear-gradient( 0deg, rgb(93,59,208) 0%, rgb(168,82,218) 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{}


.mybuttonA a {
    width: 86.5%;
    padding: 4.9% 2%;
}
 
.mybutton-text {
    line-height: 70%;
    font-weight: 100;
}
 

 


.mybutton1{margin-top: 1.5%;}

.mybutton1 a {
    border-radius: 60px;
    background-color: #1fb6ff;
    color: #fff;
    padding: 2.3% 4.5%;
    display: table;
    margin: auto;
    transition: 0.5s;
    box-shadow: 0px 9px 24px 0px rgba(31, 182, 255, 0.29);
}
.mybutton1 a:hover {
    background-color: #179ad9;
    box-shadow: 0px 13px 40px 0px #179ad942;
	transform: scale(1.05);	
}

.section14 .mybutton1 {margin-top: 4%;}
.section14 .mybutton1 a{box-shadow: none;}
.section14 .mybutton1 a:hover{box-shadow: 0px 13px 40px 0px #179ad933;}

.mybutton2 {margin-top: 14%;}
.mybutton2 a {
    border-width: 1px;
    border-color: rgb(70, 191, 250);
    border-style: solid;
    border-radius: 10px;
    color: #46bffa;
    padding: 6.2% 15px;
    display: table;
    margin: auto;
    transition: 0.5s;
    width: 100%;
    position: relative;
    box-shadow: 0px 20px 35px 0px rgba(70, 51, 255, 0.1);
    text-transform: uppercase;
}
.mybutton2 a:hover {
	box-shadow: none;
}

.mybutton3 {margin-top: 14%;}
.mybutton3 a {
	border-width: 1px;
    border-color: #46bffa;
    border-style: solid;
    border-radius: 10px;
    color: #fff;
    padding: 6.2% 15px;
    display: table;
    margin: auto;
    transition: 0.5s;
    width: 100%;
    position: relative;
    border-radius: 12px;
    background-color:#46bffa;
    box-shadow: 0px 20px 35px 0px rgba(70, 51, 255, 0.29);
    text-transform: uppercase;
}
.mybutton3 a:hover {
	box-shadow: none;
}



.checklist1 {
    margin-top: 10%;
}
.checklist1 li {
    background: url(../images/checklist1.png) no-repeat left 8px;
    padding-left: 32px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 4%;
    margin-top: 4%;
    text-align: left;
}
.unchecklist1 li {
    background: url(../images/uncheck.png) no-repeat left 8px;
    padding-left: 32px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 4%;
    margin-top: 4%;
    text-align: left;
}
 

 
.checklist4 li {
    display: inline-block;
    margin: 1% 2%;
}

.checklist4 li:before {
    content: "\f00c";
    font-family: FontAwesome;
    padding: 0 8px 0 0;
    color: #6dce17;
}


.checklist4B li {
    background: url(../images/checklist4.png) 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%;
}

.checklist5 li {
    background: url(../images/checklist5.png) no-repeat left 20px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: 0;
    padding-right: 4%;
}
.checklist6 li {
    background: url(../images/checklist6.png) no-repeat left 20px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: 0;
    padding-right: 4%;
}
.checklist7 li {
    background: url(../images/checklist7.png) no-repeat left 15px;
    padding-left: 33px;
    list-style: none;
    margin-left: 0px;
    padding-top: 4%;
    padding-bottom: 4%;
    margin-top: 0;
}
.checklist8 li {
    background: url(../images/checklist8.png) no-repeat left 20px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 6%;
    padding-bottom: 6%;
    margin-top: 0;
    padding-right: 4%;
}
.checklist9 li {
    background: url(../images/checklist9.png) 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(../images/checklist10.png) 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%;
}

 



.without-checklist {
    margin-top: 6%;
}
.without-checklist li {
    background: url(../images/withoutCheck.png) 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(../images/withCheck.png) 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(../images/silverBg.png) 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(../images/goldBg.png) 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(../images/tableTopBg.png) 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: auto;
    margin-top: 8%;
}


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

ul.price-checklist1 {
    padding: 0 6%;
    margin-top: 8%;
}
.price-checklist1 li {
    background: url(../images/check2.png) no-repeat 0 5px;
    padding-left: 32px;
    padding-right: 0;
    list-style: none;
    margin-left: 0;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 160%;
}

.price-checklist1 li.unCheck{ 
    background: url(../images/uncheck.png) no-repeat 0 6px;
    padding-left: 32px;
}



ul.price-checklist3 {
    padding-left: 13px;
}
.price-checklist3 li {
    background: url(../images/check3.png) 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 {
    display: inline-block;
    padding: .5% 2.2%;
    border-width: 1px;
    border-color: rgb(255 255 255);
    border-style: dashed;
    border-radius: 5px;
    background-color: #ff214b;
}
.text-bg {
    background: url(../images/textBg.png) no-repeat center center;
    background-size: contain;
    padding: 18px 7px 12px 7px;
}

.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-box1-out {padding: 0 15px 0 6%;margin-top: 5%;}
.table-box2-out {padding: 0 6% 0 15px;margin-top: 5%;}

.table-box1 {
	background: url(../images/table-box-bg.png) no-repeat center top;
	background-size: cover;
	border-width: 1px;
	border-color: rgb(207, 216, 220);
	border-style: solid;
	border-radius: 18px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 27px 62px 0px rgba(52, 43, 139, 0.27);
	padding: 12% 15%;
	margin-top: 4%;
}
.table-box2 {
    background: url(../images/table-box-bg.png) no-repeat center top;background-size: cover;
	border-width: 2px;
	border-style: solid;
	border-color:#26affd;
	border-radius: 18px;
	background-color: #fff;
	box-shadow: 0px 27px 62px 0px rgba(52, 43, 139, 0.27);
	padding: 12% 15%;
}

.table-tag{
	border-radius: 6px;
	background-image: -moz-linear-gradient( 0deg, rgb(70,191,250) 0%, rgb(127,153,253) 39%, rgb(184,114,255) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(70,191,250) 0%, rgb(127,153,253) 39%, rgb(184,114,255) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(70,191,250) 0%, rgb(127,153,253) 39%, rgb(184,114,255) 100%);
	color: #fff;
	display: inline-block;
	padding: 0.3% 4%;
	position: relative;
	margin-bottom: -3%;
	z-index: 1;
}
 

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

.cover{
    position: relative;
    margin-bottom: -64%;
    z-index: 1;
}



/*header-section*/
 
.step-mainBox {
    padding: 0 0%;
    margin: 3.5% 0 0 0%;
    display: contents
}

.header-stepbg1 {
    background-color: #050038;
    padding: 9.5px 10px;
    width: 26%
}

.header-stepbg2 {
    background-color: #53bf6a;
    padding: 9.5px 10px;
    width: 32%
}

.header-stepbg3 {
    background-color: #050038;
    padding: 9.5px 10px;
    width: 26%
}

.stepicon {
    margin: 0 5px 0 0
}

.stepTx {
    color: #989cac
}

.waitTx {
    color: #e31e1e
}
.stepicon1 {
    margin: 0 0 4px
}

.stepicon2 {
    margin: 0 0 4px
}

.stepicon3 {
    margin: 0 0 4px
} 
 
 
/*banner-section*/ 

.Arrowtext {
    position: absolute;
    width: 200px;
    z-index: 2;
}
.arrow1{
    position: relative;
    right: -13%;
}
.revoicertext {
    -ms-transform: skewY(20deg);
    transform: skewY(349deg);
    font-family: 'Caveat', cursive;
	font-weight:400;
}
 
.top {
    border-width: 1px;
    border-color: rgb(210, 200, 255);
    border-style: solid;
    color: #000;
    display: inline-block;
    border-radius: 50px;
    padding: 0.2% 2.9%;
}
 
.titleBg1 {
    background-color: rgb(215, 240, 255);
    display: inline-block;
    padding: 0.9% 2%;
    border-radius: 50px;
}

.video-section-out{padding: 0 3%;}
.video-section{padding: 0;}
.video-section .autoplayer-area {
    overflow: hidden;    
    border-radius: 15px;
	background-color: rgb(0, 0, 0);
	box-shadow: 0px 14px 40px 0px rgba(0, 0, 0, 0.29);
}

.titleBg4 {
    border-width: 1px;
    border-color: rgb(210, 200, 255);
    border-style: solid;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    color: #a290f5;
    display: inline-block;
    padding: 0% 1.1%;
}
.icon {
    position: relative;
    top: -3px;
    margin-left: 3px;
}

.no-thanks-link {
    color: #46bffa;
    border-width: 1px;
    border-color: rgb(70, 191, 250);
    border-style: solid;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    padding: 0.3% 1%;
    display: inline-block;
}
.no-thanks-link:hover {
    border-color: rgb(52 157 208);
    color: #38a2d5;
}

/*section2*/

.section2-box{margin-top: 5%;padding: 0 3%;}

.transcription-box{}
.transcription-box h3{
	color: #1f2024;
	margin-top: 5%;
}
.transcription-box p{
	color: #646876;
	margin-top:3%;
}

/*section3*/

.section3-box{}

.titleBg2 {
    background-color: rgb(25, 18, 97);
    display: inline-block;
    padding: 0.9% 2%;
    border-radius: 50px;
	color:#9c92ff;
}

.repurpose-box {
    color: #fff;
    padding: 0 1%;
    margin-top: 5%;
}
.repurpose-box h3{margin-top: 10%;color:#c2bfdd;}


.repurpose-box-text {
    padding: 0 1%;
    margin-top: 6%;
}

/*section4*/

.titleBg3 {
    background-color: rgb(215, 240, 255);
    display: inline-block;
    padding: 0.6% 2.6%;
    border-radius: 50px;
    color: #1f2024;
}
.gradient-text{
	background: linear-gradient(to right, #4fc2fa , #aa58ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}

.section4-box{
	border-radius: 22px;
	background-image: -moz-linear-gradient( -50deg, rgb(79,193,250) 0%, rgb(162,213,249) 42%, rgb(245,232,248) 100%);
	background-image: -webkit-linear-gradient( -50deg, rgb(79,193,250) 0%, rgb(162,213,249) 42%, rgb(245,232,248) 100%);
	background-image: -ms-linear-gradient( -50deg, rgb(79,193,250) 0%, rgb(162,213,249) 42%, rgb(245,232,248) 100%);
	padding:0 0 4% 0;
	max-width: 97%;
	margin-top: 6%;
}
.module{
    position: relative;
    margin-top: -2%;
}

.voicebox{
    position: relative;
    margin-top: -4%;	
}
.voicebox ul li {
    display: inline-block;
    margin: 0 6px;
    border-radius: 9px
}
.voicebox ul .voicebg {
    display: inline-block;
    padding: 11px 28.5px
}
.arrowA {
    position: absolute;
    right: 53%;
    top: -35%
}
.arrowB {
    position: absolute;
    right: 38%;
    bottom: -34%
}
.arrowC {
    position: absolute;
    top: -76%;
}

/*section5*/
.stepbg1 {
    border-radius: 5px;
    background-color: rgb(31 182 255 / 16%);
    padding: 6px 14.5px;
}
.stepbg2 {
    border-radius: 5px;
    background-color: #dedbfbb5;
    padding: 6px 14.5px;
}
.stepbg3 {
    border-radius: 5px;
    background-color: #c2ede7e8;
    padding: 6px 14.5px;
}

.speechtext {
    margin-top: 8%;
}
.border1 {
    border-bottom: 1px solid #d3dbf5;
    padding-bottom: 8%;
}
.speech-row {
    padding-top: 8%;
}

.bottomline {
    background: url(../images/bottomline.png) no-repeat center bottom;
    background-size: contain;
    padding: 0 5px 7px 0;
}

.section5-text {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    color: #8086eb;
    display: inline-block;
    padding: 3px 15px;
    margin-bottom: -8px;
}


/*section6*/

.revoicerBg, .revoicerBg2{}

.revoicerBg{padding: 3% 3%;}
.revoicerBg2{padding: 3% 3%;}

.revoicerBg-box1{padding: 3% 3% 3% 3%;}

.revoicerText {
    text-align: right;
    padding: 0 15px 0 3%;
}
.revoicerText2 {
    text-align: left;
    padding: 0 3% 0 15px;
}
.revoicerPg {
    margin-top: 3%;
}
.extraSpace {
}

.revoicerimg-box{padding: 0 15px;}
.revoicerText, .revoicerText2{}


.revoicerimg-box2{padding: 0 15px;}
.revoicerText3{padding: 0 15px;}

.revoicerimg8{max-width: 118%;}


/*section7*/
.section7-box-out{padding: 0 2.6%;}
.section7-box {
    border-radius: 22px;
    background-image: -moz-linear-gradient( -50deg, rgb(79 193 250 / 17%) 0%, rgb(159 202 247 / 17%) 42%, rgb(238 211 244 / 17%) 100%);
    background-image: -webkit-linear-gradient( -50deg, rgb(79 193 250 / 17%) 0%, rgb(159 202 247 / 17%) 42%, rgb(238 211 244 / 17%) 100%);
    background-image: -ms-linear-gradient( -50deg, rgb(79 193 250 / 17%) 0%, rgb(159 202 247 / 17%) 42%, rgb(238 211 244 / 17%) 100%);
    padding: 3% 5%;
}

.powerful-img{text-align:right;}


/*section8*/
.section8-box-out {
    padding: 8px;
    margin-top: 2.5%;
}
.section8-box{
	border-width: 1px;
	border-color: rgb(238, 240, 242);
	border-style: solid;
	border-radius: 14px;
	background-color: rgb(255, 255, 255);
	padding: 6% 4% 6% 6%;
}
.section8-box h3{
    color: #1f2024;
}
.section8-box p {
    color: #646876;
    margin-top: 2%;
    margin-bottom: 5%;
}

.profile-img{padding: 0 5% 0 0;}
.profile-detail{padding:0;}
.star-img{}


.testimonial-box{
    margin-top: 4%;
}

.testimonial-box .swiper-button-next, .testimonial-box .swiper-button-prev {
    background-image: none;
    color: white;
    font-size: 35px;
    text-align: center;
}



/*section9*/
.section9-box1{}

.section9-row{margin:0 ;}

.feature1-detail{padding-right:0;} 
.feature2-detail{padding-left:0;}
.image-feature1-box{text-align:right;}
.image-feature2-box{text-align:left;}

.connection2{transform: rotateY(180deg);}

/*section11*/
.section11-text{padding: 0 5% 0 15px;}
.unfortunately {
    max-width: 124%;
    position: relative;
    left: -6%;
}

/*section12*/
.bottomline2 {
    background: url(../images/bottomline2.png) no-repeat center bottom;
    background-size: contain;
    padding: 0 5px 4px 0;
}

/*section13*/
.no-thanks-link2 {
    color: #46bffa;
    border-width: 1px;
    border-color: rgb(70, 191, 250);
    border-style: solid;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    padding: 0.6% 3%;
    display: inline-block;
}
.no-thanks-link2:hover {
    border-color: rgb(52 157 208);
    color: #38a2d5;
}

.members-link{color: #1f2024;text-decoration:underline;}
.members-link:hover{color: #000000;text-decoration:none;}




.banner{background: url(../images/banner.png) no-repeat center bottom;background-size: cover;padding: 2% 0 4% 0;position: relative;overflow: hidden;}
.section2{background: url(../images/section2.png) no-repeat center top;background-size: cover;padding: 4% 0 7% 0;position: relative;overflow: hidden;}
.section3{background: url(../images/section3.png) no-repeat center top;background-size: cover;background-color:#050038;border-radius: 30px;padding: 5% 0 5.5% 0;max-width: 95%;margin: auto;margin-top: -3%;position: relative;z-index: 1;}
.section4{background: url(../images/section4.png) no-repeat center top;background-size: cover;padding: 4.5% 0 0% 0;position: relative;}
.section5{background-color: #f7f5ff;padding: 10% 0 6% 0;margin-top: -4%;}
.section6{background-color:#fff;padding: 6% 0 0 0;overflow: hidden;}
.section7{background: url(../images/section7.png) no-repeat center center;background-size: cover;padding: 3.5% 0 5% 0;position: relative;overflow: hidden;}
.section8{background: url(../images/section8.png) no-repeat center top;background-size: cover;background-color:#050038;border-radius: 30px;padding: 6% 0 7% 0  ;max-width: 95%;margin: auto;overflow:hidden;}
.section9{padding: 4% 0 5% 0;position: relative;overflow: hidden;}

.section10{background: url(../images/section10.png) no-repeat center top;background-size: cover;background-color:#f0f5fe;border-radius: 30px;padding: 5% 0 6% 0;max-width: 95%;margin: auto;position: relative;z-index: 1;}
.section11{background: url(../images/section11.png) no-repeat center top;background-size: cover;padding: 10% 0 8% 0;position: relative;overflow: hidden;margin-top: -4%;}
.section12{background: url(../images/section12.png) no-repeat center bottom;background-size: cover;padding: 6% 0 5% 0;margin-top: -7%;}
.section13{background-color:#fff;padding: 5% 0 6% 0;position: relative;overflow: hidden;border-top: 2px solid #f1eeff;}
.section14{background: url(../images/section14.png) no-repeat center top;background-size: cover;background-color:#050038;border-radius: 30px;padding: 6% 0 7% 0  ;max-width: 95%;margin: auto;margin-bottom:4%}
.section15{background: url(../images/section15.png) no-repeat center top;background-size: cover;padding: 27% 0 0% 0;position: relative;overflow: hidden;margin-top: -29%;z-index: 1;}
.section16{background: url(../images/section16.png) no-repeat center top;background-size: cover;padding: 20% 0 0 0;position: relative;overflow: hidden;margin-top: -18%;}
.section17{background: url(../images/section17.png) no-repeat center top;background-size: cover;padding: 0% 0 0% 0;position: relative;overflow: hidden;margin-top: -2%;}
.section18{background: url(../images/section18.png) no-repeat center top;background-size: cover;padding: 22% 0 20% 0;position: relative;overflow: hidden;margin-top: -35%;}
.section19{background: url(../images/section19.png) no-repeat center top;background-size: cover;padding: 19% 0 0% 0;position: relative;overflow: hidden;margin-top: -27%;}
.section20{background: url(../images/section20.png) no-repeat center top;background-size: cover;padding: 12% 0 13% 0;position: relative;overflow: hidden;margin-top: -6%;}
.section21{background: url(../images/section21.png) no-repeat center top;background-size: cover;padding: 11% 0 5% 0;position: relative;overflow: hidden;margin-top: -11%;}


.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;border-top: 1px dashed rgb(255 255 255 / 4%);}



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

	.banner {}
	.section2 {}
	
	
	
	.video-box {
		padding: 35px;
	}
	
	.section2-box{padding:0;}
	 
	.table-tag {margin-bottom: -6%;}
	
	.revoicerText3{text-align:right;}
	
	.revoicerBg, .revoicerBg2 {
		padding: 5% 3%;
	}
	
	.connection, .connection2{max-width:50%;}
	
	
	.padding0, .table-box1-out , .table-box2-out {padding: 0px 15px;}
	
}

@media only screen and (max-width: 767px){
	
	.banner {padding: 8% 0 8% 0;}
	.section2 {padding: 7% 0 9% 0;}
	.section3 {padding: 7% 0;border-radius: 15px;text-align: center;margin-top: 0;}
	.section4 {padding: 8% 0 10% 0;}
	.section5 {padding: 10% 0 10% 0;margin-top: 0;text-align: center;}
	.section6 {padding: 9% 0 0 0;}
	.section7 {padding: 10% 0 10% 0;text-align: center;}
	.section8 {padding: 8% 0;border-radius: 15px;}
	.section9 {padding: 10% 0 10% 0;text-align: center;}
   	.section10 {padding: 7% 0;border-radius: 15px;}
	.section11 {padding: 9% 0 6% 0;text-align: center;margin-top: 0;}
	.section12{margin-top: 0;padding: 6% 0 12% 0;}
	.section13{padding: 9% 0 9% 0;}	
	.section14 {padding: 8% 0;border-radius: 15px;}
	
	 
	.footer-link, .link {text-align: center;}
 
	.Arrowtext{display:none;}
 

	.top {padding: 1.2% 5%;}
	
	.video-box {padding: 15px;}
	
	.transcription-box {
		margin: 3% 0 5% 0;
	}
	
	.transcription-box h3{
		margin-top: 3%;
	}
	.transcription-box p{
		margin-top: 2%;
	}
	
	.repurpose{max-width: 75%;}
	
	.voicebox ul .voicebg {
		padding: 5px 18px;
		border-radius: 5px;
	}
	
	.arrowA {
		right: 57%;
		max-width: 12%;
	}
	.arrowB {
		right: 27%;
		max-width: 12%;
	}
	.arrowC {
		right: 5.5%;
		max-width: 9%;
	}
	.section4-box {
		border-radius: 15px;
	}
	
	.speechtext {
		margin-top: 5%;
	}
	
	.revoicerBg, .revoicerBg2 {
		padding: 8% 15px;
	}
	
	.revoicerText, .revoicerText2,  .revoicerText3{
		text-align: center;
		padding:0px;
	}
	.revoicermain-box{padding:0px;}
	
	.powerful, .accurate{margin-top: 5%;}
	
	.revoicerimg3 {margin-top: -3%;}
	.revoicerimg5 {
		margin-bottom: -3%;
		margin-top: 0;
	}
	.revoicerimg6 {
		margin-bottom: -8%;
		margin-top: 0;
	}
	.revoicerimg7 {
		margin-bottom: -8%;
		margin-top: -1%;
	}
	.revoicerimg8 {
		margin-bottom: -5%;
		margin-top: -1%;
		max-width: 100%;
	}
	.revoicerimg9{margin-bottom: 1%;margin-top: -4%;}
	
	.revoicerimg-box {
		margin-top: 7%;
		padding: 0;
	}
	.revoicerimg-box2 {
		margin-top: 2%;
		padding: 0;
	}
	
	.section7-box {
		border-radius: 15px;
		padding: 8% 0;
	}
	
	.feature1-detail{padding: 0;} 
	.feature2-detail{padding: 0;}
	.image-feature1-box{text-align:center;}
	.image-feature2-box{text-align:center;}
	
	.image-feature{margin: 6% 0 0% 0;}
	.connection, .connection2{max-width: 60%;}
	
	.mybutton1 {margin-top: 5%;}
	
	.mybutton1 a {
		padding: 3.5% 8%;
	}
	
	.table-box1, .table-box2 {
		padding: 12% 7%;
	}
	
	.unfortunately {
		max-width: 100%; 
		left: 4%;
		margin-top: 5%;
	}
	
	.header-stepbg1 , .header-stepbg2 , .header-stepbg3 {
		padding: 7px 2px 6px 2px;
	}
	
	
	.stepicon1 {
		max-width: 9%;
		margin: -1px 0 0px 0;
	}
	.stepicon2{max-width: 6%;margin: -1px 0 0px 0;}
	.stepicon3{max-width:9%;margin: -2px 0 0px 0;}
	
	.padding0{padding:0 15px;}
}  


@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%;
    }
	
	 
	.repurpose-box{width: 33%;} 

	.image-feature{max-width:100%;}

	.revoicerimg-box{width: 100%;}
	.revoicerText, .revoicerText2{width: 100%;}

	.revoicerimg-box2{width: 100%;}
	.revoicerText3{width: 100%;}
	
	 .header-stepbg1 {
        width: 30%
    }

    .header-stepbg2 {
        width: 40%
    }

    .header-stepbg3 {
        width: 30%
    }
	
	.testimonial-box .swiper-button-next{
		right: -4%;
	}
	.testimonial-box .swiper-button-prev{
		left: -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}	
	
	
	
		
}

@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%;
    }
	
	.repurpose-box{width: 20%;}  

	.image-feature{max-width:90%;}
	
	.arrowC {right: 19.5%;}
	
	.revoicerimg-box{width: 45%;}
	.revoicerText, .revoicerText2{width: 55%;}

	.revoicerimg-box2{width: 45%;}
	.revoicerText3{width: 55%;}

	.header-stepbg1 {
        width: 30%
    }

    .header-stepbg2 {
        width: 35%
    }

    .header-stepbg3 {
        width: 30%
    }
	
	.Arrowtext {
		right: 84%;
		top: -8%;
	}
	.arrow1{
		position: relative;
		right: 19%;
		max-width: 32%;
	}
	.revoicertext {
		font-size: 15px;
	}
	
	.testimonial-box .swiper-button-next{
		right: -3%;
	}
	.testimonial-box .swiper-button-prev{
		left: -3%;
	}

	
}




@media only screen and (min-width: 1000px) {	
	.mycontainer-right{width: 950px;}
	.mycontainer-left{width: 950px;}	
	
	.ele26{max-width: 27%;top: 0%;right: -5%;}

}


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

	.repurpose-box{width: 18%;} 

	.image-feature{max-width: 90%;}
	
	.arrowC {right: 23%;}

	.revoicerimg-box{width: 46%;}
	.revoicerText, .revoicerText2{width: 54%;}

	.revoicerimg-box2{width: 45%;}
	.revoicerText3{width: 55%;}

	.Arrowtext {
		right: 87%;
		top: -3%;
	}
	.arrow1{
		position: relative;
		right: 20%;
		max-width: 30%;
	}
	.revoicertext {
		font-size: 16px;
	}
	
	.testimonial-box .swiper-button-next{
		right: -1.5%;
	}
	.testimonial-box .swiper-button-prev{
		left: -1.5%;
	}
	 
	.revoicerBg-box2{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box3{padding: 3% 3% 3% 3%;}
	.revoicerBg-box4{padding: 3% 3% 3% 3%;}
	.revoicerBg-box5{padding: 3% 3% 3% 3%;}
	.revoicerBg-box6{padding: 3% 3% 3% 3%;}
}


@media only screen and (min-width: 1100px) {		
	
	.repurpose-box{width: 18%;} 
	 
	 
	.Arrowtext {
		right: 92%;
		top: -3%;
	}
	.arrow1{
		position: relative;
		right: 8%;
		max-width: 44%;
	}
	.revoicertext {
		font-size: 18px;
	} 
	
	.testimonial-box .swiper-button-next{
		right: -4%;
	}
	.testimonial-box .swiper-button-prev{
		left: -4%;
	}
	
	
}



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

	
	.repurpose-box{width: 20%;}  
	
	.arrowC {right: 22%;}

	.revoicerimg-box{width: 41%;}
	.revoicerText, .revoicerText2{width: 59%;}

	.revoicerimg-box2{width: 45%;}
	.revoicerText3{width: 55%;}
	
	
	.header-stepbg1 {
        width: 26%
    }

    .header-stepbg2 {
        width: 32%
    }

    .header-stepbg3 {
        width: 26%
    }
	
	.Arrowtext {
		right: 91%;
		top: -5%;
	}
	.arrow1{
		position: relative;
		right: 11%;
		max-width: 40%;
	}
	.revoicertext {
		font-size: 18px;
	}
	
	.testimonial-box .swiper-button-next{
		right: -4%;
	}
	.testimonial-box .swiper-button-prev{
		left: -4%;
	}

	.revoicerBg-box2{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box3{padding: 3% 3% 3% 3%;}
	.revoicerBg-box4{padding: 3% 3% 3% 3%;}
	.revoicerBg-box5{padding: 3% 3% 3% 3%;}
	.revoicerBg-box6{padding: 3% 3% 3% 3%;}
}


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

	.revoicerimg-box{width: 44%;}
	.revoicerText, .revoicerText2{width: 56%;}

	.revoicerimg-box2{width: 42%;}
	.revoicerText3{width: 58%;}
 
	.Arrowtext {
		right: 94%;
		top: -2%;
	}
	.arrow1{
		position: relative;
		right: 0%;
		max-width: 52%;
	}
	.revoicertext {
		font-size: 20px;
	}
	
	.testimonial-box .swiper-button-next{
		right: -2%;
	}
	.testimonial-box .swiper-button-prev{
		left: -2%;
	}

	.revoicerBg-box2{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box3{padding: 3% 3% 3% 3%;}
	.revoicerBg-box4{padding: 3% 3% 3% 3%;}
	.revoicerBg-box5{padding: 3% 3% 3% 3%;}
	.revoicerBg-box6{padding: 3% 3% 3% 3%;}
}

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

	.revoicerimg-box{width: 42%;}
	.revoicerText, .revoicerText2{width: 56.5%;}

	.revoicerimg-box2{width: 40%;}
	.revoicerText3{width: 60%;}
	
	
	.Arrowtext {
		right: 96%;
		top: -2%;
	}
	.arrow1{
		position: relative;
		right: -13%;
		max-width:100%;
	}
	.revoicertext {
		font-size:24px;
	}
	
	
	.testimonial-box .swiper-button-next{
		right: -4%;
	}
	.testimonial-box .swiper-button-prev{
		left: -4%;
	}

	.revoicerBg-box2{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box3{padding: 3% 3% 3% 3%;}
	.revoicerBg-box4{padding: 3% 3% 3% 3%;}
	.revoicerBg-box5{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box6{padding: 3% 3% 2% 3%;}
}

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


		
	.mainvideo {
		position: absolute;
		width: 873px;
		height: 350px;
		top: 16px;
		left: 172px;
	}
	
	.repurpose-box{width: 18%;} 
	
	.arrowC {right: 28.5%;}

	.revoicerimg-box{width: 46%;}
	.revoicerText, .revoicerText2{width: 52.5%;}

	.revoicerimg-box2{width: 44%;}
	.revoicerText3{width: 55.5%;}
	 
	.revoicerBg-box2{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box3{padding: 3% 3% 3% 3%;}
	.revoicerBg-box4{padding: 3% 3% 1% 3%;}
	.revoicerBg-box5{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box6{padding: 3% 3% 2% 3%;}
}


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


	.mainvideo {
		position: absolute;
		width: 873px;
		height: 350px;
		top: 16px;
		left: 172px;
	} 
	
	.repurpose-box{width: 18%;} 
	
	.arrowC {right: 28.5%;}

	.revoicerimg-box{width: 45%;}
	.revoicerText, .revoicerText2{width: 48%;}

	.revoicerimg-box2{width: 39%;}
	.revoicerText3{width: 52.5%;}
	
	.revoicerBg-box2{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box3{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box4{padding: 3% 3% 1% 3%;}
	.revoicerBg-box5{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box6{padding: 3% 3% 2% 3%;}
}
@media (min-width: 1700px){
	.mycontainer{width:1500px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width: 1320px;} 
	
	.repurpose-box{width: 18%;} 
	
	.arrowC {right: 28.5%;}
	
	.revoicerBg-box2{padding: 3% 3% 2% 3%;}
	.revoicerBg-box3{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box4{padding: 3% 3% 1% 3%;}
	.revoicerBg-box5{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box6{padding: 3% 3% 2% 3%;}
}
@media (min-width: 1800px){
	.mycontainer{width:1500px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width: 1340px;}
	
	.repurpose-box{width: 18%;} 
	
	.arrowC {right: 28.5%;}

	.revoicerimg-box{width: 41%;}
	.revoicerText, .revoicerText2{width: 44.5%;}

	.revoicerimg-box2{width: 38%;}
	.revoicerText3{width: 46.5%;}
	 
	.revoicerBg-box2{padding: 3% 3% 2% 3%;}
	.revoicerBg-box3{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box4{padding: 3% 3% 1% 3%;}
	.revoicerBg-box5{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box6{padding: 3% 3% 2% 3%;}
}
@media (min-width:1900px){
	.mycontainer2{width:1330px;}
	.mycontainer3{width: 1544px;}
	 
	.repurpose-box{width: 17%;}

	.image-feature{max-width:100%;}
	
	.arrowC {right: 28.5%;}
	
	.revoicerimg-box{width: 41%;}
	.revoicerText, .revoicerText2{width: 42.5%;}

	.revoicerimg-box2{width: 36%;}
	.revoicerText3{width: 43.5%;}
	
	.revoicerBg-box2{padding: 3% 3% 2% 3%;}
	.revoicerBg-box3{padding: 3% 3% 1.5% 3%;}
	.revoicerBg-box4{padding: 3% 3% 1% 3%;}
	.revoicerBg-box5{padding: 3% 3% 2.5% 3%;}
	.revoicerBg-box6{padding: 3% 3% 2% 3%;}
	
}
@media (min-width:2000px){
	.mycontainer2 {
		width: 1800px;
	}
	.mycontainer3{width:1900px;}
	
	.revoicerimg-box{width: 41%;}
	.revoicerText, .revoicerText2{width: 39.5%;}

	.revoicerimg-box2{width: 36%;}
	.revoicerText3{width: 40.5%;}
		
}
	
.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;}


.section17 {
    background-image: -webkit-linear-gradient( 0deg, hsl(200deg 100% 56% / 9%) 4%, hsl(270deg 88% 70% / 9%) 95%);
    padding: 6% 0 1% 0;
}


/*-------------------------------------------popup css*/

.CopyrightText {
    color: #adb4ba;
    margin-top: 42%;
    text-align: left;
    display: block;
}
.CopyrightText:hover {
    color: #000;
}
.footerlinks ul li {
    margin-bottom: 25px;
    padding: 0 3%;
}
.footerlinks ul li a {
    text-align: left;
    color: #000;
}
.footerlinks ul li a:hover {
    color: #8b81eb;
    text-decoration: underline;
}
.socialicon {
    margin-top: 12%;
}
.socialicon ul li {
    display: inline-block;
}
.socialicon ul li i {
    font-size: 25px;
    margin: 0 15px 0 0;
    color: #000;
}
.logoFooter {
    margin-bottom: 6%;
}

.section17 i.fa.fa-facebook-square:hover {
    color: #3b5998;
    transform: scale(1.09);
    transition-delay: 0.1s;
}
.section17 i.fa.fa-twitter:hover {
    color: #55acee;
    transform: scale(1.09);
    transition-delay: 0.1s;
}
.section17 i.fa.fa-instagram:hover {
    color: #E4405F;
    transform: scale(1.09);
    transition-delay: 0.1s;
}
.section17 i.fa.fa-youtube-play:hover {
    color: #ff0000;
    transform: scale(1.09);
    transition-delay: 0.1s;
}
.section17 {
    background-color: #eaf7fe;
    background-image: none;
    padding: 10% 0;
    }
	
	
	
	
/*Header*/

.header2 {
    z-index: 1;
    position: relative;
    margin: auto;
    padding: 10px 0% 10px 0%;
}
.menu {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 15px 2% 15px 0;
}
a.navbar-brand {
    width: 11%;
}
.btnn {
    margin: 0 18px 0 0%;
}
.Arrowtext {
    position: absolute;
    top: -29%;
    left: 2%;
    z-index: 5;
    overflow: hidden;
    padding: 5px 0px;
}
.revoicertext {
    width: 100%;
    height: 100px;
    -ms-transform: skewY(20deg);
    transform: skewY(351deg);
}
.arrow1 {
    position: absolute;
    top: -8%;
    left: 2%;
}
.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
}
.navbar-light .navbar-nav .nav-link {
    color: #222222;
    position: relative;
    padding: 5px 10px 5px 10px;
    transition-duration: 0.3s;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #1fb6ff;
    transition-duration: 0.3s;
}
a.nav-link {
    margin: 0 0px 0 35px;
}
.getlink {
    border-radius: 30px;
    background-color: #1fb6ff;
    padding: 11.5px 25.5px !important;
    color: #fff!important;
    box-shadow: 0px 11px 18px 0px rgb(31 182 255 / 16%);
    transition-duration: 0.5s;
    text-align: center;
    display: inline-block;
}
.getlink:hover {
    background-color: #26a5e2;
    box-shadow: 0px 11px 18px 0px rgb(31 182 255 / 5%);
    transform: scale(1.1);
    transition-duration: 0.3s;
}
.video-title {
  display: none;
}