html {
  scroll-behavior: smooth;
}
 

.caveat{font-family: 'Caveat', cursive;}

/*Common*/
body {font-family: 'Poppins', sans-serif;font-size: 14px;line-height: 1.42857143;color: #100f26;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{
	width:100%;    
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


}


@media (min-width:768px) {	
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.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-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;
}

.mobile-center {
    text-align: left;
}


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

.lappysection2{    position: relative;bottom: -480px;margin-top: -566px !important;}

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

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

.padding4{padding:0% 15px}


.mybutton-title:before {
    left: -38%;
}


}

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


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

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

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

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

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

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

.padding4{padding:0% 2%}




}

@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: 16px;}.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;}.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: 43px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg67 {font-size: 67px;}.lg60{font-size: 60px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg150 {font-size: 150px;}.lg210 {font-size: 240px;}

.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: 43px;}.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%;}




}





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

.demo{padding-bottom: 55.21%;
    overflow: hidden;
    position: relative;
    border: 0px solid #ffffff42;}

.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 {
    background-color: rgb(255 255 255 / 23%);
    padding: 19px;
    border: 1px solid #ffffff;
    border-radius: 18px;
}
.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.80% !important;
}
.autoplayer-subarea {
    background-color: #474754 !important;
}

.myvideo2{
	border-radius: 2px;
	background-color: rgb(89, 35, 89);
	box-shadow: 0px 24px 43px 0px rgba(32, 20, 32, 0.5);
    padding: 1%;	
}




.mycontainer{margin:auto;}

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

.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}

.underline {text-decoration: underline;}
.underline1{border-bottom:1px solid;}

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




.clear {
    clear: both;
}

