* {
  outline:none;
  text-decoration:none;
  border:none;
}

html {
  scroll-behavior: smooth;
}

/*Fonts*/
 
.gochihand{font-family: "Gochi Hand", cursive;} 
.outfit{font-family: "Outfit", sans-serif;} 

 
 
/*Common*/
body {font-family: "Inter Tight", sans-serif;font-size: 14px;line-height: 1.42857143;color: #1f1f1f;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}


p{
	margin-bottom:0px;
}
 ul{
	padding:0px;
	list-style:none;
	margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}

.padding0 {padding: 0;}


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


@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;}.xs26 {font-size: 26px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs32 {font-size: 32px;}.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;}

.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%;}
.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-11{margin-top:-11%;}


.mycontainer, .mycontainer2, .mycontainer3{
	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%;}
.lmb2{margin-bottom:2%;}
.lmb7{margin-bottom:7%;}
.lmb10{margin-bottom:10%;}
.lmb15{margin-bottom:15%;}
.lmb30{margin-bottom:30%;}

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


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


}

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

@media (min-width:1100px){.mycontainer2{width:1080px;}}

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 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;}.lg62 {font-size: 62px;}.lg60{font-size: 60px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg106 {font-size: 106px;}.lg210 {font-size: 240px;}




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

.lgmb0{margin-bottom:0%;}
.lgmb2{margin-bottom:2%;}
.lgmb3{margin-bottom:3%;}
.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%;}


.lgmt5{margin-top:5%;}
.lgmt18{margin-top:18%;}
.lgmt13{margin-top:13%;}
.lgmt15{margin-top:15%;}
.lgmt23{margin-top:23%;}
.lgmt26{margin-top:26%;}
.lgmt29{margin-top:29%;}
 
.mycontainer2{width: 1125px;}
.mycontainer3{width: 1125px;}
 
 
 
}

@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;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}

 

}

 

.responsive-video {
    padding-bottom: 56.21%;
    overflow: hidden;
    position: relative;
    z-index: 0;	
	box-shadow:0px 19px 40px 0px rgba(0, 0, 0, 0.24);	
}
.video-box {
    position: relative;
    width: 92.6%;
    margin: auto;
    border-width: 5px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: 26px;
    overflow: hidden;
    margin-top: 21px;
}
.video-box-inner {    
    border-radius: 0;    
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: white;
}

.video-box-thank-you {
    background: url(../images/videobg.webp) no-repeat center center;
    background-size: cover;
    border-radius: 25px;
    padding: 37px;
    position: relative;
    width: 93.6%;
    margin: auto;
    overflow: hidden;
    background-color: #ad25f7;
}
.video-box-inner-thank-you {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 15px;
    background-color: rgb(0, 0, 0);
    box-shadow: 0px 14px 40px 0px rgba(0, 0, 0, 0.29);
}


.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.25%!important;
    border-radius: 0;	
}
.video-box iframe{
    border-radius: 15px;	
}

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

.black{color:#000000;}


.mycontainer{margin: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%;}.lh126 {line-height: 126%;}.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%;}


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

.clear {
    clear: both;
}

 


nav{width:100%;}
.navbar-brand {margin-right: 0rem;padding-top: 0px;}