.blue{color:#131d56;}
.purple{color:#C8CBDC;}
.purple2{color:#c1cadb;}

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

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

.image{display:inline-block;}
.image2{display:none;}

.mybutton a {
    border-radius: 8px;
    background-image: -webkit-linear-gradient( -180deg, #ffad2d 0%, #ff1755 100%);
    box-shadow: 0px 16px 25.81px 3.19px rgb(86 37 37 / 14%);
    color: #fff;
    padding: 3.9% 2%;
    display: table;
    margin: auto;
    transition: 0.5s;
    width: 85.7%;
}
.mybutton a:hover {
    background-image: -webkit-linear-gradient( -180deg, #ff1755 0%, #ffad2d 100%);
    box-shadow:none;	
}

.mybuttonA a {
    padding: 4% 2%;
    width: 87.3%;
}
.mybuttonB a {
    padding: 4.4% 2%;
    width: 95.8%;
}
.mybuttonC a {
    padding: 3.5% 2%;
    width: 77.5%;
    margin-left: 0;
}

.mybutton1 a {
    border: 1px solid rgb(123, 123, 123);
    border-radius: 12px;
	background-image: -webkit-linear-gradient( -90deg, rgb(153,159,163) 0%, rgb(87,86,89) 100%);
	box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.19),inset 0px 1px 1px 0px rgba(255, 255, 255, 0.004);
    color: #fff;
    padding: 3.2% 2%;
    display: table;
    margin: auto;
    transition: 0.5s;
    width: 100%;
}
.mybutton1 a:hover {
	background-image: -webkit-linear-gradient( -90deg, rgb(87,86,89) 0%, rgb(153,159,163) 100%);
    box-shadow:none;
}

.mybutton2 a {
    border: 1px solid rgb(103, 184, 25);
    border-radius: 12px;
    background-image: -webkit-linear-gradient( 
90deg
, rgb(105,193,57) 0%, rgb(128,203,70) 54%, rgb(150,213,82) 100%);
    box-shadow: 0px 11px 16px 0px rgb(0 0 0 / 19%), inset 0px 1px 1px 0px rgb(255 255 255 / 0%);
    color: #fff;
    padding: 3.2% 2%;
    display: table;
    margin: auto;
    transition: 0.5s;
    width: 100%;
}
.mybutton2 a:hover {
	background-image: -webkit-linear-gradient( 90deg, rgb(150,213,82) 0%, rgb(128,203,70) 54%, rgb(105,193,57) 100%);
    box-shadow:none;
}


.arrow1 {
    position: relative;
    float: right;
    margin-top: -7%;
    right: -1%;
}


.unchecklist1 li {
    padding: 1% 5% 1% 5%;
    background: url(../images/unchecklist1.png) no-repeat 0 10px;
    padding-left: 45px;
    list-style: none;
    margin-left: 0px;
    padding-top: 1%;
    padding-bottom: 3%;
    display: -webkit-inline-box;
}




.checklist2 li {
    background: url(../images/checklist2.png) no-repeat 0 3px;
    padding-left: 55px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 3.5%;
    padding-right: 0;
    margin-top: 3.5%;
    border-bottom: 1px solid #ffffff12;
}


.checklist3 li {
    background: url(../images/checklist3.png) no-repeat 0 3px;
    padding-left: 30px;
    list-style: none;
    margin-left: -4%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    margin-top: 0;
    display: inline-block;
}





/**/

.title1 {
    display: inline-block;
    padding: 9px 30px;
    position: relative;
    border-radius: 7px 30px 7px 30px;
    background-image: -moz-linear-gradient( 0deg, rgb(88,100,230) 0%, rgb(67,160,244) 100%);
    background-image: -webkit-linear-gradient( 
0deg
, #ff5722 0%, #ff9800 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(88,100,230) 0%, rgb(67,160,244) 100%);
}
.title1A {
    display: inline-block;
    padding: 9px 30px;
    position: relative;
    border-radius: 7px 30px 7px 30px;
    background-image: -moz-linear-gradient( 0deg, rgb(88,100,230) 0%, rgb(67,160,244) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(88,100,230) 0%, rgb(67,160,244) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(88,100,230) 0%, rgb(67,160,244) 100%);
}
.title2 {
    display: inline-block;
    padding: 9px 40px;
    position: relative;
    border-radius: 7px 30px 7px 30px;
    background-color:#3cb878;
}
.title3 {
    display: inline-block;
    padding: 12px 33px;
    position: relative;
    border-radius: 7px 30px 7px 30px;
    background-image: -moz-linear-gradient( 0deg, rgb(82,98,228) 0%, rgb(0,201,210) 100%);
    background-image: -webkit-linear-gradient( 
0deg
, rgb(82,98,228) 0%, rgb(0,201,210) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(82,98,228) 0%, rgb(0,201,210) 100%);
    box-shadow: 0px 20px 52.51px 6.49px rgb(152 145 217 / 16%);
}
.title4 {
    display: inline-block;
    background-image: -webkit-linear-gradient( 0deg, rgb(255,109,0) 0%, rgb(255,142,36) 47%, rgb(255,175,71) 100%);
    padding: 1% 6.9% 1% 2.9%;
    border-radius: 0 50px 50px 0;
    color: #fff;
    margin-left: -2%;	
}
.title5 {
    display: inline-block;
    background-image: -webkit-linear-gradient( 0deg, rgb(255,109,0) 0%, rgb(255,142,36) 47%, rgb(255,175,71) 100%);
    padding: 1.5% 6% 1.5% 2.5%;
    border-radius: 0 50px 50px 0;
    color: #fff;
    margin-left: -2%;
}
.title6 {
    display: inline-block;
    background-image: -webkit-linear-gradient( 0deg, rgb(255,109,0) 0%, rgb(255,142,36) 47%, rgb(255,175,71) 100%);
    padding: 1.8% 11% 1.8% 6%;
    border-radius: 0 50px 50px 0;
    color: #fff;
    margin-left: -5%;
}

.title7 {
    display: inline-block;
    background-color: rgb(255, 233, 46);
    padding: 1.5% 8% 1.5% 11%;
    border-radius: 0 50px 50px 0;
    position: relative;
    z-index: 1;
}
.title8 {
    display: inline-block;
    background-color: rgb(255, 233, 46);
    padding: 1.5% 12% 1.5% 5%;
    border-radius: 0 50px 50px 0;
    margin-left: 0;
    position: relative;
}


.section2-box {
    border-radius: 30px;
    background-image: -moz-linear-gradient( 90deg , rgba(100,116,244,0) 0%, rgb(117 220 214 / 12%) 100%);
    background-image: -webkit-linear-gradient( 90deg , rgba(100,116,244,0) 0%, rgb(117 220 214 / 12%) 100%);
    background-image: -ms-linear-gradient( 90deg , rgba(100,116,244,0) 0%, rgb(117 220 214 / 12%) 100%);
    padding: 5% 2% 0 2%;
}

ul.brand-list{}
.brand-list li {
    display: inline-block;
    padding: 3px 13px;
    position: relative;
    border-radius: 2px 15px 2px 15px;
    margin: 0 5px;
}
.brand-list li:nth-child(1) {
    background-color: #ffddbf;
}
.brand-list li:nth-child(2) {
    background-color: #ffd8e4;
}
.brand-list li:nth-child(3) {
    background-color: #d9e5ff;
}
.brand-list li:nth-child(4) {
    background-color: #ffe8bc;
}

.section3-box {
    text-align: center;
    border-radius: 21px 82px 21px 80px;
    background-color: rgb(255, 255, 255);
    padding: 0;
    overflow: hidden;
    height: 100%;
    margin-top: 5%;
}
.section3-box img{width:100%;}

.section3-box-detail {
    padding: 4% 12% 4% 12%;
}

.section3-box2 {
    border-radius: 40px;
    background-color: rgb(255 255 255);
    padding: 6% 2% 7% 2%;
}

.gradient-text {
    background-image: linear-gradient(to right, #00c9d2, #039be4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section5-box{
	border-radius: 40px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 78.57px 2.43px rgba(24, 45, 132, 0.15);	
	padding:6% 2%;
	text-align:center;
}

.section7-box {
    background-color: rgb(255, 255, 255);
    padding: 7% 6%;
    border-radius: 21px;
    width: 99.4%;
}

.section8-box{
	border-radius: 40px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 78.57px 2.43px rgba(24, 45, 132, 0.15);	
	padding: 5% 2% 6% 2%;
	text-align:center;
}

.titlebg1 {
    background: url(../images/bg1.png) no-repeat center center;
    padding: .5% 0 1% 0;
    position: relative;
    z-index: 2;
}
.line {
    background: url(../images/line.png) no-repeat center bottom;
    padding: .4% 0;
    position: relative;
    z-index: 2;
}
.line2 {
    background: url(../images/line2.png) no-repeat center bottom;
    padding: .4% 0;
    position: relative;
    z-index: 2;
}
.line3 {
    background: url(../images/line3.png) no-repeat center bottom;
    padding: .4% 0;
    position: relative;
    z-index: 2;
}
.line4 {
    background: url(../images/line4.png) no-repeat center bottom;
    padding: .4% 0;
    position: relative;
    z-index: 2;
}
.line5 {
    background: url(../images/line5.png) no-repeat center bottom;
    padding: .4% 0;
    position: relative;
    z-index: 2;
}
.line6 hr {
    border-top: 1px solid rgb(0 0 0 / 19%);
    width: 42%;
}

.titlebg2 {
    border-radius: 24px;
    background-color: rgb(255, 120, 79);
    box-shadow: 0px 0px 78.57px 2.43px rgb(24 45 132 / 15%);
    padding: 7px 26px;
    display: inline-block;
}

.section9-box {
    background: url(../images/bg2.png) no-repeat center center;
    background-size: contain;
    padding: 17% 10% 12% 19%;
    position: relative;
    z-index: 1;
}
.section9-box2 {
    background: url(../images/bg3.png) no-repeat center center;
    background-size: contain;
    padding: 17% 11% 17% 19%;
    position: relative;
    z-index: 1;
}
.section9-box3 {
    background: url(../images/bg4.png) no-repeat center center;
    background-size: contain;
    padding: 17% 16% 12% 19%;
    position: relative;
    z-index: 1;
}

.step-title {
    text-transform: uppercase;
    color: #fff;    
    display: inline-block;
    padding: 2.5% 7.7%;
    border-radius: 50px;
}
.step1-title{background-color: #aacc00;}
.step2-title{background-color: #80b918;}
.step3-title{background-color: #55a630;}

.section20-box1 {
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    padding: 4% 0;
    margin-top: 4%;
}





.bonus-detail {
    padding: 0 2% 0 11%;
}
.bonus-detail2 {
    padding: 0 8% 0 5%;
}



.arrow2{
    position: absolute;
    margin-top: 1%;
    margin-left: 2%;
}

.connection1 {
    position: relative;
    margin-top: -3%;
    margin-bottom: -4%;
}
.connectionA{
    margin-top: -5%;
    margin-bottom: -4%;
}
.connectionB{
    margin-top: -1%;
    margin-bottom: -8%;
}
.connectionC{
    margin-top: -5%;
    margin-bottom: -7%;
}
.connectionD{
    margin-top: -4%;
    margin-bottom: -6%;
}
.connectionE{
    margin-top: -4%;
    margin-bottom: -5%;
}
.connectionF{
    margin-top: -4%;
    margin-bottom: -5%;
}
.connectionG{
    margin-top: -2%;
    margin-bottom: -6%;
}
.connectionH{
    margin-top: -4%;
    margin-bottom: -8%;
}
.connectionI{
    margin-top: -6%;
    margin-bottom: -5%;
}
.connectionJ{
    margin-top: -2.5%;
    margin-bottom: -6%;
}
.connectionK{
    margin-top: -5%;
    margin-bottom: -6%;
}

.connection3 {
    position: relative;
    margin-bottom: -4%;
}

.section10-box {
    border-radius: 40px;
    background-color: rgb(13, 18, 50);
    padding: 4% 2% 7% 2%;
    border: 1px solid #01b6d936;
}

.arrow3{
    position: relative;
    margin-bottom: -5%;
    z-index: 1;	
}

.section21-box {
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    padding: 4% 1% 4% 4%;
}

.arrow4 {
    position: absolute;
    margin-top: -4%;
}

.section22-box1 {
    border-radius: 26px;
    background-color: rgb(255, 243, 243);
    padding: 0 0 0 5%;
}
.section22-box2 {
    border-radius: 26px;
    background-color: rgb(255, 228, 228);
    padding: 0 5% 0 0;
}

.connection4 {
    position: absolute;
    margin-top: -3%;
    left: 0%;
}
.connection5 {
    position: absolute;
    margin-top: -3%;
    right: 0%;
}

.section23-box {
    border-radius: 30px;
    background-color: #fff;
    padding: 1% 4% 6% 4%;
}
.arrow5 {
    position: relative;
    margin-top: -10%;
    margin-bottom: -6%;
}

.question-box {
    padding: 0;
    margin: 3.5% 0;
    color: #383838;
}
.question-box-inn{
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	padding: 2% 4% 4% 9%;
}
.question-box h1 {
    background: url(../images/question.png) no-repeat left center;
    list-style: none;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    margin-left: -5%;
    margin-bottom: 0;
}

.footer-link a {
	text-decoration:none;
	color: #b0b5cb;
	margin: 0;
}
.footer-link a:hover{
    text-decoration: underline;
	color: #b0b5cb;
}

.section8-box1 {
    background: url(../images/textBg1.png) no-repeat center center;
    background-size: contain;
    padding: 15% 20% 12% 20%;
    position: relative;
    z-index: 1;
    right: -8%;
}
.section8-box2 {
    background: url(../images/textBg2.png) no-repeat center center;
    background-size: contain;
    padding: 15% 20% 12% 20%;
    position: relative;
    z-index: 1;
    margin-top: 25%;
    right: -3%;
}
.section8-box3 {
    background: url(../images/textBg3.png) no-repeat center center;
    background-size: contain;
    padding: 15% 20% 12% 20%;
    position: relative;
    z-index: 1;
    position: relative;
    left: -16%;
}
.section8-box4 {
    background: url(../images/textBg4.png) no-repeat center center;
    background-size: contain;
    padding: 15% 20% 12% 20%;
    position: relative;
    z-index: 1;
    margin-top: 25%;
    left: -5%;
}

.arrow6 {
    position: absolute;
    right: 0;
    margin-top: -8%;
}
.arrow7 {
    position: absolute;
    right: 0;
    margin-top: -8%;
}
.arrow8 {
    position: absolute;
    left: 0;
    margin-top: -8%;
}
.arrow9 {
    position: absolute;
    left: 0;
    margin-top: -8%;
}


/**/


.thinking1 {
    max-width: 114%;
    position: relative;
    margin-top: -6%;
}
.thinking2 {
    max-width: 114%;
    position: relative;
    margin-top: -13%;
    left: -29%;
}
.thinking3 {
    max-width: 154%;
    position: relative;
    margin-top: -6%;
    left: -24%;
}
.thinking4 {
    position: relative;
    margin-top: -4%;
    left: -24%;
}

.right {
    position: relative;
    max-width: 138%;
    left: -15%;
}

.different {
    position: relative;
    max-width: 122%;
    left: -10%;
    margin-top: 6%;
}


.section20-box1A{background: url(../images/section20A.png) no-repeat center bottom;background-size: cover;}
.section20-box1B{background: url(../images/section20B.png) no-repeat center bottom;background-size: cover;;}
.section20-box1C{background: url(../images/section20C.png) no-repeat center bottom;background-size: cover;}
.section20-box1D{background: url(../images/section20D.png) no-repeat center bottom;background-size: cover;}
.section20-box1E{background: url(../images/section20E.png) no-repeat center bottom;background-size: cover;}

.bonus1 {
    max-width: 110%;
}
.bonus2 {
    position: relative;
    left: -6%;
    max-width: 106%;
}
.bonus3 {
    position: relative;
    right: -1%;
    max-width: 108%;
}
.bonus4 {
    max-width: 104%;
    position: relative;
    left: -11%;
}
.bonus5 {
    max-width: 113%;
    position: relative;
    left: 3%;
}


/**/
.ele1, .ele2, .ele3, .ele4, .ele5, .ele6, .ele7, .ele8, .ele9, .ele10, .ele11, .ele12, .ele13, .ele14, .ele15, .ele16, .ele17, .ele17A, .ele18, .ele19, .ele20, .ele21, .ele22{
    position: relative;
}

.element1 {
    position: absolute;
    bottom: 7%;
    text-align: center;
}
.element2 {
    position: absolute;
    bottom: 9%;
    right: 0;
    text-align: center;
}

.element3 {
    position: absolute;
    bottom: -1%;
    text-align: center;
}
.element4 {
    position: absolute;
    bottom: -4%;
    right: 0;
    text-align: center;
}
.element5 {
    position: absolute;
    bottom: 0%;
    text-align: center;
}
.element6 {
    position: absolute;
    bottom: -2.5%;
    right: 0;
    text-align: center;
}
.element7 {
    position: absolute;
    bottom: 16%;
    text-align: center;
}
.element8 {
    position: absolute;
    bottom: 5.5%;
    right: 0;
    text-align: center;
}
.element9 {
    position: absolute;
    bottom: 15%;
    text-align: center;
}
.element10 {
    position: absolute;
    bottom: 13%;
    right: 0;
    text-align: center;
}
.element11 {
    position: absolute;
    bottom: 8%;
    text-align: center;
}
.element12 {
    position: absolute;
    bottom: 7%;
    right: 0;
    text-align: center;
}
.element13 {
    position: absolute;
    bottom: 2%;
    text-align: center;
}
.element14 {
    position: absolute;
    bottom: 2%;
    right: 0;
    text-align: center;
}
.element15 {
    position: absolute;
    bottom: 0;
    text-align: center;
}
.element16 {
    position: absolute;
    bottom: 5%;
    right: 0;
    text-align: center;
}
.element17 {
    position: absolute;
    bottom: 2%;
    text-align: center;
}
.element17A {
    position: absolute;
    bottom: 2%;
    text-align: center;
}
.element18 {
    position: absolute;
    bottom: 5%;
    right: 0;
    text-align: center;
}

.element19 {
    position: absolute;
    bottom: 2%;
    text-align: center;
}
.element20 {
    position: absolute;
    bottom: 0%;
    right: 0;
    text-align: center;
}

.element21 {
    position: absolute;
    bottom: 0%;
    text-align: center;
}
.element22 {
    position: absolute;
    bottom: 3%;
    right: 0;
    text-align: center;
}

.ele2 {
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
}

.ele4 {
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
}

.ele6 {
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
}

.ele8 {
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
}
.ele9 {
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
}
.ele12, .ele14, .ele20{
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
}

.imagine, .genie{animation: 2s ease-in-out 0s infinite alternate none running mover1;}


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


	.custom-row{
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	

.arrow, .arrowB{
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

.section9B-box{
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 78.57px 2.43px rgb(24 45 132 / 15%);
    padding: 5% 2% 6% 2%;
    text-align: center;
}
	
.design {
    position: relative;
    margin-bottom: -4%;
    margin-top: -2%;
}

.section23-box-detail {
    padding: 0 5% 0 2%;
}

.titleBg-box{
    padding: 0 2%;
}
.titleBg {
    background: url(../images/titleBg.png) no-repeat center center;
    background-size: cover;
    padding: 5% 2% 7% 2%;
    position: relative;
}

.arrowA{
    position: absolute;
    margin-top: 4%;	
}
.arrowB {
    position: absolute;
    margin-top: -1%;
}
.arrowC {
    position: absolute;
    margin-top: 1%;
    z-index: 1;
}
.arrowD {
    position: absolute;
    z-index: 1;
    margin-top: -7%;
}
.arrowE{
    position: absolute;
    z-index: 1;
    margin-top: -6%;
}
.arrowF {
    position: absolute;
    z-index: 1;
    margin-top: -5%;
}

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




.banner{background: url(../images/banner.png) no-repeat center bottom;background-size: cover;padding: 3% 0 0 0;z-index:2;position: relative;background-color: #070d2c;}
.section2{background: url(../images/section2.png) no-repeat center bottom;background-size: cover;padding: 5% 0 4% 0;}

.section3{background: url(../images/section3.png) no-repeat center bottom;background-size: cover;background-color: #050a25;padding: 2% 0 5% 0;position: relative;overflow: hidden;}
.section4{background: url(../images/section4.png) no-repeat center top;padding: 0% 0 0 0;background-color: #fff;margin-top: -1%;}
.section5{background: url(../images/section5.png) no-repeat center top;background-size: cover;padding: 10% 0 0% 0;position: relative;}
.section6{background: url(../images/section6.png) no-repeat center top;background-size: cover;padding: 14% 0 5% 0;position: relative;}
.section7{background: url(../images/section7.png) no-repeat center top;background-size: cover;padding: 14% 0 1% 0;margin-top: -5%;background-color: #080824;}
.section8{background: url(../images/section8.png) no-repeat center top;background-size: cover;padding: 9% 0 5% 0;position: relative;overflow: hidden;}
.section9{background: url(../images/section9.png) no-repeat center top;background-size: cover;padding: 15% 0 9% 0;position: relative;margin-top: -5%;overflow: hidden;}
.section10{background: url(../images/section10.png) no-repeat center top;background-size: cover;padding: 10% 0 12% 0;position: relative;margin-top: -4%;}

.section11{background: url(../images/section11.png) no-repeat center top;background-size: cover;padding: 0 0 0 0;position: relative;}
.section12{background: url(../images/section12.png) no-repeat center center;background-size: cover;padding: 1% 0 0 0;position: relative;}
.section13{background: url(../images/section13.png) no-repeat center top;background-size: cover;padding: 7% 0 0% 0;position: relative;overflow:hidden;}
.section14{background: url(../images/section14.png) no-repeat center center;background-size: cover;padding: 4% 0;position:relative;margin-top: -4%;}
.section15{background: url(../images/section15.png) no-repeat center center;background-size: cover;background-color:#fff;padding: 0;margin-top: -5%;overflow:hidden;}
.section16{background: url(../images/section16.png) no-repeat center center;background-size: cover;padding: 9% 0 6% 0;position: relative;margin-top: -6%;}
.section17{background: url(../images/section17.png) no-repeat center center;background-size: cover;padding: 0 0;position: relative;overflow:hidden;}
.section18{background: url(../images/section16.png) no-repeat center center;background-size: cover;padding: 8% 0 3% 0;margin-top: -5%;}
.section19{background: url(../images/section19.png) no-repeat center center;background-size: cover; padding: 0% 0 8% 0;position: relative;z-index: 1;overflow:hidden;    margin-top: -7%;}
.section20{background: url(../images/section20.png) no-repeat center top;background-size: cover;padding: 3% 0 6% 0;position: relative;z-index: 2;overflow:hidden;}

.section21{background: url(../images/section21.png) no-repeat center bottom;background-size: cover;padding: 11% 0 6% 0;margin-top: -8%;position: relative;}
.section22{background: url(../images/section22.png) no-repeat center top;background-size: cover;padding: 2% 0 0% 0;position: relative;z-index: 1;overflow: hidden;}
.section23{background: url(../images/section23.png) no-repeat center top;background-size: cover;padding: 8% 0 4% 0;position: relative;background-color: #e4f9ff;overflow: hidden;}
.section24{background: url(../images/section24.png) no-repeat center top;background-size: cover;padding: 7% 0 9% 0;}
.section25{background: url(../images/section25.png) no-repeat center top;background-size: cover;padding: 9% 0 8% 0;position: relative;z-index: 1;margin-top: -6%;overflow: hidden;}
.section26{background: url(../images/section26.png) no-repeat center top;background-size: cover;padding: 8% 0 4% 0;position: relative;margin-top: -4%;z-index: 1;}
.section27{background: url(../images/section27.png) no-repeat center top;background-size: cover;padding: 5% 0px 5% 0;position: relative;margin-top: -11%;z-index: 2;}

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

.section2{background-image:none;}
.section3{background-image:none;background-color: #050a25;padding: 6% 0;text-align: center;}
.section4{background-image:none;margin-top:0;padding: 6% 0;text-align: center;}
.section5{background-image:none;margin-top:0;padding: 6% 0;}
.section6{background-image:none;background-color:#fff4f4;padding: 6% 0;}
.section7{background-image:none;margin-top:0;background-color:#080824;padding: 6% 0;text-align: center;}
.section8{background-image:none;padding: 6% 0;}
.section9{background-image:none;margin-top:0;background-color:#f1faff;padding: 6% 0;}
.section10{background-image:none;margin-top:0;background-color:#080824;padding: 6% 0;text-align: center;}
.section11{background-image:none;padding: 6% 0;}
.section22{background-image:none;padding: 6% 0;}
.section26{background-image:none;margin-top:0;background-color:#0d102c;padding: 6% 0;}

.mybutton a {width: 100% !important;}

.mybutton img{max-width: 6%;}

.titleBg-box {
    margin-top: 3%;
    margin-bottom: 3%;
}
.titleBg {
    background-color: #fff;
    border: 3px solid #ffce0b;
    background-image: none;
    padding: 1% 1%;
}

.brand-list li {
    margin: 5px 5px;
}

.section3-box-out{padding: 5% 2%;}

.titlebg1 {
    background-image: none;
    background-color: #262663;
    padding: 1% 1%;
}
.title2 {
    padding: 9px 10px;
}

.section8-box1 {
    background-image: none;
    background-color: #e4f2ff;
    right: 0;
    padding: 1% 2% 3% 2% !important;
    margin-top: 5%;
}
.section8-box2{
    background-image: none;
	background-color: #fff0f1;
	right: 0;
	padding: 1% 2% 3% 2% !important;
	margin-top: 5%;
}
.section8-box3{
    background-image: none;
    background-color: #fff9df;
    left: 0;
    padding: 1% 2% 3% 2% !important;
    margin-top: 5%;
}
.section8-box4{
    background-image: none;
    background-color: #edfff0;
    left: 0;
    padding: 1% 2% 3% 2% !important;
    margin-top: 5%;
}

.section9-box, .section9-box2, .section9-box3 {
    background-image: linear-gradient(to right, #ebf4fc , #daf1ff);
    padding: 6% 4%;
    text-align: center;
    margin-top: 6%;
}

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

.step-title {margin-top: 7%;}

.emoji{max-width: 10%;}

.bonus1, .bonus4 {
    max-width: 100%;
}

.bonus-detail {
    padding: 0;
}
.section20-box1 {
    padding: 6% 3%;
}
.title8 {
    margin-left: 0;
}

.thinking1, .thinking2, .thinking3, .thinking4 {
    max-width: 100%;
    margin-top: 4%;
    left: 0;
}

.connection4, .connection5 {
	position:relative;
    max-width: 15% !important;
}

.section22-box1, .section22-box2, .section22-box3, .section22-box4{
	padding: 6% 2% 0 2%;
}

.right {
    position: relative;
    max-width: 138%;
    left: -15%;
}
.section23-box {
    padding: 3% 2%;
    margin-bottom: 4%;
}

.padding0, .padding1, .padding2, .padding3, .paddingR, .paddingL{padding:0 15px;}

.mobile-center {
    text-align: center;
}

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

.element1, .element2, .element3, .element4, .element5, .element6, .element7, .element8, 
.element9, .element10, .element11, .element12, .element13, .element14, .element15, .element16, .element17, .element18, .element19, .element20, .element21, .element22, .arrow6, .arrow7, .arrow8, .arrow9, 
.connection1, .arrow3, .connection3, .arrow4, .arrow5
{display:none !important;} 


}


@media only screen and (max-width: 993px){
.section12{background-image:none;padding: 6% 0;position:relative;margin-top: 0;background-color: #e9f7fb;}
.section13{background-image:none;padding: 6% 0;position: relative;}
.section14{background-image:none;padding: 6% 0;position:relative;margin-top: 0;background-color: #e9f7fb;}
.section15{background-image:none;padding: 6% 0;margin-top: 0;}
.section16{background-image:none;padding: 6% 0;position: relative;margin-top: 0;background-color: #e9f7fb;}
.section17{background-image:none;padding: 6% 0;}
.section18{background-image:none;padding: 6% 0;margin-top: 0;background-color: #e9f7fb;}
.section19{background-image:none;padding: 6% 0;margin-top: 0;}
.section20{background-image:none;padding: 6% 0;background-color: #080824;}
.section21{background-image: none;background-color: #e9f7fb;padding-bottom: 6%;margin-top: 0;}
.section23{background-image:none;padding: 6% 0;}
.section24{background-image:none;padding: 6% 0;}
.section25{background-image:none;padding: 6% 0;background-color: #e9f7fb;margin-top: 0;}
.section27{background-image:none;padding: 6% 0;background-color: #080824;margin-top: 0;}


.arrow2 {
    max-width: 10%;
}
.arrow4 {
    max-width: 20%;
}
.arrow5 {
    margin-top: 0;
    max-width: 10%;
}

.connection4 {
    max-width: 10%;
}
.connection5 {
    max-width: 10%;
}

.section8-box1 {
    padding: 15% 2% 12% 2%;
}
.section8-box2 {
    padding: 15% 2% 12% 2%;
}
.section8-box3 {
    padding: 15% 2% 12% 2%;
}
.section8-box4 {
    padding: 15% 2% 12% 2%;
}



.arrowB, .arrow{max-width: 8%;}

.arrow3 {max-width: 20%;}

.thinking1 {
    max-width: 130%;
}


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

.custom-row{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/**/


}


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

	

	.connection1 {
		max-width: 20%;
	}

.logo{max-width: 26%;}	
}
@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: 504px;
		height: 271px;
		top: 18px;
		left: 31px;
		padding-bottom: 0;
	}
	.video {
        width: 315px;
        height: 117px;
        top: 15px;
        left: 7px;
        margin-bottom: 12%;
    }
		
	

	.ele1 {
		max-width: 30%;
		left: -46%;
	}
	.ele2 {
		max-width: 30%;
		right: -35%;
	}
	.ele3 {
		max-width: 40%;
		left: -44%;
	}
	.ele4 {
		max-width: 30%;
		right: -31%;
	}
	.ele5 {
		max-width: 40%;
		left: -34%;
	}
	.ele6 {
		max-width: 30%;
		right: -25%;
	}
	.ele7 {
		max-width: 40%;
		left: -45%;
	}
	.ele8 {
		max-width: 30%;
		right: -25%;
	}
	.ele9 {
		max-width: 30%;
		left: -50%;
	}
	.ele10 {
		max-width: 40%;
		right: -26%;
	}
	.ele11 {
		max-width: 30%;
		left: -33%;
	}
	.ele12 {
		max-width: 30%;
		right: -25%;
	}
	.ele13 {
		max-width: 30%;
		left: -33%;
	}
	.ele14 {
		max-width: 30%;
		right: -25%;
	}
	.ele15 {
		max-width: 39%;
		left: -31%;
	}
	.ele16 {
		max-width: 30%;
		right: -25%;
	}
	.ele17 {
		max-width: 30%;
		left: -33%;
	}
	.ele17A {
		max-width: 30%;
		left: -33%;
	}
	.ele18 {
		max-width: 30%;
		right: -25%;
	}
	.ele19 {
		max-width: 28%;
		left: -33%;
	}
	.ele20 {
		max-width: 30%;
		right: -25%;
	}
	.ele21 {
		max-width: 30%;
		left: -33%;
	}
	.ele22 {
		max-width: 30%;
		right: -25%;
	}
	
	.cards{max-width: 90%;}
	.letterheads {
		position: relative;
		max-width: 95%;
		left: -8%;
	}
	.envelopes {
		max-width: 100%;
	}
	.invoices {
		position: relative;
		max-width: 92%;
		left: -11%;
	}
	.creation {
		position: relative;
		max-width: 100%;
		right: -4%;
	}
	.proposals {
		position: relative;
		max-width: 100%;
		left: -9%;
	}
	.social{
		position: relative;
		max-width: 109%;
		right: -6%;
	}


	.arrow6, .arrow7, .arrow8, .arrow9  {
		max-width: 25%;
	}

.logo{max-width: 17%;}
	
}




@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: 543px;
		height: 292px;
		top: 18px;
		left: 33px;
	}
	.video {
        width: 429px;
        height: 162px;
        top: 21px;
        left: 11px;
        margin-bottom: 10%;
    }

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

	.ele1 {
		max-width: 62%;
		left: -32%;
	}
	.ele2 {
		max-width: 60%;
		right: -22%;
	}
	.ele3 {
		max-width: 70%;
		left: -30px;
	}
	.ele4 {
		max-width: 50%;
		right: -23%;
	}
	.ele5 {
		max-width: 60%;
		left: 0%;
	}
	.ele6 {
		max-width: 60%;
		right: -5%;
	}
	.ele7 {
		max-width: 80%;
		left: -25%;
	}
	.ele8 {
		max-width: 60%;
		right: 5%;
	}
	.ele9 {
		max-width: 32%;
		left: -50%;
	}
	.ele10 {
		max-width: 60%;
		right: 0;
	}
	.ele11 {
		max-width: 60%;
		left: -20%;
	}
	.ele12 {
		max-width: 60%;
		right: -5%;
	}
	.ele13 {
		max-width: 60%;
		left: -20%;
	}
	.ele14 {
		max-width: 60%;
		right: -1%;
	}
	.ele15 {
		max-width: 60%;
		left: -20%;
	}
	.ele16 {
		max-width: 60%;
		right: -5%;
	}
	.ele17 {
		max-width: 50%;
		left: -20%;
	}
	.ele17A {
		max-width: 50%;
		left: -20%;
	}
	.ele18 {
		max-width: 50%;
		right: -5%;
	}
	.ele19 {
		max-width: 60%;
		left: -20%;
	}
	.ele20 {
		max-width: 60%;
		right: -5%;
	}
	.ele21 {
		max-width: 60%;
		left: -20%;
	}
	.ele22 {
		max-width: 60%;
		right: -5%;
	}
	
	
	.cards{max-width: 106%;}
	.letterheads{
		position: relative;
		max-width: 112%;
		left: -16%;
	}
	.envelopes {
		max-width: 115%;
	}
	.invoices {
		position: relative;
		max-width: 97%;
		left: -14%;
	}
	.creation {
		position: relative;
		max-width: 116%;
		right: -10%;
	}
	.proposals {
		position: relative;
		max-width: 103%;
		left: -19%;
	}
	.social{
		position: relative;
		max-width: 122%;
		right: -9%;
	}
	
.icon1{}
.icon2{
    max-width: 106%;
}
.icon3{
    max-width: 123%;
    position: relative;
    left: -5%;
    top: -2%;
}
.icon4{}
.icon5{}	
	

.logo{max-width: 16%;}	
	
}







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

}



@media only screen and (min-width: 1200px) {
	.ex{
		background-color:pink;
	}
	.mainvideo {
		position: absolute;
		width: 652px;
		height: 348px;
		top: 22px;
		left: 39px;
	}
	.video {
        width: 403px;
        height: 196px;
        top: 1px;
        left: 0px;
        margin-bottom: 0px;
    }

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


	.ele1 {
		max-width: 90%;
		left: -22%;
	}
	.ele2 {
		max-width: 80%;
		right: 25%;
	}
	.ele3 {
		max-width: 90%;
		left: -4%;
	}
	.ele4 {
		max-width: 70%;
		right: -15%;
	}
	.ele5 {
		max-width: 80%;
		left: 0%;
	}
	.ele6 {
		max-width: 80%;
		right: 10%;
	}
	.ele7 {
		max-width: 80%;
		left: -25%;
	}
	.ele8 {
		max-width: 80%;
		right: 45%;
	}
	.ele9 {
		max-width: 80%;
		left: -50%;
	}
	.ele10 {
		max-width: 70%;
		right: 54%;
	}
	.ele11 {
		max-width: 80%;
		left: 20%;
	}
	.ele12 {
		max-width: 80%;
		right: 22%;
	}
	.ele13 {
		max-width: 80%;
		left: 30%;
	}
	.ele14 {
		max-width: 80%;
		right: 34%;
	}
	.ele15{
		max-width: 80%;
		left: -10%;
	}
	.ele16 {
		max-width: 80%;
		right: 35%;
	}
	.ele17 {
		max-width: 80%;
		left: -7%;
	}
	.ele17A {
		max-width: 80%;
		left: 33%;
	}
	.ele18 {
		max-width: 80%;
		right: -9%;
	}
	.ele19 {
		max-width: 80%;
		left: 0;
	}
	.ele20 {
		max-width: 80%;
		right: 0;
	}
	.ele21{
		max-width: 80%;
		left: 13%;
	}
	.ele22 {
		max-width: 80%;
		right: 5%;
	}
	
	.connection1 {
		max-width: 100%;
	}
	
	.access1{
		max-width: 103%;
	}
	.access2{
		position: relative;
		max-width: 113%;
		left: -8%;
	}
	.access3{}
	.access4{
		position: relative;
		max-width: 111%;
		left: -9%;
	}
	.access5{
		position: relative;
		max-width: 110%;
	}
	.access6{
		position: relative;
		max-width: 115%;
		left: -1%;
	}
	.access7{}
	.access8{
		position: relative;
		max-width: 105%;
	}
	.access9{}
	.access10{
		position: relative;
		max-width: 105%;
		left: -3%;
	}
	.access11{}
	.access12{
		position: relative;
		max-width: 105%;
		left: -5%;
	}
	

	
}


@media (min-width:1300px) {
	.mycontainer{width:1219px;}
	.mycontainer2{width:1180px;}	
	
	.mycontainer-right{width: 1273px;}	
	.mycontainer-left{width: 1273px;}	
	
	.ex{background-color:blue}
	

.logo{max-width: 13%;}
	
}

@media (min-width:1400px) {
	.mycontainer{width: 1200px;}
	.mycontainer2{width:1219px;;}
	
	.mycontainer-right{width: 1335px;}
	.mycontainer-left{width: 1335px;}
	
	.ex{background-color:silver}
	
.icon1{}
.icon2{
    max-width: 103%;
}
.icon3{
    max-width: 117%;
    position: relative;
    left: -5%;
    top: -2%;
}
.icon4{}
.icon5{}		
}

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


	.ele1 {
		max-width: 90%;
		left: -22%;
	}
	.ele2 {
		max-width: 80%;
		right: 61%;
	}
	.ele3 {
		max-width: 90%;
		left: -4%;
	}
	.ele4 {
		max-width: 80%;
		right: 0%;
	}
	.ele5 {
		max-width: 80%;
		left: 0%;
	}
	.ele6 {
		max-width: 80%;
		right: 30%;
	}
	.ele7 {
		max-width: 80%;
		left: -25%;
	}
	.ele8 {
		max-width: 80%;
		right: 65%;
	}
	.ele9 {
		max-width: 80%;
		left: -50%;
	}
	.ele10 {
		max-width: 70%;
		right: 94%;
	}
	.ele11 {
		max-width: 80%;
		left: 30%;
	}
	.ele12 {
		max-width: 80%;
		right: 45%;
	}
	.ele13 {
		max-width: 80%;
		left: 30%;
	}
	.ele14 {
		max-width: 80%;
		right: 63%;
	}
	.ele15 {
		max-width: 80%;
		left: -10%;
	}
	.ele16 {
		max-width: 80%;
		right: 65%;
	}
	.ele17 {
		max-width: 80%;
		left: 0%;
	}
	.ele17A {
		max-width: 80%;
		left: 60%;
	}
	.ele18 {
		max-width: 80%;
		right: -5%;
	}
	.ele19 {
		max-width: 80%;
		left: 6%;
	}
	.ele20 {
		max-width: 80%;
		right: 5%;
	}
	.ele21 {
		max-width: 80%;
		left: 30%;
	}
	.ele22 {
		max-width: 80%;
		right: 10%;
	}

	.cards {
		max-width: 122%;
		position: relative;
		right: -12%;
	}
	.letterheads{
		position: relative;
		max-width: 123%;
		left: -29%;
	}
	.envelopes {
		max-width: 133%;
	}
	.invoices {
		position: relative;
		max-width: 124%;
		left: -42%;
	}
	.creation {
		position: relative;
		max-width: 139%;
		right: -10%;
	}
	.proposals {
		position: relative;
		max-width: 135%;
		left: -45%;
	}
	.social{
		position: relative;
		max-width: 149%;
		right: -19%;
	}

	.arrow6, .arrow7, .arrow8, .arrow9 {
		max-width: 100%;
	}
	
	
	
}


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


	.ele1 {
		max-width: 90%;
		left: -6%;
	}
	.ele2 {
		max-width: 83%;
		right: 65%;
	}
	.ele3 {
		max-width: 90%;
		left: -4%;
	}
	.ele4 {
		max-width: 83%;
		right: 4%;
	}
	.ele5 {
		max-width: 80%;
		left: 0%;
	}
	.ele6 {
		max-width: 83%;
		right: 41%;
	}
	.ele7 {
		max-width: 80%;
		left: -25%;
	}
	.ele8 {
		max-width: 78%;
		right: 75%;
	}
	.ele9 {
		max-width: 90%;
		left: -51%;
	}
	.ele10 {
		max-width: 80%;
		right: 104%;
	}
	.ele11 {
		max-width: 80%;
		left: 50%;
	}
	.ele12 {
		max-width: 80%;
		right: 65%;
	}
	.ele13 {
		max-width: 80%;
		left: 41%;
	}
	.ele14 {
		max-width: 80%;
		right: 65%;
	}
	.ele15 {
		max-width: 80%;
		left: -9%;
	}
	.ele16 {
		max-width: 80%;
		right: 55%;
	}
	.ele17 {
		max-width: 80%;
		left: 0%;
	}
	.ele17A {
		max-width: 80%;
		left: 70%;
	}
	.ele18 {
		max-width: 80%;
		right: -5%;
	}
	.ele19 {
		max-width: 80%;
		left: 20%;
	}
	.ele20 {
		max-width: 80%;
		right: 25%;
	}
	.ele21 {
		max-width: 80%;
		left: 41%;
	}
	.ele22 {
		max-width: 80%;
		right: 12%;
	}

.section4-text {
    padding-right: 7%;
}

}
@media (min-width:1700px){
	.mycontainer{width: 1420px;}
	
	.mycontainer-right{width: 1458px;}
	.mycontainer-left{width: 1458px;}

	.ele1 {
		max-width: 100%;
		left: -6%;
	}
	.ele2 {
		max-width: 100%;
		right: 95%;
	}
	.ele3 {
		max-width: 100%;
		left: -4%;
	}
	.ele4 {
		max-width: 100%;
		right: 11%;
	}
	.ele5 {
		max-width: 100%;
		left: 0%;
	}
	.ele6 {
		max-width: 100%;
		right: 48%;
	}
	.ele7 {
		max-width: 100%;
		left: -25%;
	}
	.ele8 {
		max-width: 100%;
		right: 115%;
	}
	.ele9 {
		max-width: 100%;
		left: -51%;
	}
	.ele10 {
		max-width: 100%;
		right: 174%;
	}
	.ele11 {
		max-width: 100%;
		left: 100%;
	}
	.ele12 {
		max-width: 100%;
		right: 105%;
	}
	.ele13 {
		max-width: 100%;
		left: 70%;
	}
	.ele14 {
		max-width: 100%;
		right: 94%;
	}
	.ele15 {
		max-width: 100%;
		left: 0%;
	}
	.ele16 {
		max-width: 100%;
		right: 55%;
	}
	.ele17 {
		max-width: 100%;
		left: 30%;
	}
	.ele17A {
		max-width: 100%;
		left: 120%;
	}
	.ele18 {
		max-width: 100%;
		right: 22%;
	}
	.ele19 {
		max-width: 100%;
		left: 40%;
	}
	.ele20 {
		max-width: 100%;
		right: 45%;
	}
	.ele21 {
		max-width: 100%;
		left: 72%;
	}
	.ele22 {
		max-width: 100%;
		right: 42%;
	}

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

.ele4A {
    max-width: 100%;
    right: 31%;
}
	

}
@media (min-width:1900px){
	.mycontainer2{width:1330px;}
	.mycontainer{width:1500px;}
	
	.mycontainer-right{width: 1626px;}
	.mycontainer-left{width: 1626px;}
	


}
@media (min-width:2000px){
	.ex{background-color:black}
	
}

	
.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;}
.mtm10{margin-top: -10px;border: 6px solid #fff;}

.mbm22{margin-bottom: -22px;}

/* **** Pricing Table **** */
.section11 {
    background-size: 100%;
}
.pricingTable_sec {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10%;
    text-align: center;
}
.pricing_table {
    max-width: 636px;
    margin: auto;
    height: 100%;
    /*padding: 80px 25px 50px;*/
    padding: 0px 0px 50px;
    border-radius: 20px;
    background-color: rgb(255 255 255 / 90%);
    box-shadow: 0px 0px 78.57px 2.43px rgb(24 45 132 / 15%);
    /*border: 1px solid #01b6d936;*/
    /*color: #fff;*/
    position: relative;
}
.table_title {
    padding: 12px 33px;
    box-shadow: 0px 20px 52.51px 6.49px rgb(152 145 217 / 16%);
    width: 100%;
    max-width: 100%;
    margin: auto;
    border-radius: 7px 20px 7px 30px;
    color: #fff;
    font-weight: 700;
    /*margin-bottom: 25px;*/
    margin-bottom: 15px;
    height: 125px;
    display: grid;
    align-items: center;
}
.user_account_table .table_title {
    background-image: -webkit-linear-gradient( 0deg , rgb(82,98,228) 0%, rgb(0,201,210) 100%);
}
.reseller_license_table .table_title {
    background-image: -webkit-linear-gradient( -180deg, #ffad2d 0%, #ff1755 100%);
}
.btn.buy_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -34px;
    box-shadow: 0px 16px 25.81px 3.19px rgb(86 37 37 / 14%);
    /*max-width: 200px;*/
    margin: auto;
    padding: 15px;
    border-radius: 8px;
    color: #fff;
    border: none;
    font-size: 25px;
    outline: none !important;
    text-decoration: none !important;
}
.user_account_table .btn.buy_btn {
    background-image: -webkit-linear-gradient( 0deg , rgb(82,98,228) 0%, rgb(0,201,210) 100%) !important;
}
.user_account_table .btn.buy_btn:hover, .user_account_table .btn.buy_btn:focus, .user_account_table .btn.buy_btn:active {
    background-image: -webkit-linear-gradient( 0deg , rgb(0,201,210) 0%, rgb(82,98,228) 100%) !important;
}
.reseller_license_table .btn.buy_btn {
    background-image: -webkit-linear-gradient( -180deg, #ffad2d 0%, #ff1755 100%) !important;
}
.reseller_license_table .btn.buy_btn:hover, .reseller_license_table .btn.buy_btn:active, .reseller_license_table .btn.buy_btn:focus {
    background-image: -webkit-linear-gradient( -180deg, #ff1755 0%, #ffad2d 100%) !important;
}
.feature_item {
    padding: 7px 0px 7px 60px;
    text-align: left;
    background: url(../images/ele11.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-position: 0px -15px;
    background-size: 35px;
    font-size: 20px;
}
/*.features_list {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}*/
.features_list {
    padding: 0px 25px;
}
.pricing_table .title2 {
    font-size: 20px;
    margin: 0px;
    background-color: transparent;
    color: #000;
}
.pricing_table h2 {
    font-size: 20px;
}
.pricing_table .pt_desc {
    font-size: 30px;
}
.price_details {
    padding: 0px 25px;
}
.small_text {
    display: block;
    font-size: 20px;
}
@media(min-width: 1900px){
    .user_account_table .feature_item {
        padding: 8px 0px;
        padding-left: 60px;
    }
}
@media(min-width: 1400px){
    .user_account_table .feature_item {
        padding: 9px 0px;
        padding-left: 60px;
    }
}
@media(max-width: 1399px){
    .user_account_table .feature_item {
        padding: 11.1px 0px;
        padding-left: 60px;
    }
}
@media(max-width: 1299px){
    .feature_item br {
        display: none;
    }
    .feature_item {
        font-size: 17px;
        padding-left: 50px !important;
    }
    .user_account_table .feature_item {
        padding: 10.4px 0px;
    }
    .pricing_table .pt_desc {
        font-size: 24px;
    }
    .pricing_table .title2 {
        font-size: 16px;
    }
}
@media(max-width: 991px){
    .pricingTable_sec .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 130px;
    }
    .pricingTable_sec .col-md-6:last-child{
        margin-bottom: 0px;
    }
    .pricingTable_sec {
        padding-bottom: 50px;
    }
    .feature_item {
        font-size: 18px;
        padding: 12px 0px !important;
        padding-left: 50px !important;
    }
}
@media(max-width: 600px){
    .table_title {
        font-size: 20px;
    }
    .user_account_table .table_title {
        top: -24px;
    }
    .reseller_license_table .table_title {
        top: -48px;
    }
    .pricing_table h2 {
        font-size: 16px;
    }
    .pricing_table .pt_desc {
        font-size: 18px;
    }
    .pricing_table .title2 {
        font-size: 12px;
        padding: 9px 15px;
        margin: 0;
    }
    .features_list, .price_details {
        padding: 0px 15px;
    }
    .feature_item {
        font-size: 16px;
    }
    .btn.buy_btn {
        font-size: 20px;
    }
}
@media(max-width: 450px){
    /*.pricing_table {
        padding: 55px 10px 40px 15px;
    }*/
}
/* **** Sticky Footer Style **** */
.sticky_footer_section {
    position: fixed;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
    background: #e8562a;
    z-index: 999;
}
.footer-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    position: relative;
}
.slide-popup-btn-wrapper, .buylink-btn-wrapper {
    max-width: 300px;
    width: 100%;
}
.buylink-btn-wrapper.gotoPrice {
    max-width: 350px;
}
.buylink-btn-wrapper {
    margin-right: 20px;
}
.sticky_btn, .default_btn {
    border-radius: 50px;
    box-shadow: 0px 16px 25.81px 3.19px rgb(86 37 37 / 14%);
    color: #fff;
    padding: 10px 15px;
    transition: 0.5s;
    text-decoration: none;
    outline: none;
    font-size: 34px;
    font-weight: 800;
    border: none;
    width: 100%;
}
.gotoPrice .sticky_btn {
    line-height: 40px;
    padding: 10px 10px;
}
.sticky_btn {
    background-image: -webkit-linear-gradient( -180deg, #5ebb47 0%, #0b934c 100%);
}
.sticky_btn:hover, .sticky_btn:focus, .sticky_btn:active {
    background-image: -webkit-linear-gradient( -180deg, #0b934c 0%, #5ebb47 100%) !important;
}
.sticky_btn:hover, .default_btn:hover, .sticky_btn:focus, .default_btn:focus, .sticky_btn:active, .default_btn:active {
    box-shadow: none;
    text-decoration: none;
    outline: none;
    color: #fff;
}
.section26 {
    padding-bottom: 120px;
}
@media(max-width: 600px){
    .footer-flex {
        flex-direction: column;
    }
    .buylink-btn-wrapper {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .buylink-btn-wrapper.gotoPrice {
        margin-bottom: 0px;
    }
    .sticky_btn, .default_btn {
        font-size: 20px;
    }
    .section26 {
        padding-bottom: 160px;
    }
}
/* **** Sticky Footer Style END **** */
/* **** Modal Popup Style**** */
.products-popup.modal-right {
    padding: 0px !important;
    z-index: 9999999999;
    transition: opacity 0.4s linear;
}
.products-popup.modal-right .modal-dialog.modal-dialog-slideout {
    max-width: 400px;
    width: 100%;
    transition: -webkit-transform 0.8s ease-out;
    transition: transform 0.8s ease-out;
    transition: transform 0.8s ease-out, -webkit-transform 0.8s ease-out;
    min-height: 100%;
    -webkit-transform: translate(100%, 0) scale(1);
    transform: translate(100%, 0) scale(1);
    margin: auto !important;
    margin-right: 0px !important;
}
.products-popup.modal-right.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
}
.products-popup .modal-content {
    height: 100vh;
    overflow: hidden;
    border: none;
    background-color: #ececec;
}
.products-popup .products-header {
    display: block;
    position: relative;
    text-align: center;
}
.products-header .modal-close {
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 0px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    line-height: 22px;
    display: grid;
    vertical-align: middle;
    background: #f0131e;
    color: #fff;
    align-items: center;
    outline: none;
    border: none;
    box-shadow: none;
}
.inner_body_row {
    height: calc(100% - 150px);
}
.body_content_wrapper > h3, .body_content_wrapper > h4, .body_content_wrapper > p {
    margin-bottom: 10px;
    background-image: linear-gradient(to right, #00c9d2, #039be4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    font-weight: 600;
}
.body_content_wrapper > h3, .body_content_wrapper > h4 {
    font-weight: 900;
}
/*.action-elements {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    border-top: 1px solid rgb(0 0 0 / 10%);
    box-shadow: 1px 1px 20px rgb(0 0 0 / 20%);
}*/
.action-elements .action-btns {
    display: flex;
    align-items: center;
    padding: 17px 15px;
    flex-direction: row;
    justify-content: center;
    /* background-color: #fff; */
    background-color: #ececec;
}
.default_btn {
    background-image: -webkit-linear-gradient( -180deg, #ffad2d 0%, #ff1755 100%);
    margin-right: 0px !important;
    max-width: 300px;
    width: 100%;
}
.default_btn:hover, .default_btn:focus, .default_btn:active {
    background-image: -webkit-linear-gradient( -180deg, #ff1755 0%, #ffad2d 100%) !important;
}
.proceed.sticky_btn {
    margin: 0px !important;
    text-align: center;
    max-width: 100%;
    width: fit-content;
}
@media(min-width: 601px){
    .description {
        margin-top: 100px;
        }
        .action-elements {
            margin-top: 100px;
        }
}
@media(max-width: 600px){
    .body_content_wrapper > h3, .body_content_wrapper > h4, .body_content_wrapper > p {
        font-size: 20px;
    }
    .logo_img {
        max-width: 200px !important;
    }
}
/* **** Modal Popup Style END **** */
/* **** Timer Styles **** */
.timer-wrapper {
    margin-right: 10px;
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
}
.timer-text-box {
    margin-right: 10px;
}
.timer-text {
    margin: 0;
    color: #fff;
}
.timer-text span {
    font-size: 26px !important;
/*    font-family: 'Archivo Black', sans-serif;*/
    font-weight: 700 !important;
    display: block;
    text-align: center;
}
.timer-text span.bottom-text {
    font-size: 16px !important;
}
.countDownContainer {
    position: relative;
}
.count-text {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
}
.smalltext, .count_text {
    font-size: 16px !important;
}
.footer-flex {
    padding: 15px 0px;
}
@media(max-width: 991px){
    .timer-wrapper {
        flex-direction: column;
    }
    .timer-text-box {
        margin-right: 0px;
    }
    .footer-flex {
        padding: 10px 0px;
    }
    .section26 {
        padding-bottom: 135px;
    }
}
@media(max-width: 767px){
    .timer-wrapper {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .timer-text-box {
        margin-right: 0px;
    }
    .footer-flex {
        flex-direction: column;
    }
    .section26 {
       padding-bottom: 200px !important;
    }
}
@media(max-width: 350px){
    .count-text {
        padding: 0 8px;
    }
}
/* **** New Updates ***** */
.main_title {
    /*color: red;*/
    position: relative;
    padding-bottom: 20px;
}
.bottom_span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
/*    color: red;*/
    line-height: 1;
    font-size: 24px;
    font-weight: 600;
}
.warning_alert {
    color: red;
}
@media(max-width: 1299px){
    .main_title {
        font-size: 34px;
    }
}
@media(max-width: 991px){
    .main_title {
        font-size: 25px;
        padding-bottom: 20px;
    }
    .bottom_span
}
@media(max-width: 767px){
    .bottom_span {
        font-size: 17px;
    }
}
@media(max-width: 550px){
    .titleBg-box {
        margin-bottom: 15%;
    }
    .warning_alert br {
        display: none;
    }
}
@media(max-width: 450px){
    .bottom_span {
        font-size: 15px;
    }
}
/* **** Launcher Style **** */
#launcher {
    bottom: 80px !important;
}
@media(max-width: 991px){
    #launcher {
        bottom: 115px !important;
    }
}
@media(max-width: 767px){
    #launcher {
        bottom: 185px !important;
    }
}