.navbar-dark .navbar-nav .nav-link {
    color: #002b4b;
    position: relative;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #8416ff;
}
.getlink {
    border-radius: 8px;
    background-image: -moz-linear-gradient( 135deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
	background-image: -webkit-linear-gradient( 135deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
	background-image: -ms-linear-gradient( 135deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
    background-color: rgb(9 100 255);
    padding: 7.5px 14.4px !important;
    color: #fff !important;
    -moz-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: all .4s ease-in-out;
    transition: .4s;
    margin-left: 26px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: .4s;
}
.getlink:hover {
    background-image: -moz-linear-gradient( 135deg, rgb(175,94,228) 0%, rgb(119,58,197) 100%);
	background-image: -webkit-linear-gradient( 135deg, rgb(175,94,228) 0%, rgb(119,58,197) 100%);
	background-image: -ms-linear-gradient( 135deg, rgb(175,94,228) 0%, rgb(119,58,197) 100%);
    background-color: rgb(9 100 255);
    color: #fff !important;
    transition: .4s;
    box-shadow: 5px 5px 0px 0px #8f49d24f;
}

.getbox{margin-left: 1%;}

.navbar-toggler {background-color: #a557df;}

.menu {
    padding: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 9px !important;	
}


nav li a {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

 
 
a.getlink:hover::before, a.getlink:focus::before, a.getlink:hover::after, a.getlink:focus::after {
    color: transparent;
    text-shadow: 10px 0 transparent, -10px 0 transparent;
    opacity: 0;	
}

#return-to-top {
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    text-decoration: none;
    padding: 3px 5px;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    z-index: 3;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
    border-radius: 2px;
    overflow: hidden;
    line-height: 40px;
    height: 45px;
    width: 45px;
    background-color: #372f85;
    opacity: 0.6;
}
#return-to-top .fa{
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}
#return-to-top:hover{
    opacity: 1;
}
 

.mybutton1 a {
    background-color: #914ad3;
    border-radius: 15px;
    background-image: -moz-linear-gradient( 90deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
    box-shadow: 0px 12px 10px 0px rgba(103, 45, 172, 0.29);
    color: #fff;
    display: table;
    padding: 25.5px 58px;
    transition: all 0.5s;
    position: relative;
    margin: auto;
}
.mybutton1 a:hover { 
	background-image: -moz-linear-gradient( 90deg, rgb(175,94,228) 0%, rgb(119,58,197) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(175,94,228) 0%, rgb(119,58,197) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(175,94,228) 0%, rgb(119,58,197) 100%);
    box-shadow: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    color: #fff !important;
    text-decoration: none !important;	
}
 
.buttonArrow {
    position: relative;
    margin-left: 16px;
    top: -1px;
}

.videoframe {
    position: relative;
}





.myvideo2 {
    border-width: 4px;
    border-color: rgb(30, 154, 231);
    border-style: solid;
    border-radius: 17px;
    background-color: rgb(0, 0, 0);
    box-shadow: 14.913px 21.298px 36.12px 6.88px rgb(0 0 0 / 33%);
    padding: 0;
    overflow: hidden;
}
.myvideo2 .responsive-video {
    box-shadow: none;
    margin-bottom: 0%;
    background-color: #000;
    padding-bottom: 52.21%;
    border-radius: 0;
}

 


.bottm-menu li {
    position: relative;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    padding: 0px 20px;
}

.bottm-menu li a {
    color: #222d39;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	font-weight:400;
	letter-spacing:1px;
    height: 29px;	
}
.bottm-menu li a:hover{
	font-weight:600;
	letter-spacing:0.8px;
}

.bottm-menu .getlink {
    background-color: rgb(107, 61, 245);
    color: #ffffff!important;
    margin-left: 0;	
}
.bottm-menu .getlink:hover{
	background-color: #fff;
	box-shadow:-6.303px 7.37px 40px 0px rgba(0, 0, 0, 0.23);
	color: #222d39!important;
}

.navbar-dark .navbar-toggler {
    background-color: #cd3eff;
    border: 0;
}

.copyright-text{text-align:left;}
.copyright-link{text-align:right;}

.strip_footer a {
    color: #5f646f;
}
.strip_footer a:hover {
    text-decoration: underline;
    color: #989ca5;
}

/*banner*/
.element1 {
    position: absolute;
    left: 100%;
}
.element2 {
    position: relative;
    top: 0px;
}

.banner-title{margin-top:30px;}

.title-span1 {
    border-radius: 8px;
    background-color: rgb(112 0 255 / 12%);
    display: inline;
    padding: 0 17px;
}
.title-span2 {
    background: url(../images/borderbg.webp) no-repeat 1px 102%;
    background-size: contain;
    display: inline-block;
	
}

.video-box-main1{margin-top:3%;}

.videoElement {
    position: absolute;
    padding: 0; 
}
.videoElement-1 {
    position: absolute;
    padding: 0; 
}

.titlebg1 {
    background: url(../images/titlebg.webp) no-repeat center center;
    background-size: contain;
    color: #7f43c6;   
    padding: 18px 21px;
}

.element3left {
    position: relative;
    top: -15px;
    right: -10px;
}
.element3right{
    position: relative;
    top: -15px;
    left: -10px;
}

.points-box-out { 
    position: relative;
}

.points-box {
    background: url(../images/pointsbg.webp) no-repeat center center;
    background-size: cover;
    border-radius: 24px;
    box-shadow: 0px 28px 36.86px 1.14px rgba(35, 35, 35, 0.19);
    background-color: #9a34ff;
}

.points-left{
    
}
.points-right{
    
}

.checklist1{}
.checklist1 li {
    background: url(../images/checklist1.webp) no-repeat left 1px;
    padding-left: 35px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 3%;
    margin-top: 3%;
    text-align: left;
    color: #fff;
}

.span-text1{position:relative;}
.element4 {
    position: absolute;
    right: 100%;
}

.simply-box {
    position: relative;
    left: -50px;
}

.paste, .doodle, .play {
    border-radius: 8px;
    display: inline-block;
    padding: 11.2px 24.13px;
    color: #fff;
    margin: 0 7px;
    position: relative;
}
.paste{background-color:#041d34;}
.doodle{background-color:#7a3dc7;}
.play{background-color:#19c185;}

.arrow1{
    position: absolute;
    bottom: 112%;
}
.arrow2{
    position: absolute;
    top: 112%;
}
.element5 {
    position: absolute;
    bottom: 96%;
    left: 96%;
}

.pointsbg2{width: 92%;}
 
.brandpush-title-hr{
    border-top: 1.5px solid #dadada;
    position: absolute;
    padding: 0;
    margin: 0 0 0 5%;
    width: 90%;
    top: 30px;
    left: 0;
    z-index: 0;	
} 
.brandpush-title {
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding: 0 20px;
    margin: 0;
    top: 19px;
    color: #000;
    letter-spacing: 8px;
}

.brandpush-logo-container {
    padding: 0 20px;
    position: relative;
}
.brandpush-leaf-left{
    opacity: 0.2;	
	position: absolute;
     
    margin: 0;
    padding: 0;
    z-index: 0;
}
.brandpush-leaf-right {
    opacity: 0.2;
    position: absolute;
     
    margin: 0;
    padding: 0;
    z-index: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);	
}
.brandpush-logo-container-item {
    height: 100px;
    position: relative;
    margin-top: 4%;
}
.brandpush-vertical-center {
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.brandpush-vertical-center img.brandpush-news-logo {
     
    height: auto;
    margin: 7px 10px;
}

.verified-check{
    width: 12px;
    margin: 0 3px 0 0;
}
.verified-text {
    color: #717171;
    font-size: 10px;
    letter-spacing: 0;
    height: 15px;
    margin: 1px 0 0 0;
    display: flex;
    justify-content: center;
    align-content: center;
}

 
 
/*section2*/
 
.title-span4 {
    background: url(../images/titlebg4.webp) no-repeat center bottom;
    background-size: contain;
    display: inline-block;
    padding: 0px 5px;
    margin-left: 3px;
}

.section2-pra{padding: 0px 1.6%;margin-top:2%;}

.generate { 
    position: relative; 
}

.section2-box2 {
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    border-radius: 42px;
   background-image: -moz-linear-gradient( 210deg, rgb(196,52,255) 0%, rgb(115,4,255) 34%, rgb(115,4,255) 100%);
  background-image: -webkit-linear-gradient( 210deg, rgb(196,52,255) 0%, rgb(115,4,255) 34%, rgb(115,4,255) 100%);
  background-image: -ms-linear-gradient( 210deg, rgb(196,52,255) 0%, rgb(115,4,255) 34%, rgb(115,4,255) 100%);
    padding: 15px 0 0px 4%;
    position:relative;

	
}

.arrow7-img {
    position: relative;
    margin-top: 1%;
}
.businessman{
    max-width: 102%;
    margin-bottom: -8%;
    position: relative;
    left: -3%;	
	
		top:-80px;
	
}

.element9 {
    position: absolute; 
}

.generate-text {
    rotate: 11deg;
    position: absolute; 
}
.arrow8-img {
    position: relative; 
}

.title-span16{ 
	position:relative;
}

.element10 {
    position: absolute; 
}

.title-span17 {
    background: url(../images/borderbg4.webp) no-repeat 2px 95%;
    background-size: auto;
    padding: 0px 5px 4px 8px;
    position: relative;
}

.generate-box {
    border-radius: 12px;
  background-image: -moz-linear-gradient( 0deg, rgb(233,215,249) 0%, rgb(253,252,255) 50%, rgb(210,220,255) 100%);
  background-image: -webkit-linear-gradient( 10deg, #E9D7F9 0%,#FDFCFF 50%, #D2DCFF 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(233,215,249) 0%, rgb(253,252,255) 50%, rgb(210,220,255) 100%);
  box-shadow: 4.849px 4.849px 10px 0px rgba(0, 0, 0, 0.08);
    width: 92%;
    padding: 2% 4% 4% 6%;
    margin-top: 6%;
	
	
	
}
.generate-box-text {
    background: url(../images/element30.webp) no-repeat left 4px;
    padding-left: 47px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 1%;
    margin-top: 1.5%;
    text-align: left;
}

.btn-img{margin-top:3%;}

.businessman-box{ }

#myVideo{border-radius:30px;}
 
 
/* WOOOW */
.box-btn{
	text-align:right;
	margin-top:4%;	
} 
.box-btn button {
  width: 130px;
  height: 45px;
  background: #E6203B;
  cursor:pointer;
  position:relative;
  background-image: linear-gradient(to right, white , #ffecf5);
  border-width: 2px;
  border-color: rgb(175, 96, 255);
  border-style: solid;
  border-radius: 10px;
}

.box-btn button a {
  color: #4c1e6a;
  font-weight: 600;
  font-size: 18px;
}

/* let's shape */
.box-btn button span.shape {
  height: 45px;
  width: 130px;
  position: absolute;
  top: 0;
  left: 0;
}

.box-btn button span span {
  content:"";
  position: absolute;
  margin: 0;
  height: 10px;
  width: 2px;
  background: rgb(175, 96, 255);
  opacity: 0;
}

.box-btn button span span:nth-of-type(1) {
  top: -10px;
  left: 0px;
  right: 0;
  rotate: 1deg;
}

.box-btn button span span:nth-of-type(2) {
  top: -8px;
  left: -4px;
  right: 0;
  rotate: -45deg;
}

.box-btn button span span:nth-of-type(3) {
    top: -4px;
    left: -7px;
    right: 0;
    rotate: -94deg;
}

 

/* let's animate this */
@keyframes bounce {
  0%{transform: scale(1);}
  50%{transform: scale(1.1);}
  100%{transform: scale(1);}
}

.box-btn button.active {
  animation: bounce 0.3s ease-out 1;
}

.box-btn button.active span span:nth-of-type(1) {
  animation: anim1 0.4s ease-out 1;
}
.box-btn button.active span span:nth-of-type(2) {
  animation: anim2 0.4s ease-out 1;
}
.box-btn button.active span span:nth-of-type(3) {
  animation: anim3 0.4s ease-out 1;
}
 

@keyframes anim1 {
  0%{transform: scaleY(0.5);opacity: 0;}
  50%{transform: translateY(-10px) scaleY(1.4); opacity: 1;}
  100%{transform: translateY(-15px) scaleY(0.5);opacity: 0;}
}
@keyframes anim2 {
  0%{transform: scaleY(1);opacity: 0;}
  50%{transform: translateY(-10px) scaleY(1.4); opacity: 1;}
  100%{transform: translateY(-15px) scaleY(0.5);opacity: 0;}
}
@keyframes anim3 {
  0%{transform: rotate(0deg) scaleX(1);opacity: 0;}
  50%{transform: rotate(0deg) translateY(-10px) scaleX(1.4); opacity: 1;}
  100%{transform: rotate(0deg) translateY(-15px) scaleX(0.5);opacity: 0;}
}
 
 
.box-btn button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
} 

.btnele{
    width: 15px;
    position: relative;
    top: -2px;
    left: -2px;
}


/*section3*/


.section3-box {
    border-width: 2px;
    border-color: rgb(217, 217, 217);
    border-style: solid;
    border-radius: 41px;
    background-color: rgb(255, 255, 255);
    padding: 4% 5% 1.5% 3%;
}
   
.title-span18 {
    background: url(../images/titlebg5.webp) no-repeat center center;
    background-size: contain;
    padding: 12px 27px;
    position: relative;
    bottom: -29px;
    z-index: 1;
}

.title-span19 {
    font-weight: 700;
    background: -webkit-linear-gradient(top, #ffffff00 50%, #e6d3ff 30%);
}
 
.section3-details {
    padding: 0 4.5%;
    margin-top: 8%;
}

.why-img {
    max-width: 122%;
    position: relative;
    left: -9%;
}

.arrow9-img {
    position: relative;
    margin-top: -30px;
}

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

.section4-video-box1 { 
    position: relative;
    z-index: 1;
}
.section4-video-box2 { 
	position: relative;
	z-index: 1;
}

.video-title {
    border-width: 1px;
    border-color: rgb(167, 193, 253);
    border-style: solid;
    border-radius: 50px;
    display: inline-block;
    padding: 5px 19px 0px 19px;
    margin-bottom: 5%;
}

.demo-video{
    border-radius: 24px;
    overflow: hidden;	
}
.title-span5 {
    position: absolute;
    bottom: 90%;
    right: 61%;
    rotate: 355deg;
}

.arrow3-img {
    position: relative;
    right: -40px;
}
.arrow4-img {
    position: relative;
    left: -40px;
}

.vs-text {
    position: relative;
    margin-top: -11%;
}
 
.vs-video {
    padding: 0 24px;
    position: relative;
}
.vs-video .responsive-video {
    border-width: 3px;
    border-color: rgb(35, 31, 32);
    border-style: solid;
    border-radius: 23px;
    background-color: rgb(0 0 0);
}

.videoelement2-img{
    position: absolute; 
}
.videoelement2b-img{
    position: absolute; 
}
  
/*section5*/
.title-span6 {
    background: url(../images/borderbg2.webp) no-repeat center bottom;
    background-size: contain;
    color: #562a72;
    padding-bottom: 8px;
}
.title-span7 {
    background: url(../images/titlebg2.webp) no-repeat center center;
    background-size: contain;
    padding: 27px 50px;
}
.title-span8 {
    position: absolute;
    bottom: 125%;
    color: #733deb;
    rotate: 355deg;
    left: 115px;
}
.arrow5-img {
    position: relative;
    bottom: -8px;
    rotate: 4deg;
    left: -20px;
}

.title-span9 {
    
}

.section5-box {
    background-image: -moz-linear-gradient(150deg, rgb(239, 49, 255) 0%, rgb(171, 64, 255) 34%, rgb(112, 0, 255) 100%);
    background-image: -webkit-linear-gradient(150deg, rgb(239, 49, 255) 0%, rgb(171, 64, 255) 34%, rgb(112, 0, 255) 100%);
    background-image: -ms-linear-gradient(150deg, rgb(239, 49, 255) 0%, rgb(171, 64, 255) 34%, rgb(112, 0, 255) 100%);
    position: relative;
    margin-top: 1%;
    padding: 3.5% 0 4% 3%;
    border-radius: 42px;
    width: 86%;
}

.element6 {
    position: absolute;
    top: -9px;
    left: 6px;
    z-index: 1;
}
 
.section5-text{margin-top: 5%;}

.element6a{position: absolute;top: 0;width: 100%;left: 0;}
.element6b{position: absolute;top: -10px;right: 0;height: 105%;}
.element6c{position: absolute;bottom: 0px;left: 0;width: 100%;}
.element6d{position: absolute;top: -10px;left: 0;height: 105%;}

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

/*section6*/
.title-span10 {
    position: absolute;
    bottom: 100%;
    color: #090927;
    rotate: 355deg;
    left: -75px;
}

.title-span20 {
    color: #f30a0a;
    border-width: 2px;
    border-color: rgb(255, 1, 1);
    border-style: solid;
    background-color: rgb(255, 242, 242);
    display: inline-block;
    padding: 5px 13px;
    rotate: 359deg;
    margin-top: 0.5%;
}


.character1-img{
    position: absolute;
    bottom: -9%;
    left: 5%;
}
.character2-img{
    position: absolute;
    bottom: -9%;
    right: 5%;
}


.section6-box {
	background: url(../images/section6.webp) no-repeat center top;background-size: cover;
    border-radius: 50px 50px 0 0;
    background-color: rgb(246, 240, 255); 
    margin: auto;
    margin-top: 3%;   
	position:relative;
}

.option1title{}
.option2title{}
.option3title{}

.checklist2{}
.checklist2 li {
    background: url(../images/checklist2.webp) no-repeat left 4px;
    padding-left: 36px;
    list-style: none;
    margin-left: 0px;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-top: 1.5%;
    text-align: left;
}

.option1-details {padding: 0 10px;}
.option2-details {padding: 0 10px;}
 
.checklist-img {
    position: relative;
    top: -2px;
    margin-right: 6px;
}

.connection1-img {margin: 3% 0 5% 0;}
.connection2-img{margin: 5% 0 5% 0;}


/*section7*/

.element11-img{
    position: absolute;
    top: -18px;
    left: -18px;
}
.element12-img{
    position: absolute;
    top: -18px;
    right: -18px;
}

.perfect-title {
    color: #ffd83b;
    background: url(../images/titlebg6.webp) no-repeat bottom left;
    background-size: contain;
    padding: 1px 9px;
}
.perfect-title1 {
    color: #ffd83b;
    background: url(../images/titlebg7.webp) no-repeat bottom left;
    background-size: contain;
    padding: 1px 9px;
}
.perfect-title2 {
    color: #ffd83b;
    background: url(../images/titlebg8.webp) no-repeat bottom left;
    background-size: contain;
    padding: 1px 9px;
}
.perfect-title3 {
    color: #ffd83b;
    background: url(../images/titlebg9.webp) no-repeat bottom left;
    background-size: contain;
    padding: 1px 9px;
}
.perfect-title4 {
    color: #ffd83b;
    background: url(../images/titlebg10.webp) no-repeat bottom left;
    background-size: contain;
    padding: 1px 9px;
}


.title-span11 {
    color: #51159d;
    display: inline-block;
    padding: 9px 25px;
    background-color: #fff179;
}
.title-span11-a{
    position: relative;
    z-index: 1;
    rotate: 359.5deg;
}
.title-span11-b{
    position: relative;
    margin-top: -10px;
    rotate: 359.5deg;
}

.title-span11-a sup {
    
}

.title-span12 {
    background: url(../images/borderbg3.webp) no-repeat bottom right;
    background-size: auto;
    color: #fff;
    padding-bottom: 8px;
    position: relative;
}

.perfect-box{
	text-align:center; 
	margin-top: 3%;    margin-bottom: 2%;
}
.perfect-video{
    border-width: 4px;
    border-color: rgb(156, 90, 231);
    border-style: solid;
    border-radius: 20px; 
    box-shadow: 0px 22px 35px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}
.perfect-box h4{
    margin-bottom: 5%;
}
.perfect-box p {
    margin-top: 6%;
    padding: 0 5.3%;
    line-height: 124%;
}

.element7{}

.arrow6-img {
    position: relative;
    top: 2%;
}

/*section8*/
.title-span13 { 
    position: relative;
}
.element8 {
    position: absolute;
    bottom: 82%;
    right: 108%;
}

.instadoodle-title {
    display: inline-block;
    border-width: 2px;
    border-color: rgb(255, 152, 206);
    border-style: solid;
    border-radius: 10px;
    background-image: -moz-linear-gradient( 0deg, rgb(255,234,244) 0%, rgb(255,253,216) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(255,234,244) 0%, rgb(255,253,216) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(255,234,244) 0%, rgb(255,253,216) 100%);
    color: #562a72;
    padding: 0px 6px;
}

.competitors-box-out{
    padding: 0 30px 0 18px;
	position:relative;
}
.instaDoodle-box-out{
    padding: 0 18px 0 30px;
	position:relative;
}

.competitors-box {
    border-width: 1px;
    border-color: rgb(52, 64, 84);
    border-style: solid;
    border-radius: 28px;
    background-color: rgb(255, 255, 255);
    box-shadow: -15px 25.981px 27px 0px rgba(140, 131, 225, 0.19);
    height: 100%;
    padding: 9% 15px 8% 15px;
}
.instaDoodle-box {
    border-width: 2px;
    border-color: rgb(255, 152, 206);
    border-style: solid;
    border-radius: 28px;
    background-image: -moz-linear-gradient( 0deg, rgb(255,234,244) 0%, rgb(255,253,216) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(255,234,244) 0%, rgb(255,253,216) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(255,234,244) 0%, rgb(255,253,216) 100%);
    box-shadow: 21.213px 21.213px 27px 0px rgba(140, 131, 225, 0.22);
    height: 100%;
    padding: 7% 15px 6% 15px;
}

.competitors-box h4{padding: 0 8%;}
.vslogo{padding: 0 7%;}

.competitors-checklist{
    padding: 0 8%;
    margin-top: 8%;
    margin-bottom: 7%;
}
.instaDoodle-checklist{
    padding: 0 8%;
    margin-top: 8%;
    margin-bottom: 11%;
}

.competitors-checklist li{
    background: url(../images/competitorsuncheck.webp) no-repeat left 1px;
    padding-left: 35px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 2%;
    margin-top: 3%;
    text-align: left;
    color: #606060;	
}
.instaDoodle-checklist li{
    background: url(../images/instadoodlecheck.webp) no-repeat left 1px;
    padding-left: 35px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 2%;
    margin-top: 3%;
    text-align: left;
    color: #1f1f1f;
}

.vs-title {
    position: absolute;
    top: 48%;
}

 
.demo-video2-out {
    padding: 21px;
    margin-top: 1%;
}
.demo-video2 {
    overflow: hidden;
    border-width: 1px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: 30px;
    background-color: rgb(255 255 255);
}

.element13-img{
	position:absolute;
	top: 36%;
	left: 1px;
}
.element14-img{
	position:absolute;
	right: 28px;
	z-index: 1;
	top: 10px;
}
.element15-img{
	position:absolute;
}

.element31-img {
    position: absolute;
    left: 0;
    bottom: -29px;
}

.element32-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.demo-video2{}
.responsive-video {
    padding-bottom: 56%;
    background-color: #000; 
}

/*section9*/
.title-span14{position:relative;}
.arrow10-img{
    position: absolute;
    right: 100%;
    top: 22px;
}
.arrow11-img{
    position: absolute;
    left: 100%;
    top: 22px;
}

.demo-video2 {
    padding: 0;
}

.demo-video2 .video {
  position: relative;
  max-width: 100%;
  background-color: #000;
}
.demo-video2 .video:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.demo-video2 .video__poster {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  right: 0;
  z-index: 10;
  transition: opacity 0.3s, visibility 0s 0.3s;
  cursor: pointer;
}
 
.demo-video2 .video__poster--hide {
  opacity: 0;
  visibility: hidden;
}
.demo-video2 .video__image {
  display: block;
  width: 100%;
}
.demo-video2 .video__iframe,.demo-video2  .video__video,
.demo-video2 .video iframe {
  left: 0;
  position: absolute;
  top: 0;
  border: 0;
  height: 100%;
  width: 100%;
}

.demo-video2-main{margin:auto;}

/*section10*/
 

.step-details{}
.step-details h4{margin-top: 4%;}
.step-details p{margin-top: 3%;}



.step-details1{padding-right: 2%;}
.step-details2{padding-left: 5%;}

.step1-img { 
    position: relative;
    left: 0;
}
.step2-img { 
    position: relative; 
}
   
.connection3-img{
    margin-bottom: 2.5%;
}
.connection4-img{
    margin-bottom: 4%;
    margin-top: 3%;
} 

.simply-box2{position: relative;left: -10px;}

/*section11*/
.title-span21{
	position: relative;
	background: url(../images/titlebg3.webp) no-repeat center center;
	background-size: contain;
	color: #562a72;
	padding: 18px 20px 18px 20px;
	display: inline-block;
}

.title-span21b{width: 103%;}

.step-underline {
    border-bottom: 2px solid #ffed50;
}

.dual-mode-img, .dual-mode-detail{padding:0 15px;}

.dual-pra {
    padding: 0 1% 0 3%;
    margin-top: 2%;
    line-height: 132%;
}

.dual-connection{margin-bottom:4%;}

.title-span22 {
    background: url(../images/borderbg5.webp) no-repeat 2px 95%;
    background-size: auto;
    padding-bottom: 4px;
    position: relative;
}

.element16-img {
    position: absolute;
    top: -40px;
}

.feature-left{text-align:right;padding: 10px 10px 10px 0px;}
.feature-right{text-align:left;padding: 10px 0 10px 10px;}
.feature-center{text-align:left;padding: 10px 0 10px 0;}

.feature-left p{padding:0 0 0 0;}
.feature-right p{padding:0 0 0 0;}

.feature-left .feature-box{border-radius:0 16px 16px 0;}
.feature-right .feature-box{border-radius: 16px 0 0 16px;}

.feature-box{ 
    height: 100%; 
}
.feature-box1{
	background: url(../images/bg1.webp) no-repeat center top;
	background-size: cover;
	background-color: #f6eeff;
}
.feature-box2{
	background: url(../images/bg2.webp) no-repeat center top;
	background-size: cover;
	background-color: #e8e3fc;
}
.feature-box3{
	background: url(../images/bg3.webp) no-repeat center top;
	background-size: cover;
	background-color: #dfefff;
}
.feature-box4{
	background: url(../images/bg4.webp) no-repeat center top;
	background-size: cover;
	background-color: #ebffe8;
}
.feature-box5{
	background: url(../images/bg5.webp) no-repeat center top;
	background-size: cover;
	background-color: #eee6fc;
}
.feature-box6{
	background: url(../images/bg6.webp) no-repeat center top;
	background-size: cover;
	background-color: #f3ebfe;
}
.feature-box7{
	background: url(../images/bg7.webp) no-repeat center top;
	background-size: cover;
	background-color: #eefcd2;
}
.feature-box8{
	background: url(../images/bg8.webp) no-repeat center top;
	background-size: cover;
	background-color: #def3ff;
}
.feature-box9{
	background: url(../images/bg9.webp) no-repeat center top;
	background-size: cover;
	padding: 3.8% 0;
	margin-top: 10px;
	background-color: #f1e5ff;
}

.feature-box9-inn{padding: 0 15px;}

.feature-box p, .feature-box9 p {
    margin-top: 14px;
}

.feature4-img{max-width: 106%;}

 
.title-span23{
	position:relative;
} 
  
.section11-box1{
    border-right: 2px dashed rgb(166, 122, 223);
    padding: 0 0 0 0;
} 
.section11-box2{
    padding: 0 0 0 0;
} 

.section11-detail2{text-align:right;}

.section11-detail p {
    position: relative;
    padding: 0;
}
.arrow14{
    position: absolute;
    right: 0;
    bottom: 86%;
}
.arrow15{
    position: absolute;
    top: 100%;
    left: 10px;
}

.vid1-box{text-align:left;padding:0;}
.vid2-box{text-align:right;padding:0;}

.section11-img2{text-align:right;}

.section11-box1{
    width: 50%;
    padding-right: 2%;
}
.section11-box2{
    width: 50%;
    padding: 0 0 0 3%;
}
.section11-img1{
    width: 41%;
}
.section11-img2{
    width: 44%;
}
.section11-detail1{
    width: 40%;
}
.section11-detail2{
    width: 37%;
}

.section11-box1{margin-top: 3.5%;}
.section11-box2{margin-top: 3.5%;}
 
.vid-box-inn {
    width: 90%;
    margin: auto;
	position:relative;
}
.element37-img, .element38-img , .element39-img , .element40-img,
.element37-img2, .element38-img2 , .element39-img2 , .element40-img2  { 
	position:absolute;
}

.element37-img{
	 
}
.element38-img{
	 
}
.element39-img{
	 
}
.element40-img{
    bottom: -15px;
    left: -15px;
}

.element37-img2{
	 
}
.element38-img2{
	 
}
.element39-img2{
	 
}
.element40-img2 {
    bottom: -15px;
    right: -15px;
}

.vid-box-inn .responsive-video {
    border-radius: 30px;
    box-shadow: -10px 10px 0px 0px rgb(73 31 126);
} 
.vid-box-inn2 .responsive-video {
    border-radius: 30px;
    box-shadow: 10px 10px 0px 0px rgb(73 31 126);
} 
 
 
/*section13*/
.section13-box {
    border-radius: 28px;
    background-color: rgb(126, 66, 203);
    box-shadow: 0px 17px 29px 0px rgba(67, 27, 118, 0.29);
    padding: 4% 3%;
    margin: 3% 0;	
}

.title-span24 {
    background: url(../images/borderbg6.webp) no-repeat 2px 10px;
    background-size: auto;
    position: relative;
    padding: 0 9px 4px 10px;
    left: -4px;
}
.title-span25 {
    background: url(../images/borderbg7.webp) no-repeat 2px 10px;
    background-size: auto;
    position: relative;
    padding: 0 9px 4px 10px;
    left: -4px;
} 
.title-span26 {
    background: url(../images/borderbg8.webp) no-repeat 2px 10px;
    background-size: auto;
    position: relative;
    padding: 0 9px 4px 10px;
    left: -4px;
} 
 
.sample-left{
	text-align:left;
} 
.sample-right{
	text-align:right;
} 

.section13-box1 .section13-details{
    padding: 0 4% 0 6%;	
} 

.section13-box2 .section13-details{
    padding: 0 6% 0 4%;	
}

.section13-details p {
    margin-top: 4%;
}

.title-span27 {
    background: url(../images/titlebg12.webp) no-repeat center center;
    background-size: contain; 
    display: inline-block;
    position: relative;
    left: -2%;
    margin-top: 0.5%;
}

.join-img{
    position: relative;
    margin-top: -11%;	
}

.title-span23 {
    background: url(../images/titlebg16.webp) no-repeat center center;
    background-size: contain;
    padding-bottom: 4px;
    position: relative; 
    display: inline-block;
    margin-bottom: 1%;
}

.element33-img {
    position: absolute;
    top: -15px;
    left: -4px;
}
.element34-img {
    position: absolute;
    bottom: 18px;
    left: 9%;
}
 
.section13-box .responsive-video{
	border-width: 1px;
	border-color: rgb(255, 255, 255);
	border-style: solid;
	border-radius: 16px;	
}
 
/*section14*/

/* ============== Table*/

.section5-box-inn {
    border-radius: initial;
    padding: 0;
    margin-top: 7%;
    position: relative;
    filter: drop-shadow(0 0.2rem 1.15rem rgba(0, 0, 0, 0.2));
     
}
.section5-row {
    position: relative;
    z-index: 1;
}
.dotimgPro {
    position: absolute;
    top: 3%;
    left: 5%;
}

.list-text {
    width: 64%;
}
.list-text-top, .other-list-top {
    height: 100px;
    width: 100%;
    text-align: center;
}
.list-text-top .card {
    text-align: left;
    padding-left: 10%;
    color: #1a0e37;
}
 
.list .card {
    border: 0;
    padding: 0 4%;
    background-color: transparent;
    border-radius: 0;
}
.list:nth-child(even) {
}
.list {
    height: 61px;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
}
 
.list-text {
    padding: 0;
    border-radius: 0px 0 0 15px;
    background-color: #ffffff;
    border: 0;
    border-right: 0;
    margin-top: 0;
    position: relative;
}
 

 

/*===== 2 ======*/


.agency-list {
    width: 20%;
}
.agency-list-inn {
    padding: 0; 
    position: relative;
    text-align: center;
    margin-top: 0;
    background-image: -moz-linear-gradient( 90deg, rgb(112,0,255) 0%, rgb(211,55,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(112,0,255) 0%, rgb(211,55,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(112,0,255) 0%, rgb(211,55,255) 100%);
    box-shadow: 0px 14px 33.95px 1.05px rgba(0, 0, 0, 0.21);
    position: relative;
    z-index: 10;
}
.agency-list-inn{
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #a78dff;
}

.agency-list-top, .features-title, .other-list-top{
    height: 70px;
}
  
.agency-list-top {
    position: absolute;
    width: 100%;
    bottom: 99.9%;
    left: 0;
    background-color: #d337ff;
    padding: 15px 0;
    border-radius: 15px 15px 0 0;
    border-bottom: 1px solid #d551ff;
}
.tablelogo{}

.other-list-top {
    position: absolute;
    width: 100%;
    bottom: 99.9%;
    left: 0;
    background-color: #ffffff;
    padding: 26px 0 0 0;
    border-radius: 15px 15px 0 0;
    color: #db1616;
    border-bottom: 1px solid #fdf3f3;
}

/* ==== 3 ==== */
.other-list {
    width: 16%;
}
.other-list {
    margin-top: 0;
    position: relative;
    text-align: center;
    padding: 0px 0px 0px 10px;
    background-color: #ffffff;
}
.other-list-inn{
	border-radius: 0;
	background-size: cover;
	background-color: rgb(255, 255, 255);
	position: relative;
	z-index: 10;
}
 

 
 
.other-list .check-list:nth-child(odd) {
    border-top: 1px solid hsl(0deg 0% 100% / 16%);
    background-color: #fdf3f3;
}
.cardBd.card-body.d-table-cell.align-middle {
    border-top: 1px solid hsl(0deg 0% 100% / 16%);
}
.check-list .card {
    border: 0;
    padding: 0 12%;
    background-color: transparent;
    border-radius: 0;
}
.card3.card-body.d-table-cell.align-middle {
    border: 0;
    padding: 0 12%;
    border-radius: 0;
    background-color: rgb(34 34 34 / 5%);
}

.check-list {
    height: 61px;
    width: 100%;
}
.agency-list-check {
    padding: 0;
}

.clickBg2 {
    border-width: 1px;
    border-color: rgb(70, 191, 250);
    border-style: solid;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    display: inline-block;
    color: #46bffa;
    padding: 5.5px 1.5%;
    margin-top: 1%;
}
 
.agency-list-top{}
.circle-img {
    position: relative;
    margin-right: 10px;
}

.features-title {
    position: absolute;
    bottom: 99.9%;
    background-color: #fff;
    padding: 19px 57px;
    border-radius: 15px 15px 0 0;
}


.features-list-bottom {
    position: relative;
    display: inline-block;
    height: 18px;
    width: 100%;
}
.agency-list-bottom{
    position: absolute;
    display: inline-block;
    height: 40px;
    width: 100%;
    top: 99.9%;
    background-color: #7000ff;
    left: 0;
    border-radius: 0 0 15px 15px;
}
.other-list-bottom{
    position: absolute;
    display: inline-block;
    height: 40px;
    width: 100%;
    top: 99.9%;
    background-color: #ffffff;
    left: 0;
    border-radius: 0 0 15px 15px;
}


.tablelogomob{display:none !important;}
.tablelogo{display:block !important;}
 
 
.element41-img {
    position: absolute;
    left: 99.8%;
    bottom: 0;
} 
.element42-img {
    position: absolute;
    right: 99.5%;
    bottom: -0.8px;
}
.element43-img {
    position: absolute;
    right: 98.5%;
    top: 18px;
}

.ele1-img{
	position: absolute;
	top: -13px;
	left: 18%;
}
.ele2-img{
	position: absolute;
	left: 100.5%;
	top: -50px;
}
.ele3-img{
	position: absolute;
	top: 99%;
	left: 1%;
}
.ele4-img{
	position: absolute;
	top: -50px;
	right: 100.5%;
}

 
/*section16*/
.title-span28 {
    background-color: rgb(233, 213, 255);
    display: inline-block;
    border-radius: 15px;
    padding: 8px 26px;
	position:relative;
}

.arrow12-img{
    position: absolute;
    top: 99%;
    right: 11%;	
}

.title-span29 {
    border-radius: 10px;
    background-color: rgb(122, 61, 199);
    display: inline-block;
    padding: 9px 21px;
    position: relative;
    color: #fff;
    margin: 2% 0 3% 0;
}

.youwill{
    position: relative;
    left: -12px;
}
.youwill-pra{
    padding: 0 13px 0 10px;
}

.element35-img {
    position: absolute;
    bottom: 100%;
    right: 14%;
}

.section16-row{margin-top: 8%;}
.section16-box-row {
    padding: 0 2.1%;
}

/*section17*/

.title-span30 {
    background: url(../images/borderbg9.webp) no-repeat 2px 95%;
    background-size: auto;
    padding-bottom: 4px;
    position: relative;
}

.title-span31-1 {
    background-color: #FFF179;
    display: inline-block;
    position: relative;
    padding: 8px 22px;
    margin-top: 10px;
}
.title-span31-2 {
    background-color: #FFF179;
    display: inline-block;
    position: relative;
    padding: 0px 22px 8px 22px;
    margin-top: -4px;
}

.section17-box2 {
    border-width: 1px;
    border-color: rgb(147, 99, 213);
    border-style: solid;
    border-radius: 36px;
    background-color: rgb(255, 255, 255); 
    margin: auto;
    margin-top: 2%;
	position:relative;
}
.boxshadow{width: 58%;}
.moneyback-details p{padding: 0 13% 0 0;}
.moneyback-img{
    max-width: 169%;
    position: relative;
    left: -39%;
}

.element19-img{
    position: absolute; 
}
.element20-img{
    position: absolute;
    left: 97%;
    bottom: 98%;
}

.element36-img {
    position: absolute;
    right: 0;
    top: -50px;
}


/*section18*/
.title-span32{position:relative;}
.element21 {
    position: absolute;
    left: 102%;
    top: -32%;
}

.section18-box{
	background: url(../images/bg10.webp) no-repeat center top;
	background-size: cover;
	padding: 3% 4% 3% 1%;
	border-width: 1px;
	border-color: rgb(239, 226, 255);
	border-style: solid;
	border-radius: 35px;
	background-color: rgb(249, 240, 255);
	text-align: center;
	    margin-top: 3%;
		position:relative;
}

.title-span33-1{
	background: url(../images/titlebg13.webp) no-repeat center center;
	background-size: contain;
	position: relative;
	padding: 9px 19px 10px 19px;
}
.title-span33-2{
	background: url(../images/titlebg14.webp) no-repeat center center;
	background-size: auto;
	padding-bottom: 4px;
	position: relative;
	padding: 9px 19px 12px 19px;
}
.title-span34{
	background: url(../images/borderbg10.webp) no-repeat 2px 88%;
    background-size: auto;
    padding-bottom: 4px;
    position: relative;
}

.title-span33 {
    margin-top: 5%;
    margin-bottom: 4%;
}

.box1{
    max-width: 109%;
    position: relative;
    left: -11%;
    text-align: center;
}

.element22{
	position:absolute; 
	z-index: 0;
}
.element23{
	position:absolute;
	top: 91%;
	right: 95.5%;
}

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

.element24-img {
    position: absolute;
    bottom: 101%;
    left: 5%;
}

.title-span35 {
    background: url(../images/titlebg15.webp) no-repeat center bottom;
    background-size: auto;
    padding-bottom: 4px;
    position: relative;
    padding: 4px 19px;
}

.table-box{
    
}
.table-box-inn{
	position: relative;
	border-radius: 25px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 26px 65px 0px rgba(62, 59, 104, 0.18),inset 0px 4px 0px 0px rgba(184, 180, 255, 0.004);
	border-top: 4px solid #b8b4ff;
	padding: 9% 14% 20% 14%;
}

.table-box1{}
.table-box1 .table-box-inn{}

.table-box2{}
.table-box2 .table-box-inn{
    border-color: #af5ee4;
    padding: 16% 14% 28% 14%;
}

.table-box3{}
.table-box3 .table-box-inn{}

.table-btn1 {
    border-width: 1px;
    border-color: rgb(121, 59, 198);
    border-style: solid;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 20px 35px 0px rgba(70, 51, 255, 0.1);
    text-transform: uppercase;
    font-weight: 700;
    color: #8543cc;
    display: inline-block;
    width: 100%;
    padding: 14px 0;
	transition:0.5s;  transition-duration: 0.3s;
}
.table-btn1:hover{
	 background-image: -moz-linear-gradient( 90deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
  box-shadow: 0px 20px 35px 0px rgba(70, 51, 255, 0.29);
   color: #fff; 
	    transform: scale(1.05);
    transition-duration: 0.3s;
}

.table-btn2 {
	border-radius: 11px;
	border-width: 1px;
	border-color: transparent;
	border-style: solid;
	background-image: -moz-linear-gradient( 90deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(119,58,197) 0%, rgb(175,94,228) 100%);
	box-shadow: 0px 20px 35px 0px rgba(70, 51, 255, 0.29);
    color: #fff; 
    text-transform: uppercase;
    font-weight: 700; 
    display: inline-block;
    width: 100%;
    padding: 14px 0;    transition-duration: 0.3s;
}
.table-btn2:hover{ 
    box-shadow: 0px 20px 35px 0px rgba(70, 51, 255, 0.1); 
	    transform: scale(1.05);
    transition-duration: 0.3s;color: #fff; 
}

.table-box1 h4, .table-box3 h4{}
.table-box1 p, .table-box3 p{
    margin-top: 4%;
}
.table-box1 h1, .table-box3 h1{
    margin-top: 6%;
}
.table-box1 h5, .table-box3 h5{margin-top: 12%;}
.table-box1 ul, .table-box3 ul{
    margin-top: 15%;
}

.table-box2 h3{
    position: absolute;
    right: 0;
    top: 4%;
}
.table-box2 h4{}
.table-box2 p{
    margin-top: 3%;
}
.table-box2 h1{
    margin-top: 6.5%;
}
.table-box2 h5{
    margin-top: 9.5%;
}
.table-box2 ul{
    margin-top: 22%;
}

.checklist4{}
.checklist4 li {
    background: url(../images/checklist4.webp) no-repeat left 3px;
    padding-left: 28px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 3%;
    margin-top: 3%;
    text-align: left;
}



.table-tag {
    color: #fff;
    background-color: rgb(126, 63, 201);
    border-radius: 10px 0 0 10px;
    display: inline-block;
    padding: 2px 10px;
}

.fade{opacity:0.3;}

/*faq*/

.footer-section-left{padding: 0 1% 0 5%;}
.footer-section-right{padding: 0 5% 0 1%;}

.accordion .fa {
    float: right;
    margin-top: 3px;
    color: #9ca3af;
    font-size: 22px;
    position: absolute;
    top: 0;
    right: 3%;
}

.faq-section .card {
    border: 0px;
    margin: 3% 0;
    padding: 0;
    border-width: 0;
    overflow: hidden;
    border-width: 0;
    border-radius: 0;
    background-color: rgb(255, 255, 255);
    box-shadow: none;
}

.faq-section .card-header{
    padding: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}
.faq-section .card-header button {
    width: 100%;
    text-align: left;
    color: #1f2024;
    padding: 0% 4% 0% 12px;
    border: 0 !important;
    box-shadow: none;
    white-space: break-spaces;
    background-color: transparent;
}
.faq-section .card-body {
    padding: 2% 7% 0% 15px;
    color: #1f2024;
    margin-bottom: 0;
}
.btn:focus, .btn:hover {
    text-decoration: none !important;
}

.divition{}
.divition hr{
    border-color: rgb(229, 229, 229);
}

.element24{
	position:absolute;
	bottom:101%;
	right: 5%;
}

.element25-img{
	position:absolute;
	top:10%;
	right: -0.5%;
}

.sure-box1{margin-top: 3%;}
.sure-box2{margin-top: 3%;}
 
.sure-box1 .sure-box { }
.sure-box2 .sure-box {margin-right: auto;}

.sure-box-img1{padding:0 15px 0 0;}
.sure-box-img2{padding:0 0 0 15px;}

.sure-box {
    border-width: 0px;
    border-color: rgb(255, 177, 211);
    border-style: solid;
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 18px 38px 0px rgba(0, 0, 0, 0.11); 
}
.sure-box p{
 
}
.sure-box .responsive-video{
    border-radius: 7px; 
}


.profile-name2{
    position: relative;
    margin-top: 30px;	
}
 
.title-span36 {
    position: relative;
    display: inline-block;
    border-radius: 25px;
    background-color: rgb(233, 213, 255);
    padding: 30px 45px;
}

.element26 {
    position: absolute;
    top: -8px;
    right: -8px;
}

.element27-img {
    position: absolute;
    top: 94%;
    right: 10%;
}
 

/*section21*/
.title-span37 {
    background: url(../images/titlebg17.webp) no-repeat center center;
    background-size: contain;
    padding-bottom: 4px;
    position: relative;
    padding: 29px 30px 21px 30px;
    display: inline-block;
    margin-bottom: 1%;
}
  
/*footer*/ 
.footer {
    background-image: -webkit-linear-gradient(0deg, hsl(272deg 75% 92.16%) 4%, hsl(266.25deg 80% 96.08%) 95%);
    padding: 6% 0 1% 0;
} 
.CopyrightText {
    color: #adb4ba;
    margin-top: 15%;
    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: #7d3eca;
    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%;
}

.footer i.fa.fa-facebook-square:hover {
    color: #3b5998;
    transform: scale(1.09);
    transition-delay: 0.1s;
}
.footer i.fa.fa-twitter:hover {
    color: #55acee;
    transform: scale(1.09);
    transition-delay: 0.1s;
}
.footer i.fa.fa-instagram:hover {
    color: #E4405F;
    transform: scale(1.09);
    transition-delay: 0.1s;
}
.footer i.fa.fa-youtube-play:hover {
    color: #ff0000;
    transform: scale(1.09);
    transition-delay: 0.1s;
}

.aiBox {
    position: relative;
} 

/*about-page*/
.about-banner-main{padding: 0.3% 0 6% 0;position:relative;}
.about-banner{padding:1% 2.45% 0 2.45%;} 
.about-banner-box{background: url(../images/section6.webp) no-repeat center top;background-size: cover;z-index: 1;position:relative;border-radius: 31px;background-color: #f7efff;}

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


/*--about-section2--*/
.about-section2 {
    background: url(../images/section4.webp) no-repeat center top;
    background-size: cover;
    padding: 5.5% 0 5% 0;
}
.about-section2-box-main{
    padding: 0 6%;
    margin-top: 1%;
}

.about-section2-box {
    padding: 0 1.8%;
    margin-top: 3%;
}
.about-section2-box-inn {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 8px 73px 0px rgb(46 97 121 / 17%);
    text-align: center;
    padding: 15% 6% 19% 6%;
    height: 100%;
}

.about-section2-box h2{color:#1f2024;margin-top: 9%;}
.about-section2-box p{color:#646876;margin-top: 2%;}

/*about-section3*/ 
.about-section3{padding: 2% 2.45% 5% 2.45%;} 
.about-section3-box{background: url(../images/section6.webp) no-repeat center top;background-size: cover;z-index: 1;position:relative;border-radius: 31px;}
 
.about-section3-box h2{color:#1f2024;margin-top: 5%;}
.about-section3-box p{color:#646876;margin-top: 5%;} 

.about-section3-box-main{margin-top:4%;}


/*--Careers-section2--*/
.careers-banner-box{background: url(../images/section6.webp) no-repeat center top;background-size: cover;z-index: 1;position:relative;border-radius: 31px;background-color: #f7efff;padding: 6% 0px 7% 0px;}
 
.careers-section2 {
    background-color: #fff;
    padding: 0% 0 6% 0;
}

.hiring-detail{padding: 0 2%;}
.hiring-img{text-align:right;}


/*--Careers-section3--*/
.careers-section3 {
    background-color:#fafafa;
    padding: 6% 0;
}

/*--Careers-section4--*/
.careers-section4 {
    background: url(../images/section13.webp) no-repeat center top;
    background-size: cover;
    padding: 5.5% 0 5% 0;
}

.careers-section4-box {

}
.careers-section4-box-inn {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 8px 57px 0px rgb(0 0 0 / 7%);
    padding: 3.2% 4%;
}

.careers-section4-box-details{
    padding: 0;
}


.time-location-box{
    padding: 0;
}
.time-location-box p {
    margin: 10% 0;
}
.timeIcon{
    position: relative;
    margin-right: 2%;
    left: -1%;
    top: -1px;
}
.locationIcon{
    position: relative;
    margin-right: 6%;
    top: -1px;
}


.mybutton6{text-align:right;}
.mybutton6 a {
    border-radius: 30px;
    background-color: #914ad3;
    background-image: -moz-linear-gradient(90deg, rgb(119, 58, 197) 0%, rgb(175, 94, 228) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(119, 58, 197) 0%, rgb(175, 94, 228) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(119, 58, 197) 0%, rgb(175, 94, 228) 100%);
    box-shadow: 0px 12px 10px 0px rgba(103, 45, 172, 0.29);
    color: #fff;
    padding: 7.2% 2%;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-left: auto;
    width: 109%;
    left: -4%;
}
.mybutton6 a:hover {
    background-image: -moz-linear-gradient(90deg, rgb(175, 94, 228) 0%, rgb(119, 58, 197) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(175, 94, 228) 0%, rgb(119, 58, 197) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(175, 94, 228) 0%, rgb(119, 58, 197) 100%);
    box-shadow: none;
    transform: scale(1.05);
}
 
/*Contact Us*/ 
.contact-banner-box{background: url(../images/section6.webp) no-repeat center top;background-size: cover;z-index: 1;position:relative;border-radius: 31px;background-color: #f7efff;padding: 7% 0px 0% 0px;} 
.contact-box{
    padding: 1% 1.5%;
    margin-bottom: -5%;
    margin-top: 2%;
}
.contact-box-inn{
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 12px 70px 0px rgba(12, 76, 106, 0.14);
	padding: 11% 12%;
	text-align:center;
}

.contact-box h2{
    margin-top: 5.1%;
}
.contact-box p{
    margin-top: 8%;
    color: #646876;
}

.mybutton7{
    margin-top: 12%;
}
.mybutton7 a {
    border-radius: 30px;
    box-shadow: 0px 9px 29px 0px rgba(39, 157, 214, 0.29);
    background-color: #1fb6ff;
    color: #fff;
    padding: 2.9% 2%;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-left: auto;
    width: 89%;
}
.mybutton7 a:hover {
    background-color: #26a5e2;
    box-shadow: 0px 11px 18px 0px rgb(31 182 255 / 5%);
    transform: scale(1.05);
} 

/*article*/
.article-section{padding: 5% 0 6% 0;}
.article-box{padding: 6% 3% 0% 3%;}
.article-title{
    margin-top: 15px;
}
.article-title a{
    color: #a557df;
}
.article-box p{
    margin-top: 10px;
}



 
  
.banner{background: url(../images/banner.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 0.3% 0 4% 0;position:relative;}
.header{z-index: 111111;position: relative;margin: auto;width: 100%;}
.section1{background-color:#fff;padding:1% 0 2% 0;}
.section2{background: url(../images/section2.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 6% 0 4% 0;}
 
 
.section3{background: url(../images/section3.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 1% 0 5% 0;position:relative;}
.section4{background-color:#fff;padding:1% 2.45% 0 2.45%;} 
.section4-box{background: url(../images/section4.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 7.5% 0 4% 0;position:relative;border-radius: 31px;}
.section5{background: url(../images/section5.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 7% 0 3.5% 0;position:relative;}
.section6{background-color:#fff;padding: 2% 0 0% 0;position:relative;}
.section7{background-color:#fff;padding:0 3%;}
.section7-box{background: url(../images/section7.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 4% 0 4% 0;position:relative;border-radius: 31px;background-color: #7e42cc;}
.section8{background: url(../images/section8.webp) no-repeat center top;background-size: cover;background-color:#fff;padding: 6.5% 0 7% 0;position:relative;margin-top: -18px;}
.section9{background-color:#fff;padding:0 3%;}
.section9-box{background: url(../images/section9.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 6% 0 4% 0;position:relative;border-radius: 35px;}

.section10{background: url(../images/section10.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 10% 0 6% 0;position:relative;}

.section11{background-color:#fff;padding:0 3%;}
.section11-box{background: url(../images/section11.webp) no-repeat center top;background-size: cover;z-index: 1;position:relative;border-radius: 35px;background-color: #7e42cc;}

.section12{background-color:#fff;padding: 7% 0 0% 0;}
.section13{background: url(../images/section13.webp) no-repeat center top;background-size: cover;background-color:#fff;padding: 5% 0 6% 0;}

.section14{background-color:#fff;padding:0 3%;}
.section14-box{background: url(../images/section14.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 6% 0 8% 0;position:relative;border-radius: 35px;background-color: #5c2a9a;}
.section15{background: url(../images/section15.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 6% 0 5% 0;position:relative;    margin-top: -15px;}

.section16{background: url(../images/section16ele.webp) no-repeat center top;background-size: cover;padding:4% 3% 0 3%; position:relative;}
.section16-box{background: url(../images/section16.webp) no-repeat center top;background-size: cover;z-index: 1;position:relative;border-radius: 35px;}

.section17{background-color:#fff;padding:0 3%;position:relative;}
.section17-box{background: url(../images/section17.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 5% 0 3.5% 0;position:relative;border-radius: 35px;background-color: #7d41ca;}

.section18 {background: url(../images/section18.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 7% 0 1% 0;margin-top: -12px;overflow: hidden;}

.section19{background-color:#fff;padding:4% 3% 0 3%;}
.section19-box{background: url(../images/section19.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 6.5% 0 4% 0;position:relative;border-radius: 35px;}

.section20{background: url(../images/section20.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 9% 0 2% 0;position:relative;}

.section21{background-color:#fff;padding: 2% 3% 6% 3%;overflow: hidden;}
.section21-box{background: url(../images/section21.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 3.5% 0 5% 0;position:relative;border-radius: 35px;background-color: #f4ecfd;}

  
@media only screen and (max-width: 993px){
	
	.getlink {margin-left: 0;}
 
	.element21{display:none !important;}
	
	.generate-box {
		width: 102%;
	}
	
	.arrow14{max-width:36%;}
	.arrow15{max-width:36%;}
	
	.feature-box{text-align:center;}
	.feature-box h3, .feature-box9-inn h3 {
		margin-top:25px;
	}
	.feature-box9 { 
		border-radius: 16px;
		text-align: center;
	}
	
	.connection1-img {max-width:30%;}
	.connection2-img{max-width:30%;}
	
	.arrow1{max-width: 60%;}
	.arrow2 {max-width: 50%;}
	.element5 {
		max-width: 18%;
	}

	.element16-img{max-width: 20%;top: -20px;}
	
	.element2 { 
		max-width: 26px;
	}
	.businessman {
		max-width: 113%;
		margin-bottom: -6%; 
		left: -5%;
		top: -10px !important;
	}
	.section3-box { 
		padding: 4% 5% 5% 3%;
	}
	.title-span5 { 
		bottom: 92%;
		right: 63%; 
	}
	.title-span7 { 
		padding: 15px 30px;
	}
	.arrow5-img {  
		left: -11px;
		max-width: 44px;
	}
	.element6{
	   
	}
	.title-span10 { 
		left: -40px;
	}
	.element3left { 
		max-width: 30px;
	}
	.element3right{ 
		max-width: 30px;
	}
	
	.competitors-checklist, .instaDoodle-checklist {
		padding: 0 2%; 
	}
	.element11-img { 
		top: -13px;
		left: -13px;
		max-width: 6%;
	}
	.element12-img { 
		top: -13px;
		right: -13px;
		max-width: 5.5%;
	}
	.arrow6-img { 
		max-width: 35%;
	}
	.vslogo { 
		max-width: 76%;
	}
	
	.element7 {
		max-width: 32px;
	}
	
	.connection3-img, .connection4-img { 
		max-width: 30%;
	}
	.steptitle-img{max-width: 38%;}
	.title-span21 { 
		background: url(../images/titlebg3.webp) no-repeat center left; 
		padding: 8px 10px 6px 10px; 
	}
	.vid-box-inn .responsive-video {
		border-radius: 14px; 
	}
	.dual-connection { 
		max-width: 30%;
	}
	.tablelogo {
		max-width: 95px;
	}
	.agency-list-top {
		padding: 20px 0;
	}
	.ele1-img { 
		max-width: 60%;
	}
	.youwill {  
		max-width: 85px;
	}
	.moneyback-details p {
		padding: 0 0 0 0;
	} 
	.table-box {
		width: 32%;
		padding: 5px;
	}
	.table-box-inn { 
		padding: 9% 8% 20% 8%;
	}
	.table-box2 .table-box-inn { 
		 
	}
	.table-box2 h3 { 
		top: 2%;
	}
	.section2-box2, .section3-box, .section17-box2, .section18-box { 
		border-radius: 20px; 
	}
	.arrow13-img { 
		max-width: 45%;
	}
	.element23 { 
		top: 92%;
		right: 95%;
		max-width: 4%;
	}
	.arrow3-img, .arrow4-img { 
		max-width: 60px;
	}
	.section5-box {
        padding: 5% 3% 5% 5%;
        border-radius: 20px;
        width: 94%;
    }
	
	.arrow10-img{ 
		top: 10px;
		max-width: 30px;
	}
	.arrow11-img{ 
		top: 10px;
		max-width: 30px;
	}
	.section19-box { 
		padding: 6.5% 15px 4% 15px; 
	}

	.element6a{top: -2px;width: 100%;left: 0;}
	.element6b{top: -10px;right: 0;height: 106%;}
	.element6c{bottom: 0px;left: 0;width: 100%;}
	.element6d{top: -9px;left: 0;height: 106%;}

	/*--Careers-Page--*/
	.mybutton6 {
		text-align: center;
		margin-top:3%;
	}
	.mybutton6 a {
		padding: 2.2% 2%;
		width: 30%;
		left: 0;
	}
	
	/*thank-you*/
	.thankyou-section2-box {
		padding: 8px; 
	}
 	
	.arrowLeft2{ 
		max-width: 50px;
	}
	.arrowRight2{ 
		max-width: 50px;
	}
	.thank-you-banner .mybutton1 a { 
		padding: 25.5px 40px;
	}
	.thankyou-section2-box2 {
		padding: 0px 8px 15px 8px; 
	}
	.mybutton2 a { 
		padding: 22px 40px; 
	}
	
	/*contact-page*/
	.contact-box-inn { 
		padding: 11% 10%; 
	}
	
	
}

@media only screen and (max-width: 767px){
	.banner {text-align:center;padding: 1px 0 30px 0;}	  
	.section1{padding: 10px 0 30px 0;}
	.section2{padding: 40px 0 20px 0;} 
	.section3{padding: 10px 0 30px 0;text-align: center;}
	.section4{padding: 10px 15px 40px 15px;} 
	.section4-box{padding: 50px 0 30px 0;border-radius: 20px;}
	.section5{padding: 10px 0 40px 0;}
	.section6{padding: 40px 0 40px 0;text-align: center;}
	.section7{padding: 0px 15px 40px 15px;}
	.section7-box{padding:20px 0 40px 0;}
	.section8{padding: 30px 0 40px 0;}
	.section9{padding: 0px 15px 0px 15px;}
	.section9-box{border-radius: 20px;padding: 40px 0 10px 0;}
	.section10{padding: 90px 0 40px 0;text-align: center;}
	.section11{padding: 0 15px;}
	.section11-box{border-radius: 20px;padding: 40px 20px 60px 20px;}
	.section12{padding: 40px 0 40px 0;}
	.section13{padding: 10px 0 40px 0;}	
	.section14{padding: 0 10px;}
	.section14-box{border-radius: 20px;padding: 40px 10px 60px 10px;}
	.section15{margin-top: 0;padding: 30px 0 30px 0;overflow: hidden;}
	.section16{padding: 10px 15px 0px 15px;text-align: center;}
	.section16-box{border-radius: 20px;padding: 40px 10px 0px 10px;}
	.section17{padding: 0 15px;}
	.section17-box{border-radius: 20px;padding: 30px 10px 30px 10px;text-align: center;}
	.section18 {margin-top: 0;padding: 30px 0 30px 0;}
	.section19{padding: 10px 15px 20px 15px;}
	.section19-box{padding: 35px 10px 1px 10px;border-radius: 20px;}
	.section20{padding: 50px 0 30px 0;}
	.section21{padding: 10px 15px 30px 15px;}
	.section21-box{padding: 30px 10px 32px 10px;border-radius: 20px;}
	.section6-box {border-radius: 20px;margin-top: 30px;}
 
	.footer { 
		padding: 45px 0 20px 0;
	}
 
	/*about-page*/

	.about-banner{
		padding: 10px 15px 20px 15px;
	}
	.about-banner-main{
		padding: 0 0 35px 0;
	}
	.about-section2 {padding: 45px 0 20px 0;}
	.about-banner-box {border-radius: 20px;text-align: center;}
	
	.about-img {
		text-align: center;
		margin-top: 25px;
	}

	.about-section3{padding: 20px 15px 45px 15px;text-align: center;} 
	.about-section3-box{border-radius: 20px;}
	
	.about-section2-box-main {
		margin-top: 25px;
	}
	
	.about-section2-box {
		padding: 10px 0;
		margin-top: 0px;
	}
	.about-section3-box p { 
		margin-top: 8px;
	}
	.about-section2-box h2 { 
		margin-top: 15px;
	}
	.about-section2-box-inn { 
		padding: 40px 10px 40px 10px; 
	}

	
	/*--Careers-page--*/
	.careers-banner-box{
		border-radius: 20px;
		padding: 30px 15px 32px 15px;
	}
	 
	.careers-section2 {
	   text-align: center;
	   padding: 0 0 45px 0;
	   margin-top: -10px;
	}
	.careers-section3 {
	    padding: 30px 0;
	}
	.careers-section4 {
	 padding: 40px 0 50px 0;
	}
	.careers-section4-box-inn {
	 padding: 25px 20px;
	}
	
	.hiring{
		margin-top: 20px;
	}
	.time-location-box p {
		margin: 12px 0;
	}
	.timeIcon{
	    margin-right: 5px;
	    left: 0;
	    top: -1px;
	}
	.locationIcon{
	    margin-right: 10px;
	    left: 3px;
	    top: -1px;
	}
	.time-location-box{
		margin-top: 5px;
	}
	.mybutton6 a {
        padding: 4% 2%;
        width: 70%;
        left: 0;
    }
	
	/*thank-you*/
	.thank-you-banner{
		padding: 20px 0 40px 0;
	}
	.thank-you-section2{
		padding: 20px 15px 40px 15px;
	}
	.thank-you-section2-box{
		padding: 42px 15px 42px 15px;
		border-radius: 20px;
	}
	.thank-you-section3{
		padding: 10px 0px 40px 0px;
	}
	.thank-you-section3-box{}
	.thank-you-section4{
		padding: 5px 15px 50px 15px;
	}
	.thank-you-section4-box{
		border-radius: 20px;
		padding: 35px 15px 40px 15px;
	}
	.mybutton2 a {
        padding: 18px 36px;
    }
	
	
	.video-box-thank-you {
        border-radius: 14px;
        padding: 12px;
        width: 100%;
    }
	.video-box-main{padding:0;}
	
	.thank-you-banner .mybutton1 a {
        padding: 20px 10px;
        width: 95%;
    }
	.thankyou-section2-box2-inn{
		height: auto;
		padding: 35px 10px 30px 10px;
	}
	.number-icon {
		margin-bottom: -12px;
		position: relative;
		z-index: 1;
	}
	.thank-you-video-box {
		border-radius: 10px; 
	}
	
	/*contact-page*/
	.contact-banner-box{
    padding: 40px 0px 40px 0px;
    border-radius: 20px;
}
	
	.contact-box {
		margin-top: 20px;
		margin-bottom: 0;
	}
	.article-section{
		padding: 0px 0 30px 0;
		text-align: center;
	}
	.article-box {
		padding: 20px 15px;
	}
	
	
	.vs-video {
		padding: 0 15px; 
	}
	.arrow3-img, .arrow7-img, .element10, .arrow14, .arrow15, .element4, .element19-img, .element3left, .element3right, .element11-img, .element12-img, .element15-img, .element15-img, .element11-img, .element35-img, .element36-img, .element20-img, .arrow4-img, .element16-img, .element33-img, .element34-img, .element16-img, .element22, .element23, .element25-img, .element24, .character1-img, .element9, .connection1-img, .connection2-img, .element14-img, .element15-img, .element31-img, .arrow10-img, .connection3-img, .connection4-img, .dual-connection, .element24-img, .arrowLeft2, .arrowRight2, .line-img, .ele1-img,
	.ele2-img, .ele3-img, .ele4-img, .element6a, .element6b, .element6c, .element6d{display:none !important;}

	.brandpush-logo-container-item{
		height: 70px;
	}
	
	.generate-text{
	    rotate: 0deg;
	}

	.section2-box2{
	    margin-top: 60px;
	    padding: 9% 15px 25px 15px;
	    text-align: center;
	}
	.businessman{
	    max-width: 100%;
	    margin-bottom: 0;
	    left: 0;
	    margin-top: 10%;
	}
	.generate-box {
		width: 100%;
		margin-bottom: 25px;
	}
	
	.section11-box1{
		width: 100%;
		padding: 0 20px;
		text-align: center;
		border: 0;
		margin-top: 11%;
	}
	.section11-box2{
		width: 100%;
		padding: 0 20px;
		text-align: center;
		margin-top: 11%;
	}
	
	.section11-detail2, .section11-img2, .dual-mode-detail, .dual-mode-img{text-align:center;}
	
	.section11-img1, .section11-img2{
		margin-top: 12px;
	}
	
	.title-span21 {
		padding: 6px 12px;
		background-image: linear-gradient(to right, #ffeaf3 , #fffdd8);
	}
	.title-span21b{
		width: 100%;
		margin-top: 30px;
	}
	.dual-pra {
	    padding: 0 8px;
	    margin-top: 10px;
	    margin-bottom: 11px;
	}
	
	.dual-mode-detail, .dual-mode-img{padding: 0 3px;}
	.dual-connection{
	    width: 50%;
		margin-bottom: 4%;	
	}
	
	.arrow1{max-width: 60%;}
	.arrow2 {max-width: 42%;}
	.element5 {
		left: 96%;
	}
	.paste, .doodle, .play {
	    border-radius: 8px;
	    padding: 8px 12px;
	    margin: 0 1px;
	}
	.simply-box { 
	    left: 0px;
	}
	
	.moneyback-img{
		max-width: 100%;
		left: 0;
		margin-top: 20px;
	}
	
	.section3-details, .section3-details2 {
		padding: 0; 
	}
	.businessman {
		max-width: 113%;
		margin-bottom: -6%; 
		left: -1%;
	}
	.section3-box {
		padding: 4% 5% 5% 3%;
		text-align: center;
	}
	.title-span5 {
		bottom: 99%;
		right: 63%;
	}
	.arrow10-img, .arrow11-img { 
		top: 14px;
		width: 9%;
	}
	.element1 { 
		max-width: 10px;
	}
	.title-span1 {
		border-radius: 3px; 
		padding: 0 5px;
	}
	.banner-title {
		margin-top: 10px;
	}
	.video-box { 
		width: 100%; 
		border-radius: 10px; 
	}
	.titlebg1 { 
		padding: 10px 4px;
	}
	.element2 {
		max-width: 18px;
	}
	.points-box {
		border-radius: 10px;
		margin-top: 10px;
		box-shadow: 0px 20px 16.86px 1.14px rgb(35 35 35 / 19%);
	}
	
	.checklist1 li { 
		padding-top: 3px;
		padding-bottom: 4px;  
	}

	.element26 {
		position: absolute;
		top: -8px;
		right: 0;
		max-width: 30px;
	}
	.element27-img { 
		max-width: 30px;
	}
	
	.autoplayer-overlay-content {
		font-size: 16px !important; 
	}
	
	.mybutton1 a { 
		border-radius: 10px; 
		padding: 20px 15px; 
		width: 90%;
	}
	.section21 .mybutton1 a { 
		width: 100%;
	}
	.buttonArrow {
		margin-left: 4px;
		max-width: 18px;
	}
	
	.title-span18 {
		padding: 12px 16px;
		bottom: -15px;
	}

	.butwhy-img{
	    margin-top: 30px;
	    margin-bottom: 0;
	}
	.title-span7 {
		padding: 5px 10px;
		background-image: linear-gradient(to right, #fff4f9 , #fffdeb);
		display: inline-block;
		border: 1px solid #ffdcee;
	}
	.section5-box {
        padding: 5% 10px 2% 10px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 15px;
        width: 92%;
    }
	.research{margin-bottom: 0;}
	
	.element6 {
        max-width: 16%;
        left: -7px;
    }
	
	.title-span10 {
		left: 0;
	}
	.title-span11 { 
		padding: 5px 4px;margin-top: 0;
	}
	.logo2-img{max-width: 60%;}

	.brandpush-title { 
		padding: 0 10px; 
		letter-spacing: 6px;
	}
	.menu {
		padding: 10px 0 15px 0; 
	}

	.generate { 
	    margin-top: 15px;
	}
	.businessman-box {
		padding: 0;
		margin-top: 0;
	}

	.arrow9-img { 
	    max-width: 60px;
	}
	.title-span8 { 
	    bottom: 95%; 
	    left: 25px;
	}
	
	.checklist-img { 
		top: -1px;
		margin-right: 4px;
		max-width: 20px;
	}
	
	.option1-img, .option2-img {
		margin-top: 20px;
		margin-bottom: 51px;
	}
	.option3-img{margin-top: 20px;}
	
	.vs-video .responsive-video { 
		border-radius: 10px; 
	}
	
	.section4-video-box1 { 
		margin: 20px 0 30px 0;
	}
	.perfect-box {
		width: 100%;
		padding: 0 15px;
		margin: 30px 0 0px 0;
	}
	.element8 {
		max-width: 18px;
		bottom: 72%;
		right: 210px;
	}
	
	.competitors-box-out{
		padding: 10px 15px 20px 15px; 
	}
	.instaDoodle-box-out{
		padding: 20px 15px 20px 15px; 
	}

	.demo-video2-out {
	    padding: 10px; 
	}
	.demo-video2 {
	    border-radius: 10px;
	}
	
	.step-details1, .step-details2 {
		padding: 0 15px;
		margin: 20px 0 20px 0;
	}

	.step1-img , .step2-img {margin-bottom: 10px;}

	.feature-left{padding: 10px;}
	.feature-right{padding: 10px;}
	.feature-center{padding: 10px 0 10px 0;}

	.feature-left .feature-box, .feature-right .feature-box {
	    border-radius: 16px;
	}
	.feature-box9{
		width: 94%;
		padding: 30px 0px 30px 0px;
	}
	
	.title-span23 { 
		background-color: #ece7ff;
		padding: 12px 10px;
		background-image: none;
	    border-radius: 10px;	
	}
	.section13-box {
		border-radius: 28px; 
		padding: 15px 0; 
		text-align: center;
	}
	.section13-box1 .section13-details {
		padding: 0 15px;
		margin-top: 12px;
	}
	.section13-details p {
		margin-top: 8px;
	}
	.section13-box {
		border-radius: 20px; 
		padding: 15px 0 25px 0; 
		text-align: center;
	}
	.section13-box1 .section13-details, .section13-box2 .section13-details {
		padding: 0 15px;
		margin-top: 12px;
	}
	.section13-details p {
		margin-top: 8px;
	}
	.section5-box-out{padding: 0 0px;}
	.circle-img { 
		margin-right: 0px;
	}
	.list-text {
		width: 58%;
	}
	.agency-list {
		width: 22%;
	}
	.other-list {
		width: 20%;
	}
	
	.agency-list-top, .features-title, .other-list-top {
		height: 50px;
	}
	.features-title {  
		padding: 12px 17px;
		border-radius: 6px 6px 0 0;
	}
	.agency-list-top {
		padding: 10px 0;    border-radius: 6px 6px 0 0;
	}
	.other-list-top { 
		padding: 16px 0 0 0; border-radius: 6px 6px 0 0;
	}
	
	.why-img {
		max-width: 100%; 
		left: 0;
		margin-top: 10px;
	}
	
	.element7 {
		max-width: 27px;
		position: relative;
		top: -2px;
		margin-right: -3px;
	}
	
	.arrow6-img{max-width: 55%;}
	.competitors-box h4, .vslogo {padding: 0 0;}
	.competitors-checklist, .instaDoodle-checklist {padding: 0;}
	
	.competitors-checklist li {
		background: url(../images/competitorsuncheckmob.webp) no-repeat left 0px;
		padding-left: 31px;
		padding-top: 0px;
		padding-bottom: 1px;
		margin-top: 3%;
	}
	.instaDoodle-checklist li {
		background: url(../images/instadoodlecheckmob.webp) no-repeat left 0px;
		padding-left: 31px;
		padding-top: 0px;
		padding-bottom: 1px;
		margin-top: 3%;
	}
	
	.competitors-box { 
		border-radius: 20px;  
		padding: 30px 15px 20px 20px;
	}
	.instaDoodle-box { 
		border-radius: 20px; 
		padding: 20px 15px 20px 20px;
	}
	.competitors-checklist { 
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.instaDoodle-checklist { 
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.vs-title {position: relative;}
	
	.arrow11-img{
	    position: relative;
		top: 6px;
		right: 0;
		width: 26px;
		left: -8px;	
	}
	.step-details h4{margin-top: 15px;}
	.step-details p{margin-top: 12px;}
	
	.list .card { 
		padding: 0px 12px; 
	}
	
	.tablelogomob{display:block !important;}
	.tablelogo, .other-list-top span{display:none !important;}
	
	.checkpro2, .checkpro{max-width: 24px;}
	
	.ele1-img {
		max-width: 60%;
		top: -9px;
	}
	
	.other-list-bottom { 
		border-radius: 0 0 6px 6px;
	}
	.agency-list-bottom { 
		border-radius: 0 0 6px 6px;
	}
	.list-text { 
		border-radius: 0px 0 0 6px; 
	}
	
	.title-span28 { 
		border-radius: 10px;
		padding: 8px 20px; 
	}
	
	.youwill-pra, .section16-box-row{padding: 0;}
	
	.section16-box-row { 
		margin: 30px 0 40px 0;
	}
	.whiteboard-img{margin-top: 25px;}
	
	.youwill { 
		left: 0;
	}

	.section18-box{
		padding: 25px 15px 25px 15px;
		margin-top: 20px;
	}
	.box1{
		max-width: 100%;
		left: 0;
		margin-bottom: 15px;
	}

	.arrow13-img {
		max-width: 60%;
		margin-top: -20px;
	}
	
	.title-span27 {
		left: 0;
		margin-top: 12px;
		background-color: #f8f4ff;
		background-image: none;
		padding: 10px 10px;
		border-radius: 10px;
	}
	
	.join-img { 
		margin-top: -11%;
		max-width: 120%;
		left: -10%;
	}
	
	.section17-box2 { 
		margin-top: 20px; 
	}
	.title-span35 {
		padding: 8px 8px;
		display: inline-block;
		background-color: #fef6b6;
		background-image: none;
	}
	
	.table-box-inn, .table-box2 .table-box-inn {
		padding: 30px 25px 31px 25px;
		border-radius: 15px;
	}
	
	.table-box1 ul, .table-box3 ul, .table-box2 ul {
		margin-top: 25px;
	}
	.title-span36 { 
		border-radius: 15px; 
		padding: 20px 10px;
	}
	
	.dual-pra{padding:0;}
	
	.sure-box1  {
		margin-top: 30px;
		padding: 0 5px;
	}
	.sure-box2 {
		margin-top: 3%;
		margin-top: 20px;
		padding: 0 5px;
	}
	
	.sure-box-img1 {
		padding: 0 7px 0 0;
		width: 20%;
	}
	.sure-box-img2 {
		padding: 0 0 0 7px;
		width: 20%;
	}
	.sure-box { 
		border-radius: 15px;
	}
	
	.title-span37 { 
		padding: 24px 20px 15px 20px; 
		margin-bottom: 10px;
	}
	.sure-box p {
		margin-top: 0;
	}
	
	
	
	
	 .CopyrightText {
		margin-top: 30px;
	}

	.footerlinks {
		margin-top: 15px;
	}

	.footerbox {
        max-width: 100%;
        padding: 0 10px;
    }
	.footerlinks ul li {
		margin-bottom: 6px;
		padding: 0 6px 0 6px;
		display: inline-block;
	}
	.profile-name2 { 
		margin-top: 16px;
	} 
	
}

@media (min-width: 240px){
	
	.section11-box{ } 	
	.section16-box{ }
	
	.videoElement {
		max-width: 89%;
		top: 30px;
		left: 7px;
	}
	.videoElement-1{
		max-width: 89%;
		right: 4px;
		top: 16px;
	}
		
	
	.videoelement2-img{
		left: 6px;
		top: 4px;
		max-width: 79%;
	}
	.videoelement2b-img{
		right: 6px;
		top: -4px;
		max-width: 76%;
	}	
	
	.section4-video-box1 {
		padding: 0;
	}
	.section4-video-box2 {
		padding: 0;
	}
	
	.section2-box2{width: 95%;}
	
	.element9 {
		bottom: 98%;
		right: 94%;
		max-width: 7%;
	}
	.arrow7-img {
		max-width:100%; 
	}
	.generate-text {
        right: 0;
        bottom: 96.5%;
        max-width: 100%;
    }
	.arrow8-img {
		right: -30px;
		margin-top: -10px;
		max-width: 30%;
	}
	
	.element10 { 
		right: 107%;
		top: -90px;
		max-width:100%;
	}
	
	.section11-img1{
		width: 100%;
	}
	.section11-img2{
		width: 100%;
	}
	.section11-detail1{
		width: 100%;
	}
	.section11-detail2{
		width: 100%;
	}
	.dual-mode-img{width:100%;}
	.dual-mode-detail{width:100%;}
	.dual-mode-detail h4{font-size: 26px;}
	
	.points-box-out {
		padding: 0 15px;
	}
	.points-box {
		padding: 15px 10px 25px 10px;
	}
	.points-left{padding: 0 4%;}
	.points-right{padding: 0 4%;}
	
	.feature-box9-inn{width: 100%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size:26px;}

	.feature-left .feature-box{padding: 7.5% 7% 7.5% 7%;}
	.feature-right .feature-box{padding: 20px 15px 30px 15px;}
	
	.section6-box {padding: 30px 10px 40px 10px;width: 100%;}
	
	
	.brandpush-vertical-center img.brandpush-news-logo {
		width: 100%;
		max-width: 35px;
		height: auto;
		margin: 7px 4px;
	}
	.brandpush-leaf-left{
		height: 50px;
		left: 4%;
		top: 10px;
	}
	.brandpush-leaf-right {
		height: 50px;
		right: 4%;
		top: 10px;
	}
	
	.element6{}
	
	.character1-img{max-width: 13%;left: 5%;}
	
	 
	
	.demo-video2-main{max-width: 95%;}
	
	.section5-box-inn {width: 100%;}
	
	.generate {
		max-width: 100%;
		left: 0%;
	}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 100%;}
	
	.step1-img {
		max-width: 100%;
	}
	.step2-img {
		max-width: 100%;
		left: 0;
	}
	.element22{
		max-width: 108%;  
		bottom: 70%;
		left: 89%; 
	}
	
	.element15-img {
	    max-width: 100%;  
	    right: -13px;
	    top: -39px;
	}
	
	.element37-img{
		top: -8px;
		left: -3px;
		max-width: 9%;
	}
	.element38-img{
		top: -25px;
		right: -20px;
		max-width: 30%;
	}
	.element39-img{
		bottom: 0px;
		right: -10px;
		max-width: 5%;
	}
	.element37-img2{
		top: -7px;
		right: -4px;
		max-width: 7%;
	}
	.element38-img2{
		top: -22px;
		left: -18px;
		max-width: 30%;
	}
	.element39-img2{
		bottom: -2px;
		left: -8px;
		max-width: 5%;
	}
	
	.table-box{
		width: 100%;
		padding: 10px;
	}
	.sure-box {
        width: 80%;
        padding: 20px 0px; 
    }
	.section5-box-out{margin-top: 70px;}
	
	.section2-box2 {margin-top: 70px;}
	
	.section17-box2 {
		width: 100%;
		padding: 30px 5px 30px 5px;
	}
	.element19-img{
		max-width:100%;
		left: -115px;
		bottom: -20px;
	}
	
	.profile-name {
        position: relative;
        margin-top: 16px;
        margin-bottom: 20px;
    }
	

	
	 
	/*about-page*/
	.about-banner-box{padding: 8% 15px;}
	
	/*--about-section2--*/
	.about-section3-box-main{padding: 0 ;}
	
	.about-section3-box2:nth-child(1){
		padding: 30px 15px;
	}
	.about-section3-box2:nth-child(2){
		padding: 30px 15px;
	}
	.about-section3-box2:nth-child(3){
		padding: 30px 15px;
	}
	.about-section3-box2:nth-child(4){
		padding: 30px 15px;
	}
	.about-section3-box2:nth-child(5){
		padding: 30px 15px;
	}
	.about-section3-box2:nth-child(6){
		padding: 30px 15px;
	}
	
	
	.about-section3-box2:nth-child(1){
		border-bottom:1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(2){
		border-bottom:1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(3){
		border-bottom:1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(4){
		border-bottom:1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(5){
		border-bottom:1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(6){

	}
	
	/*about-section3*/
	.about-section3-box{padding: 40px 15px 15px 15px;}
	 
	/*contact*/
	.contact-box{width: 90%;}
	 
}
@media only screen and (max-width: 600px) {
	 
}	
@media only screen and (min-width: 600px) {
	 

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

}
@media (min-width: 480px){
	.mainvideo {
		position: static;
		width: 100%;
		height: 0px;
	    padding-bottom: 280px;	
	}
	 
	
	 
	
}

@media only screen and (min-width: 768px) {
	 
	.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;
	}
 
	
	 
	.section11-box{padding: 6% 2% 8% 2%;}
	.section16-box{padding: 6% 2% 8% 2%;}
	
	.videoElement {
		max-width: 87%;
		top: 30px;
		left: 27px;
    }
	.videoElement-1{
		max-width: 85%;
		right: 28px;
		top: 12px;
	}
		
	
	.videoelement2-img{
		left: 14px;
		top: 3px;
		max-width: 77%;
	}
	.videoelement2b-img{
		right: 14px;
		top: -5px;
		max-width: 79%;
	}	
	
	.section4-video-box1 {
		padding: 0px 1% 0px 1%;
	}
	.section4-video-box2 {
		padding: 0px 1% 0px 1%;
	}
	
	.section2-box2{width: 88%;}
	
	.element9 {
		bottom: 93%;
		right: 99%;
		max-width: 6%;
	}
	.arrow7-img {
		max-width: 24%;
	}
	 
	
	.element10 {
		right: 86%;
		top: -22px;
		max-width: 48%;
	}
	
	.section11-img1{
		width: 38%;
	}
	.section11-img2{
		width: 40%;
	}
	.section11-detail1{
		width: 58%;
	}
	.section11-detail2{
		width: 57%;
	}
	.dual-mode-img{width: 46%;}
	.dual-mode-detail{width: 49%;}
	.dual-mode-detail h4{font-size: 19px;}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 3.7% 4% 3.7% 4%;
	}
	.points-left{padding: 0 2% 0 2%;}
	.points-right{padding: 0 2% 0 2%;}
	
	.feature-box9-inn{width:90%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size:28px;}
	
	.feature-left .feature-box{padding: 7.5% 2% 7.5% 2%;}
	.feature-right .feature-box{padding: 7.5% 2% 7.5% 2%;}
	
	.section6-box {padding: 7.5% 5% 8% 5%;width: 100%;}
	
	
	.brandpush-vertical-center img.brandpush-news-logo {
		width: 100%;
		max-width: 70px;
		height: auto;
		margin: 7px 10px;
	}
	.brandpush-leaf-left{
		height: 80px;
		left: 7%;
		top: 10px;
	}
	.brandpush-leaf-right {
		height: 80px;
		right: 7%;
		top: 10px;
	}
	
	.element6{max-width:10%;}
	
	.character1-img{max-width: 10%;left: 0;}
	
	.perfect-box{
		width: 32%;
		padding: 0 8px;
	}
	
	.demo-video2-main{max-width: 80%;}
	
	.title-span23 { 
		padding: 4% 10%; 
	}
	
	.section5-box-inn {width: 94%;}
	
	.generate {
		max-width: 100%;
		left: 0;
	}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 97%;}
	
	.step1-img {
		max-width: 100%;
	}
	.step2-img {
		max-width: 100%;
		left: 0;
	}
	.element22 {
		max-width: 15%;
		bottom: 69%;
		left: 85%;
	}
	.element15-img {
		max-width: 30%;
		right: 0;
		top: -28px;
	}
	
	.element37-img{
		top: -8px;
		left: -3px;
		max-width: 9%;
	}
	.element38-img{
		top: -25px;
		right: -20px;
		max-width: 30%;
	}
	.element39-img{
		bottom: 0px;
		right: -10px;
		max-width: 5%;
	}
	.element37-img2{
		top: -7px;
		right: -4px;
		max-width: 7%;
	}
	.element38-img2{
		top: -22px;
		left: -18px;
		max-width: 30%;
	}
	.element39-img2{
		bottom: -2px;
		left: -8px;
		max-width: 5%;
	}
	
	.table-box {
		width: 32%;
		padding: 5px;
	}
	.sure-box {
		width: 70%;
		padding: 25px 15px;
	}
	.section5-box-out{margin-top: 9%;}
	
	.section2-box2 {margin-top: 11%;}
	
	.section17-box2 {
		width: 76%;
		padding: 2.5% 1% 7% 2%;
    }
	.element19-img{
		max-width: 30%;
		left: --89px;
		bottom: -20px;
	}
	.title-span27 {padding: 5% 5.5% 5% 9%;}
	
	
	.arrow8-img {
		right: -37px;
		margin-top: -10px;
		max-width: 32%;
	}
	.generate-text {
		right: 0;
		bottom: 94%;
		max-width: 100%;
	}
	
	/*about-page*/
	.about-banner-box{padding: 6% 5% 6% 5%;}
	
	/*--about-section2--*/
	.about-section3-box-main{padding: 0 5%;}
	
	.about-section3-box2:nth-child(1){
		padding: 1% 6% 3% 4%;
	}
	.about-section3-box2:nth-child(2){
		padding: 1% 4% 3% 6%;
	}
	.about-section3-box2:nth-child(3){
		padding: 5% 6% 5% 4%;
	}
	.about-section3-box2:nth-child(4){
		padding: 5% 4% 5% 6%;
	}
	.about-section3-box2:nth-child(5){
		padding: 5% 6% 5% 4%;
	}
	.about-section3-box2:nth-child(6){
		padding: 5% 4% 5% 6%;
	}
	
	.about-section3-box2:nth-child(1){
		border-right: 1px solid rgb(152 67 255 / 29%);
		border-bottom: 1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(2){
		border-right: 0;
		border-bottom: 1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(3){
		border-right: 1px solid rgb(152 67 255 / 29%);
		border-bottom: 1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(4){
		border-right: 0;
		border-bottom: 1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(5){
		border-right: 1px solid rgb(152 67 255 / 29%);
		border-bottom: 0;
	}
	.about-section3-box2:nth-child(6){
		border-right: 0;
		border-bottom: 0;
	}
	
	/*about-section3*/
	.about-section3-box{padding: 4.5% 4% 5% 4%;}
	
	 
	
	/*contact*/
	.contact-box{width: 42%;}
}




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




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

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

@media only screen and (min-width: 992px) {
	
	 
	.mainvideo {
		position: absolute;
		width: 543px;
		height: 292px;
		top: 18px;
		left: 33px;
	}
	 

	.section11-box{padding: 6% 2% 8% 2%;}
	.section16-box{padding: 6% 2% 8% 2%;}
	 
	.videoElement {
		max-width: 88%;
		top: 30px;
		left: 27px;
    }
	.videoElement-1{
		max-width: 87%;
		right: 33px;
		top: 10px;
	}
	
	
	.videoelement2-img{
		left: 14px;
		top: 3px;
		max-width: 77%;
	}
	.videoelement2b-img{
		right: 16px;
		top: -5px;
		max-width: 80%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 0%;
	}
	.section4-video-box2 {
		padding: 0px 0% 0px 1%;
	}
	
	.section2-box2{width: 90%;}
	
	.element9 {
		bottom: 93%;
		right: 99%;
		max-width: 6%;
	}
	.arrow7-img {
		max-width: 20%;
	}
	.generate-text {
		right: -34px;
		bottom: 86%;
		max-width: 100%;
	}
	.arrow8-img {
		right: -67px;
		margin-top: -10px;
		max-width: 40%;
	}
	
	.element10 {
		right: 82%;
		top: -32px;
		max-width: 49%;
	}
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 50%;
	}
	.section11-detail2{
		width: 47%;
	}
	.dual-mode-img{width:50%;}
	.dual-mode-detail{width: 48%;}
	.dual-mode-detail h4{font-size: 23px;}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 3.7% 4% 3.7% 4%;
	}
	.points-left{padding: 0 2% 0 2%;}
	.points-right{padding: 0 2% 0 2%;}
	
	.feature-box9-inn{width: 51%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size: 20px;}
	
	.feature-left .feature-box{padding: 7.5% 2% 7.5% 2%;}
	.feature-right .feature-box{padding: 7.5% 2% 7.5% 2%;}
	
	.section6-box {padding: 7.5% 3% 8% 3%;width: 100%;}
	
	
	.brandpush-vertical-center img.brandpush-news-logo {
		width: 100%;
		max-width: 85px;
		height: auto;
		margin: 7px 10px;
	}
	.brandpush-leaf-left{
		height: 90px;
		left: 12%;
		top: 10px;
	}
	.brandpush-leaf-right {
		height: 90px;
		right: 12%;
		top: 10px;
	}
	
	.element6{max-width:11%;}
	
	.character1-img{max-width: 10.5%;left: 1%;}
	
	.perfect-box{
		width: 30%;
		padding: 0 1%;
	}
	
	.demo-video2-main{max-width: 75%;}
	
	.title-span23 { 
		padding: 4% 10%; 
	}
	
	.section5-box-inn {width: 90%;}
	
	.generate {
		max-width: 100%;
		left: 0;
	}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 95%;}
	
	.step1-img {
		max-width: 100%;
	}
	.step2-img {
		max-width: 100%;
		left: 0;
	}
	.element22 {
		max-width: 13%;
		bottom: 71%;
		left: 87%;
	}
	.element15-img {
	    max-width: 23%;
	    right: 0;
	    top: -39px;
	}
	
	.element37-img{
		top: -10px;
		left: -7px;
		max-width: 9%;
	}
	.element38-img{
		top: -32px;
		right: -20px;
		max-width: 30%;
	}
	.element39-img{
		bottom: -5px;
		right: -10px;
		max-width: 5%;
	}
	.element37-img2{
		top: -10px;
		right: -8px;
		max-width: 7%;
	}
	.element38-img2{
		top: -32px;
		left: -18px;
		max-width: 30%;
	}
	.element39-img2{
		bottom: -6px;
		left: -11px;
		max-width: 5%;
	}
	
	.table-box{
		width: 32.5%;
		padding: 10px;
	}
	.sure-box {
		width: 84%;
		padding: 25px;
	}
	.section5-box-out{margin-top: 6%;}
	
	.section2-box2 {margin-top: 7%; height: 380px !important;}
	.section2-box2 {margin-top: 7%; height: 380px !important;}
 	.businessman { top: -16px ;} 
	.section17-box2 {
    width: 82%;
    padding: 3.5% 1% 6% 2%;
    }
	.element19-img{
		max-width: 25%;
		left: -92px;
		bottom: -20px;
	}
	.title-span27 {padding: 4% 4.5% 4% 8%;}
	
	.profile-name { 
		position: relative;
		margin-top: 30px;
	}
	
	
	/*about-page*/
	.about-banner-box{padding: 6.5% 1% 6% 1%;}
	
	/*--about-section2--*/
	.about-section3-box-main{padding: 0 ;}
	
	
	.about-section3-box2:nth-child(1){
		padding: 1% 3% 3% 2%;
	}
	.about-section3-box2:nth-child(2){
		padding: 1% 3% 3% 3%;
	}
	.about-section3-box2:nth-child(3){
		padding: 1% 2% 3% 3%;
	}
	.about-section3-box2:nth-child(4){
		padding: 3% 3% 1% 2%;
	}
	.about-section3-box2:nth-child(5){
		padding: 3% 3% 1% 3%;
	}
	.about-section3-box2:nth-child(6){
		padding: 3% 2% 1% 3%;
	}
	
	.about-section3-box2:nth-child(1){
		border-right: 1px solid rgb(152 67 255 / 29%);
		border-bottom: 1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(2){
		border-right:1px solid rgb(152 67 255 / 29%);
		border-bottom: 1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(3){
		border-right: 0;
		border-bottom: 1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(4){
		border-right: 1px solid rgb(152 67 255 / 29%);
		border-bottom: 0;
	}
	.about-section3-box2:nth-child(5){
		border-right: 1px solid rgb(152 67 255 / 29%);
	}
	.about-section3-box2:nth-child(6){

	}
	
	/*about-section3*/
	.about-section3-box{padding: 4.5% 6% 5% 6%;}
	 
	/*contact*/
	.contact-box{width: 40%;}
	
}


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

	
	
}

@media only screen and (min-width: 1100px) {
	.mycontainer{width: 1050px;}
	.mycontainer2{}	
	.mycontainer3{width: 1020px;}	
	 
	.section11-box{padding: 6% 2% 8% 2%;}
	.section16-box{padding: 6% 2% 8% 2%;}
	
	.videoElement {
		max-width: 88%;
		top: 30px;
		left: 28px;
    }
	.videoElement-1{
		max-width: 87%;
		right: 31px;
		top: 10px;
	}
	
	
	.videoelement2-img{
		left: 15px;
		top: 1px;
		max-width: 78%;
	}
	.videoelement2b-img{
		right: 13px;
		top: -4px;
		max-width: 78%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 0%;
	}
	.section4-video-box2 {
		padding: 0px 0% 0px 1%;
	}
	
	.section2-box2{width: 96%;}
	
	.element9 {
		bottom: 93%;
		right: 99%;
		max-width: 6%;
	}
	.arrow7-img {
		max-width: 28%;
	}
	.generate-text {
		right: 5px;
		bottom: 92%;
		max-width:100%;
	}
	.arrow8-img {
		right: -100px;
		margin-top: -14px;
		max-width: 41%;
	}
	
	.element10 {
		right: 90%;
		top: -28px;
		max-width: 52%;
	}
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 50%;
	}
	.section11-detail2{
		width: 47%;
	}
	.dual-mode-img{width: 50%;}
	.dual-mode-detail{width: 44%;}
	.dual-mode-detail h4{font-size: 25px;}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 3.7% 4% 3.7% 4%;
	}
	.points-left{padding: 0 2% 0 2%;}
	.points-right{padding: 0 2% 0 2%;}
	
	.feature-box9-inn{width: 53%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size: 22px;}
	
	.feature-left .feature-box{padding: 7.5% 4% 7.5% 2%;}
	.feature-right .feature-box{padding: 7.5% 2% 7.5% 4%;}
	
	.section6-box {padding: 7.5% 4% 8% 4%;width: 100%;}
	
	
	.brandpush-vertical-center img.brandpush-news-logo {
		width: 100%;
		max-width: 90px;
		height: auto;
		margin: 7px 10px;
	}
	.brandpush-leaf-left{
		height: 110px;
		left: 9%;
		top: 0;
	}
	.brandpush-leaf-right {
		height: 110px;
		right: 9%;
		top: 0;
	}
	
	.element6{max-width:100%;}
	
	.character1-img{max-width: 10.5%;left: 3%;}
	
	.perfect-box{
		width: 30%;
		padding: 0 1%;
	}
	
	.demo-video2-main{max-width: 85.5%;margin-top:1%;}
	
	.title-span23 { 
		padding: 3% 8%; 
	}
	
	.section5-box-inn {width: 90%;}
	
	.generate {
		max-width: 100%;
		left: 0;
	}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 95%;}
	
	.step1-img {
		max-width: 100%;
	}
	.step2-img {
		max-width: 100%;
		left: 0;
	}
	.element22{
		max-width: 108%;  
		bottom: 70%;
		left: 89%; 
	}
	.element15-img {
	    max-width: 100%;  
	    right: -13px;
	    top: -39px;
	}
	
	.element37-img{
		top: -15px;
		left: -15px;
		max-width: 10%;
	}
	.element38-img{
		top: -42px;
		right: -30px;
		max-width: 35%;
	}
	.element39-img{
		bottom: -12px;
		right: -10px;
		max-width: 5%;
	}
	.element37-img2{
		top: -9px;
		right: -22px;
		max-width: 7%;
	}
	.element38-img2{
		top: -42px;
		left: -37px;
		max-width: 35%;
	}
	.element39-img2{
		bottom: -13px;
		left: -15px;
		max-width: 5%;
	}
	
	.table-box{
		width: 30.5%;
		padding: 10px;
	}
	.sure-box {
		width: 85%;
		padding: 25px;
	}
	.section5-box-out{margin-top: 5%;}
	
  	.section2-box2 {margin-top: 7%;}
	.businessman { top:-86px; }
	
	.section17-box2 {
    width: 82%;
    padding: 3.5% 1% 5% 2%;
    }
	.element19-img{
		max-width: 20%;
		left: -79px;
		bottom: -20px;
	}
	.title-span27 {padding: 4% 3.5% 4% 7%;}
	
	/*about-page*/
	.about-banner-box{padding: 5.5% 1% 6% 1%;}
	
	/*--about-section2--*/
	.about-section3-box2:nth-child(1){
		padding: 1% 4% 3% 3%;
	}
	.about-section3-box2:nth-child(2){
		padding: 1% 3% 3% 3%;
	}
	.about-section3-box2:nth-child(3){
		padding: 1% 3% 3% 4%;
	}
	.about-section3-box2:nth-child(4){
		padding: 3% 4% 1% 3%;
	}
	.about-section3-box2:nth-child(5){
		padding: 3% 3% 1% 3%;
	}
	.about-section3-box2:nth-child(6){
		padding: 3% 3% 1% 4%;
	}
	
	/*about-section3*/
	.about-section3-box{padding: 4.5% 7% 5% 7%;}
	 
	/*contact*/
	.contact-box{width: 41%;}
}

@media only screen and (min-width: 1200px) {
	.mycontainer{width: 1110px;}
	.mycontainer2{}	
	.mycontainer3{width:1180px;}	
	
	.mainvideo {
		position: absolute;
		width: 441px;
		top: 20px;
		left: 80px;
	}
 
	
	.section11-box{padding: 6% 4% 8% 4%;} 
	.section16-box{padding: 6% 4% 8% 4%;} 

	.videoElement {
		max-width: 89%;
		top: 30px;
		left: 31px;
	}
	.videoElement-1{
		max-width: 89%;
		right: 35px;
		top: 10px;
	}
	
 
	.videoelement2-img{
		left: 14px;
		top: 2px;
		max-width: 78%;
	}
	.videoelement2b-img{
		right: 15px;
		top: -6px;
		max-width: 81%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 0%;
	}
	.section4-video-box2 {
		padding: 0px 0% 0px 1%;
	}
	
	.section2-box2{width: 85%;}
	
	.element9 { 
		bottom: 93%;
		right: 99%;
		max-width:100%;
	}
	.arrow7-img {
		max-width: 29%;
	}
	.generate-text {
		right: -85px;
		bottom: 86%;
		max-width:100%;
	}
	.arrow8-img {
		right: -137px;
		margin-top: -10px;
		max-width: 100%;
	}
	
	.element10 {
		right: 90%;
		top: -28px;
		max-width: 52%;
	}
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 55%;
	}
	.section11-detail2{
		width: 48%;
	}
	.dual-mode-img{width:50%;}
	.dual-mode-detail{width: 46%;}
	.dual-mode-detail h4{font-size: 26px;}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 3.7% 2% 3.7% 2%;
	}
	.points-left{padding: 0 2% 0 4%;}
	.points-right{padding: 0 3% 0 2%;}
	
	.feature-box9-inn{width: 49%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size: 25px;}
	
	.feature-left .feature-box{padding: 7.5% 4% 7.5% 2%;}
	.feature-right .feature-box{padding: 7.5% 2% 7.5% 4%;}
	
	.section6-box {padding: 7.5% 3% 8% 3%;width: 100%;}
	
	.brandpush-vertical-center img.brandpush-news-logo {
		width: 100%;
		max-width: 100px;
		height: auto;
		margin: 7px 10px;
	}
	.brandpush-leaf-left{
		height: 110px;
		left: 12%;
		top: 0;
	}
	.brandpush-leaf-right {
		height: 110px;
		right: 12%;
		top: 0;
	}
	
	.character1-img{max-width: 10.5%;left: 1%;}
	
	.perfect-box{
		width: 30%;
		padding: 0 1%;
	}
	
	.demo-video2-main{max-width: 83.5%;}
	
	.title-span23 { 
		padding: 3% 8%; 
	}
	
	.section5-box-inn {width: 84%;}
	
	.generate {
		max-width: 100%;
		left: 0;
	}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 90%;}
	
	.step1-img {
		max-width: 100%;
	}
	.step2-img {
		max-width: 100%;
		left: 0;
	}
	.element22{
		max-width: 108%;
		bottom: 70%;
		left: 87%;
	}
	.element15-img {
	    max-width: 100%;  
	    right: -13px;
	    top: -39px;
	}
	
	.element37-img{
		top: -20px;
		left: -20px;
	    max-width: 100%;  		
	}
	.element38-img{
		top: -42px;
		right: -30px;
	    max-width: 100%;  
	}
	.element39-img{
		bottom: -12px;
		right: -15px;
	    max-width: 100%;  
	}
	.element37-img2{
		top: -19px;
		right: -32px;
	    max-width: 100%;  
	}
	.element38-img2{
		top: -42px;
		left: -37px;
	    max-width: 100%;  
	}
	.element39-img2{
		bottom: -13px;
		left: -15px;
	    max-width: 100%;  
	}
	
	.table-box{
		width: 31.5%;
		padding: 10px;
	}
	.sure-box {
		width: 83%;
		padding: 25px;
	}
	.section5-box-out{margin-top: 5%;}
	
	.section2-box2 {margin-top: 5%;}
	
	.section17-box2 {
    width: 80%;
    padding: 2.5% 1% 5% 2%;
    }
	.element19-img{
		max-width: 20%;
		left: -84px;
		bottom: -20px;
	}
	.title-span27 {padding: 4% 3.5% 4% 7%;}
	
	/*about-page*/
	.about-banner-box{padding: 5.5% 2% 6% 2%;}
	
	/*--about-section2--*/
	.about-section3-box2:nth-child(1){
		padding: 1% 4% 3% 3%;
	}
	.about-section3-box2:nth-child(2){
		padding: 1% 3% 3% 3%;
	}
	.about-section3-box2:nth-child(3){
		padding: 1% 3% 3% 4%;
	}
	.about-section3-box2:nth-child(4){
		padding: 3% 4% 1% 3%;
	}
	.about-section3-box2:nth-child(5){
		padding: 3% 3% 1% 3%;
	}
	.about-section3-box2:nth-child(6){
		padding: 3% 3% 1% 4%;
	}
	
	/*about-section3*/
	.about-section3-box{padding: 4.5% 7% 5% 7%;}
	 
	/*contact*/
	.contact-box{width: 41%;}
	
}


@media (min-width:1300px) {
	.mycontainer{width: 1180px;}
	.mycontainer2{width:1180px;}	
	.mycontainer3{width:1180px;}	
	 
	.mainvideo {
		position: absolute;
		width: 441px;
		top: 20px;
		left: 80px;
	}
	 
	.section11-box{padding: 6% 8% 8% 8%;} 
	.section16-box{padding: 6% 8% 8% 8%;} 
	
	.videoelement2-img{
		left: 12px;
		top: 1px;
		max-width: 79%;
	}
	.videoelement2b-img{
		right: 10px;
		top: -7px;
		max-width: 82%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 1%;
	}
	.section4-video-box2 {
		padding: 0px 1% 0px 1%;
	}
	
	.section2-box2{width: 82%;}
	
	.element9 { 
		bottom: 93%;
		right: 99%;
		max-width:100%;
	}
	.arrow7-img {
		max-width:100%; 
	}
	.generate-text {
		right: -100px;
		bottom: 86%;
		max-width:100%;
	}
	.arrow8-img {
		right: -107px;
		margin-top: -10px;
		max-width:100%;
	}
	
	.element10 {
		right: 94%;
		top: -46px;
		max-width: 56%;
	}
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 58%;
	}
	.section11-detail2{
		width: 50%;
	}
	.dual-mode-img{width:50%;}
	.dual-mode-detail{width: 47%;}
	.dual-mode-detail h4{font-size: 29px;}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 2.7% 1% 2.7% 1%;
	}
	.points-left{padding: 0 0 0 2%;}
	.points-right{padding: 0 0% 0 0;}
	
	.feature-box9-inn{width: 49%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size: 27px;}
	
	.feature-left .feature-box{padding: 7.5% 4% 7.5% 4%;}
	.feature-right .feature-box{padding: 7.5% 4% 7.5% 4%;}
	
	.section6-box {padding: 7.5% 1% 8% 1%;width: 100%;}
	
	.character1-img{max-width: 12%;left: 1%;}
	
	.perfect-box{
		width: 29%;
		padding: 0 1%;
	}
	
	.demo-video2-main{max-width: 77.5%;}
	
	.title-span23 { 
		padding: 3% 8%; 
	}
	
	.section5-box-inn {width: 80%;}
	
	.generate {
		max-width: 108%;
		left: -4%;
	}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 100%;}
	
	.step1-img {
		max-width: 108%;  
	}
	.step2-img {
		max-width: 106%; 
		left: -3%;  
	}
	.element22{
		max-width: 108%;  
		bottom: 70%;
		left: 89%; 
	}
	.element15-img {
	    max-width: 100%;  
	    right: -13px;
	    top: -39px;
	}
	
	.element37-img{
		top: -20px;
		left: -20px;
	    max-width: 100%;  		
	}
	.element38-img{
		top: -42px;
		right: -30px;
	    max-width: 100%;  
	}
	.element39-img{
		bottom: -12px;
		right: -15px;
	    max-width: 100%;  
	}
	.element37-img2{
		top: -19px;
		right: -32px;
	    max-width: 100%;  
	}
	.element38-img2{
		top: -42px;
		left: -37px;
	    max-width: 100%;  
	}
	.element39-img2{
		bottom: -13px;
		left: -15px;
	    max-width: 100%;  
	}
	
	.table-box{
		width: 29.5%;
		padding: 10px;
	}
	.sure-box {
		width: 80%;
		padding: 25px;
	}
	.section5-box-out{margin-top: 2%;}
	
	.section2-box2 {margin-top: 5%; height: 400px !important;}
	
	.section17-box2 {
    width: 82%;
    padding: 2.5% 1% 5% 2%;
    }
	.element19-img{
		max-width: 20%;
		left: -94px;
		bottom: -20px;
	}
	.title-span27 { padding: 3% 3.5% 3% 7%; }
	
	.profile-name{
		position: absolute;
		bottom: 0;	
		margin-top: 0;
	}
	
	
	/*about-page*/
	.about-banner-box{padding: 5.5% 2% 5% 2%;}
	 
	/*contact*/
	.contact-box{width: 38%;}
}

@media (min-width:1400px) {
	.mycontainer{width:1370px;}
	.mycontainer2{width:1219px;;}
	.mycontainer3{width:1219px;;}
	  
	.mainvideo {
		position: absolute;
		width: 441px;
		top: 20px;
		left: 90px;
	}
	
	.section11-box{padding: 6% 9% 8% 9%;}
	.section16-box{padding: 6% 9% 8% 9%;}
	 
	.videoelement2-img{
		left: 12px;
		top: 1px;
		max-width: 79%;
	}
	.videoelement2b-img{
		right: 10px;
		top: -7px;
		max-width: 82%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 1%;
	}
	.section4-video-box2 {
		padding: 0px 1% 0px 1%;
	}
	
	.section2-box2{width: 80%;}
	
	.element9 { 
		bottom: 93%;
		right: 99%;
		max-width:100%;
	}
	.arrow7-img {
		max-width:100%; 
	}
	.generate-text {  
		right: -184px;
		bottom: 86%;
		max-width:100%; 
	}
	.arrow8-img { 
		right: -67px;
		margin-top: -10px;
		max-width:100%; 
	}
	
	.element10 {
		right: 98%;
		top: -55px;
		max-width: 59%;
	}
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 52%;
	}
	.section11-detail2{
		width: 45%;
	}
	.dual-mode-img{width:50%;}
	.dual-mode-detail{width:42%;}
	.dual-mode-detail h4{font-size: 27px;}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 3.7% 1% 3.7% 2%;
	}
	.points-left{padding: 0 0 0 2%;}
	.points-right{padding: 0 1% 0 0;}
	
	.feature-box9-inn{width: 49%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size: 25px;}
	
	.feature-left .feature-box{padding: 7.5% 7% 7.5% 7%;}
	.feature-right .feature-box{padding: 7.5% 7% 7.5% 7%;}
	
	.section6-box {padding: 7.5% 3% 8% 3%;width: 95%;}
	
	.character1-img{max-width: 12%;left: 4%;}
	
	.perfect-box{
		width: 28%;
		padding: 0 1%;
	}
	
	.demo-video2-main{max-width: 76.5%;}
	
	.section5-box-inn {width: 76%;}
	
	.generate {
		max-width: 110%; 
		left: -4%;
	}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 100%;}
	
	.step1-img {
		max-width: 108%;  
	}
	.step2-img {
		max-width: 106%; 
		left: -3%;  
	}
	.element22{
		max-width: 108%;  
		bottom: 70%;
		left: 89%; 
	}
	.element15-img {
	    max-width: 100%;  
	    right: -13px;
	    top: -39px;
	}
	
	.element37-img{
		top: -20px;
		left: -20px;
	    max-width: 100%;  		
	}
	.element38-img{
		top: -42px;
		right: -30px;
	    max-width: 100%;  
	}
	.element39-img{
		bottom: -12px;
		right: -15px;
	    max-width: 100%;  
	}
	.element37-img2{
		top: -19px;
		right: -32px;
	    max-width: 100%;  
	}
	.element38-img2{
		top: -42px;
		left: -37px;
	    max-width: 100%;  
	}
	.element39-img2{
		bottom: -13px;
		left: -15px;
	    max-width: 100%;  
	}
	
	.table-box{
		width: 27.5%;
		padding: 10px;
	}
	.sure-box {
		width: 74%;
		padding: 25px;
	}
	.section5-box-out{margin-top: 2%;}
	
	.section2-box2 {margin-top: 5%;}
	
	.section17-box2 {
    width: 80%;
    padding: 2.5% 1% 4% 2%;
    }
	.element19-img{
		max-width: 20%;
		left: -98px;
		bottom: -20px;
	}
	.title-span27 { padding: 3% 3.5% 3% 7%; }
	
	/*about-page*/
	.about-banner-box{padding: 4.5% 3% 5% 3%;}
	 
	/*contact*/
	.contact-box{width: 37%;}
}

@media (min-width:1500px) {
	.mycontainer{width: 1400px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width:1219px;}
	
	.section11-box{padding: 6% 10% 8% 10%;} 
	.section16-box{padding: 6% 10% 8% 10%;} 
	
	.videoelement2-img{
		left: 12px;
		top: 1px;
		max-width: 80%;
	}
	.videoelement2b-img{
		right: 10px;
		top: -7px;
		max-width: 82%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 0%;
	}
	.section4-video-box2 {
		padding: 0px 0% 0px 1%;
	}
	
	.section2-box2{width: 80%;}
	
	.element9 { 
		bottom: 93%;
		right: 99%;
		max-width:100%;
	}
	.arrow7-img {
		max-width:100%; 
	}
	.generate-text {  
		right: -184px;
		bottom: 86%;
		max-width:100%; 
	}
	.arrow8-img { 
		right: -67px;
		margin-top: -10px;
		max-width:100%; 
	}
	
	.element10 {
		right: 105%;
		top: -62px;
		max-width: 61%;
	}
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 50%;
	}
	.section11-detail2{
		width: 43%;
	}
	.dual-mode-img{width:50%;}
	.dual-mode-detail{width: 45%;}
	.dual-mode-detail h4{font-size: 31px;}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 3.7% 1% 3.7% 2%;
	}
	.points-left{padding: 0 0 0 2%;}
	.points-right{padding: 0 1% 0 0;}
	
	.feature-box9-inn{width: 44%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size: 27px;}
	
	.feature-left .feature-box{padding: 7.5% 7% 7.5% 7%;}
	.feature-right .feature-box{padding: 7.5% 7% 7.5% 7%;}
	
	.section6-box {padding: 7.5% 5% 8% 5%;width: 100%;}
	
	.character1-img{max-width: 12%;left: 3%;}
	
	.perfect-box{ 
		width: 26%;
		padding:0 1.5%; 
	}
	
	.demo-video2-main{max-width: 71.5%;}
	
	.section5-box-inn {width: 74%;}
	
	.generate {
		max-width: 110%; 
		left: -4%;
	}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 100%;}
	
	.step1-img {
		max-width: 108%;  
	}
	.step2-img {
		max-width: 106%; 
		left: -3%;  
	}
	.element22{
		max-width: 108%;  
		bottom: 70%;
		left: 89%; 
	}
	.element15-img {
	    max-width: 100%;  
	    right: -13px;
	    top: -39px;
	}
	
	.element37-img{
		top: -20px;
		left: -20px;
	    max-width: 100%;  		
	}
	.element38-img{
		top: -42px;
		right: -30px;
	    max-width: 100%;  
	}
	.element39-img{
		bottom: -12px;
		right: -15px;
	    max-width: 100%;  
	}
	.element37-img2{
		top: -19px;
		right: -32px;
	    max-width: 100%;  
	}
	.element38-img2{
		top: -42px;
		left: -37px;
	    max-width: 100%;  
	}
	.element39-img2{
		bottom: -13px;
		left: -15px;
	    max-width: 100%;  
	}
	
	.table-box{
		width: 26.5%;
		padding: 10px;
	}
	.sure-box {
		width: 70%;
		padding: 25px;
	}
	.section5-box-out{margin-top: 2%;}
	
	.section2-box2 {margin-top: 5%; height: 400px !important;}
	
	.section17-box2 {width: 77%;
    padding: 2.5% 1% 2% 2%;}
	.element19-img{
		max-width:100%;
		left: -115px;
		bottom: -20px;
	}
	.title-span27 { padding: 3% 3.5% 3% 7%; }
	
	/*about-page*/
	.about-banner-box{padding: 4.5% 3% 5% 3%;}
	 
	/*contact*/
	.contact-box{width: 35%;}
}	



@media (min-width:1600px){
	.mycontainer{width: 1450px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width:1219px;}
	
	.section11-box{padding: 6% 10% 8% 10%;} 
	.section16-box{padding: 6% 10% 8% 10%;} 
	
	.videoelement2-img{
		left: 12px;
		top:0;
		max-width: 81%;
	}
	.videoelement2b-img{
		right: 10px;
		top: -8px;
		max-width: 83%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 1%;
	}
	.section4-video-box2 {
		padding: 0px 1% 0px 1%;
	}
	
	.section2-box2{width: 80%;}
	
	.element9 { 
		bottom: 93%;
		right: 99%;
		max-width:100%;
	}
	.arrow7-img {
		max-width:100%; 
	}
	.generate-text {  
		right: -184px;
		bottom: 86%;
		max-width:100%; 
	}
	.arrow8-img { 
		right: -67px;
		margin-top: -10px;
		max-width:100%; 
	}
	
	.element10 {
		right: 105%;
		top: -70px;
		max-width: 62%;
	}
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 50%;
	}
	.section11-detail2{
		width: 43%;
	}
	.dual-mode-img{width:50%;}
	.dual-mode-detail{width: 44%;}
	.dual-mode-detail h4{font-size: 31px;}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 3.7% 1% 3.7% 2%;
	}
	.points-left{padding: 0 0 0 2%;}
	.points-right{padding: 0 1% 0 0;}
	
	.feature-box9-inn{width: 47%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size: 29px;}
	
	.feature-left .feature-box{padding: 7.5% 7% 7.5% 7%;}
	.feature-right .feature-box{padding: 7.5% 7% 7.5% 7%;}
	
	.section6-box {padding: 7.5% 5% 8% 5%;width: 100%;}
	
	.character1-img{max-width: 12%;left: 4%;}
	
	.demo-video2-main{max-width: 67.5%;}
	
	.section5-box-inn {width: 74%;}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 100%;}
	
	.step1-img {
		max-width: 108%;  
	}
	.step2-img {
		max-width: 106%; 
		left: -3%;  
	}
	.element22{
		max-width: 108%;  
		bottom: 70%;
		left: 89%; 
	}
	.element15-img {
	    max-width: 100%;  
	    right: -13px;
	    top: -39px;
	}
	
	.element37-img{
		top: -20px;
		left: -20px;
	    max-width: 100%;  		
	}
	.element38-img{
		top: -42px;
		right: -30px;
	    max-width: 100%;  
	}
	.element39-img{
		bottom: -12px;
		right: -15px;
	    max-width: 100%;  
	}
	.element37-img2{
		top: -19px;
		right: -32px;
	    max-width: 100%;  
	}
	.element38-img2{
		top: -42px;
		left: -37px;
	    max-width: 100%;  
	}
	.element39-img2{
		bottom: -13px;
		left: -15px;
	    max-width: 100%;  
	}
	
	.table-box{
		width: 24.5%;
		padding: 10px;
	}
	.sure-box {
		width: 67%;
		padding: 25px;
	}
	.section5-box-out{margin-top: 1.5%;}
	
	.section2-box2 {margin-top: 5%;}
	
	.section17-box2 {width: 74%;
    padding: 2.5% 1% 2% 2%;}
	.element19-img{
		max-width:100%;
		left: -115px;
		bottom: -20px;
	}
	.title-span27 { padding: 3% 3.5% 3% 7%; }
	
	/*about-page*/
	.about-banner-box{padding: 4.5% 6% 5% 6%;}
	 
	/*contact*/
	.contact-box{width: 33%;}
}

@media (min-width:1700px){
	.mycontainer{width: 1520px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width:1219px;}
	 
	.section11-box{padding: 6% 12% 8% 12%;}
	.section16-box{padding: 6% 12% 8% 12%;}
	
	.videoelement2-img{
		left: 12px;
		top: 1px;
		max-width: 81%;
	}
	.videoelement2b-img{
		right: 10px;
		top: -9px;
		max-width: 85%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 3%; 
	}
	.section4-video-box2 {
		padding: 0px 3% 0px 1%; 
	}
	
	.section2-box2{width: 80%; height: 400px !important;}
	
	.element9 { 
		bottom: 93%;
		right: 99%;
		max-width:100%;
	}
	.arrow7-img {
		max-width:100%; 
	}
	.generate-text {  
		right: -184px;
		bottom: 86%;
		max-width:100%; 
	}
	.arrow8-img { 
		right: -67px;
		margin-top: -10px;
		max-width:100%; 
	}
	
	.element10 { 
		right: 106%;
		top: -80px;
		max-width: 65%;
	}
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 46%;
	}
	.section11-detail2{
		width: 40%;
	}
	.dual-mode-img{width:50%;}
	.dual-mode-detail{width: 46%;}
	.dual-mode-detail h4{font-size: 33px;}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 3.7% 2% 3.7% 2%;
	}
	.points-left{padding: 0 0 0 2%;}
	.points-right{padding: 0 1% 0 0;}
	
	.feature-box9-inn{width: 45%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size: 31px;}
	
	.feature-left .feature-box{padding: 7.5% 7% 7.5% 7%;}
	.feature-right .feature-box{padding: 7.5% 7% 7.5% 7%;}
	
	.section6-box {padding: 7.5% 5% 8% 5%;width: 100%;}
	
	.character1-img{max-width: 13%;left: 4%;}
	
	.demo-video2-main{max-width: 61.5%;}
	
	.section5-box-inn {width: 66%;}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 100%;}
	
	.step1-img {
		max-width: 108%;  
	}
	.step2-img {
		max-width: 106%; 
		left: -3%;  
	}
	.element22{
		max-width: 108%;  
		bottom: 70%;
		left: 89%; 
	}
	
	/*about-page*/
	.about-banner-box{padding: 4.5% 6% 5% 6%;}
	 
	/*contact*/
	.contact-box{width: 32%;}
}	

@media (min-width:1800px){
	.mycontainer{width: 1540px;}
	.mycontainer2{width:1219px;}
	.mycontainer3{width:1219px;}
	 
	.section11-box{padding: 6% 12% 8% 12%;}
	.section16-box{padding: 6% 12% 8% 12%;}
	
	.videoelement2-img{ 
		left: 12px;
		top:0;
		max-width: 81%;
	}
	.videoelement2b-img{ 
		right: 10px;
		top: -10px;
		max-width: 85%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 3%; 
	}
	.section4-video-box2 {
		padding: 0px 3% 0px 1%; 
	}
	
	.section2-box2{width: 80%;}
	
	.element9 { 
		bottom: 93%;
		right: 99%;
		max-width:100%;
	}
	.arrow7-img {
		max-width:100%; 
	}
	.generate-text {  
		right: -184px;
		bottom: 86%;
		max-width:100%; 
	}
	.arrow8-img { 
		right: -67px;
		margin-top: -10px;
		max-width:100%; 
	}
	
	.element10 {
		right: 106%;
		top: -80px;
		max-width: 65%;
	}
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 44%;
	}
	.section11-detail2{
		width: 39%;
	}
	.dual-mode-img{width:50%;}
	.dual-mode-detail{width: 43%;}
	.dual-mode-detail h4{font-size: 34px;}
	
	.sure-box .customer-profile{
		padding-left:0;
	}
	
	.points-box-out {
		padding: 0 10px;
	}
	.points-box {
		padding: 3.7% 2% 3.7% 2%;
	}
	.points-left{padding: 0 0 0 2%;}
	.points-right{padding: 0 1% 0 0;}
	
	.feature-box9-inn{width: 43%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size: 31px;}
	
	.feature-left .feature-box{padding: 7.5% 7% 7.5% 7%;}
	.feature-right .feature-box{padding: 7.5% 7% 7.5% 7%;}
	
	.section6-box {padding: 7.5% 5% 8% 5%;width: 100%;}
	
	.character1-img{max-width: 13%;}
	
	.demo-video2-main{max-width: 58.5%;}
	
	.section5-box-inn {width: 64%;}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 100%;}
	
	.step1-img {
		max-width: 108%;  
	}
	.step2-img {
		max-width: 106%; 
		left: -3%;  
	}
	.element22{
		max-width: 108%;  
		bottom: 70%;
		left: 89%; 
	}
	.element15-img {
	    max-width: 100%;  
	    right: -13px;
	    top: -39px;
	}
	
	.element37-img{
		top: -20px;
		left: -20px;
	    max-width: 100%;  		
	}
	.element38-img{
		top: -42px;
		right: -30px;
	    max-width: 100%;  
	}
	.element39-img{
		bottom: -12px;
		right: -15px;
	    max-width: 100%;  
	}
	.element37-img2{
		top: -19px;
		right: -32px;
	    max-width: 100%;  
	}
	.element38-img2{
		top: -42px;
		left: -37px;
	    max-width: 100%;  
	}
	.element39-img2{
		bottom: -13px;
		left: -15px;
	    max-width: 100%;  
	}
	
	.table-box{
		width: 24.5%;
		padding: 10px;
	}
	.sure-box {
		width: 62%;
		padding: 25px;
	}
	.section5-box-out{margin-top: 1%;}
	
	.section2-box2 {margin-top: 5%;}
	
	.section17-box2 {width: 65%;
    padding: 2.5% 1% 2% 2%;}
	.element19-img{
		max-width:100%;
		left: -115px;
		bottom: -20px;
	}
	.title-span27 { padding: 3% 3.5% 3% 7%; }
	
	/*about-page*/
	.about-banner-box{padding: 4.5% 6% 5% 6%;}
	.about-section3-box{padding: 4.5% 12% 5% 12%;}
	 
	/*contact*/
	.contact-box{width: 32%;}
}
@media (min-width:1900px){
	.mycontainer{width:1660px;}
	.mycontainer2{width:1290px;}
	.mycontainer3{width:1355px;}
	.mainvideo {
		position: absolute;
		width: 441px;
		top: 20px;
		left: 104px;
	}
	
	.section11-box{padding: 6% 12% 8% 12%;}
	.section16-box{padding: 6% 12% 8% 12%;}
	
	.videoElement {
		max-width:100%;
		top: 30px;
		left: 31px;
	}
	.videoElement-1{
		max-width:100%;
		right: 35px;
		top: 10px;
	}
	
	.videoelement2-img{ 
		left: 12px;
		top:0;
		max-width: 81%;
	}
	.videoelement2b-img{ 
		right: 10px;
		top: -10px;
		max-width: 85%;
	}
	
	.section4-video-box1 {
		padding: 0px 1% 0px 3%; 
	}
	.section4-video-box2 {
		padding: 0px 3% 0px 1%; 
	}
	  
	.section2-box2{width: 77%;}
	
	.element9 { 
		bottom: 93%;
		right: 99%;
		max-width:100%;
	}
	.arrow7-img {
		max-width:100%; 
	}
	.generate-text {  
		right: -184px;
		bottom: 86%;
		max-width:100%; 
	}
	.arrow8-img { 
		right: -67px;
		margin-top: -10px;
		max-width:100%; 
	}
	
	.element10 { 
		right: 107%;
		top: -90px;
		max-width:100%;
	}
	
	
	.section11-img1{
		width: 41%;
	}
	.section11-img2{
		width: 44%;
	}
	.section11-detail1{
		width: 40%;
	}
	.section11-detail2{
		width: 37%;
	}
	.dual-mode-img{width:50%;}
	.dual-mode-detail{width:42%;}
	
	.dual-mode-detail h4{font-size:36px;}
	
	
	.points-box-out {
		padding: 0 20px; 
	}
	.points-box {
		padding: 3.7% 3% 3.7% 3%;
	}
	.points-left{padding: 0 0 0 2%;}
	.points-right{padding: 0 2% 0 0;}
	
	.feature-box9-inn{width: 42%;}
	
	.feature-box h3, .feature-box9-inn h3{font-size:32px;}
	
	.feature-left .feature-box{padding: 7.5% 7% 7.5% 7%;}
	.feature-right .feature-box{padding: 7.5% 7% 7.5% 7%;}
	
	.section6-box {padding: 7.5% 6% 8% 6%;width: 95.1%;}
	
	.character1-img{max-width:100%;}
	
	.demo-video2-main{max-width:53.5%;}
	
	.section5-box-inn {width: 64%;}
	
	.section4-box, 
	.section7-box,
	.section9-box,
	.section11-box,
	.section14-box,
	.section16-box,
	.section19-box,
	.section21-box{max-width: 100%;}
	
	.step1-img {
		max-width: 108%;  
	}
	.step2-img {
		max-width: 106%; 
		left: -3%;  
	}
	.element22{
		max-width: 108%;  
		bottom: 70%;
		left: 89%; 
	}
	.element15-img {
	    max-width: 100%;  
	    right: -13px;
	    top: -39px;
	}
	
	.element37-img{
		top: -20px;
		left: -20px;
	    max-width: 100%;  		
	}
	.element38-img{
		top: -42px;
		right: -30px;
	    max-width: 100%;  
	}
	.element39-img{
		bottom: -12px;
		right: -15px;
	    max-width: 100%;  
	}
	.element37-img2{
		top: -19px;
		right: -32px;
	    max-width: 100%;  
	}
	.element38-img2{
		top: -42px;
		left: -37px;
	    max-width: 100%;  
	}
	.element39-img2{
		bottom: -13px;
		left: -15px;
	    max-width: 100%;  
	}
	
	.table-box{
		width: 24.5%;
		padding: 10px;
	}
	.sure-box {
        width: 61%;
        padding: 25px;
    }
	.sure-box-img{}
	
	.section5-box-out{margin-top: 1%;}
	
	.section2-box2 {margin-top: 5%; height: 430px !important;}
	
	.section17-box2 {width: 62%;
    padding: 2.5% 1% 2% 2%;}
	.element19-img{
		max-width:100%;
		left: -115px;
		bottom: -20px;
	}
	.title-span27 { padding: 3% 3.5% 3% 7%; }
	
	.element33-img { 
		left: 7px;
	}
	
	/*about-page*/
	.about-banner-box{padding: 4.5% 6% 5% 6%;}
	.about-section3-box{padding: 4.5% 11% 5% 11%;}
	 
	/*contact*/
	.contact-box{width: 32%;}
	
}

@media (min-width:2000px){
	 
}

	
.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%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}





.flip-clock-wrapper{
  display: flex;
  justify-content: center;
  margin-top:25px !important;
}



.slider1 {
  position: relative;
  width: 100%;
  top: 0;
  overflow: hidden;
}
.slider1 .slider-row {
   width: 3408px;
  height: 392px;
  
    background-size: 3408px 392px;
  animation: slide 120s linear infinite;
  background-repeat: repeat-x;
}

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

.slider2 {
  position: relative;
  width: 100%;
  top: 9%;
  overflow: hidden;
}
.slider2 .slider-row {
  width: 3408px;
  height: 392px;
  
  background-size: 3408px 392px;
  animation: slide2 120s linear infinite;
  background-repeat: repeat-x;
}

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

.slider-img {
    visibility: hidden;
}