html {
scroll-behavior: smooth;
}
/*Fonts*/
.caveat{font-family: 'Caveat Brush', cursive;}
.poppins{font-family: 'Poppins', sans-serif;}
/*Common*/
body {font-family: 'Outfit', sans-serif;font-size: 14px;line-height: 1.42857143;color: #10184f;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;}
.ls9{letter-spacing:9px;}
.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;}.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%;}.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{
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.mycontainer2{
width:100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.section16-box2-inn2{margin: 0% 0 5% 0 !important;}
}
@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: 730px;}
.mycontainer2{width:750px;}
.section16-box2-inn2 {
margin: 0% 1% !important;
}
}
@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: 15px;}.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;}.md68 {font-size: 68px;}.md60{font-size: 60px;}.md64{font-size: 64px;}.md75 {font-size: 75px;}.md70 {font-size: 65px;}.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: 880px;}
.mycontainer2{width:922px;}
.section16-box2-inn2 {
margin: 4% 1% !important;
}
}
@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;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg62 {font-size: 62px;}.lg60{font-size: 60px;}.lg64{font-size: 64px;}.lg68{font-size: 68px;}.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%;}
.padding4{padding:0% 4%}
}
@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}
}
.mycontainer-left{}
.responsive-video {
padding-bottom: 56.21%;
overflow: hidden;
position: relative;
z-index: 3;
box-shadow:0px 19px 40px 0px rgba(0, 0, 0, 0.24);
}
.section14-box1-inn .responsive-video {
box-shadow: none;
}
.video-box-section{}
.video-box {
position: relative;
overflow: hidden;
border-style: solid;
border-width: 7px;
border-color: rgb(38, 38, 38);
border-radius: 15px;
background-color: rgb(0, 0, 0);
box-shadow: 0px 20px 32px 0px rgb(40 72 116 / 39%);
}
.autoplayer-subarea-16-by-9 {
padding-bottom: 56.25%!important;
border-radius: 0;
}
.video-box iframe{
}
.demo{padding-bottom: 55.21%;
overflow: hidden;
position: relative;
border: 0px solid #ffffff42;}
.demo-video {
overflow: hidden;
border-style: solid;
border-width: 7px;
border-color: rgb(0 0 0);
border-radius: 15px;
margin-top: 7%;
background-color: #000;
box-shadow: 0px 12px 17px 12px rgb(121 121 121 / 22%);
}
.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;
}
.gray{color:#546878;}
.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%;}.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%;}.lh127 {line-height: 127%;}
.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;
}
.black2{color:#262626;}
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;
}
/*banner-arrow*/
#scroll-down, #scroll-down2{
display: block;
position: relative;
padding-top: 14px;
text-align: center;
margin-top: 4px;
}
.arrow-down {
display: block;
margin: 0 auto;
width: 10px;
height: 18px;
}
.arrow-down:before {
content: '';
display: block;
margin: 0;
padding: 0;
width: 12px;
height: 12px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
behavior: url(-ms-transform.htc);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
#scroll-down::after {
-webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* Safari 4+ */
-moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* Fx 5+ */
-o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* Opera 12+ */
animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* IE 10+, Fx 29+ */
position: absolute;
top: 2px;
left: 48%;
margin-left: 0px;
width: 3px;
height: 24px;
background: #fff;
content: ' ';
}
.mybutton a {
background-color: rgb(19, 167, 63);
color: #fff;
padding: 1.8% 6.1%;
display: table;
border-radius: 50px;
transition: 0.5s;
box-shadow: 0px 10px 24px 0px rgb(19 167 63 / 32%);
position: relative;
margin: auto;
}
.mybutton a:hover {
background-color: rgb(15 131 49);
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;
}
.arrow{
position: relative;
right: -20px;
top: -1px;
}
.mybuttonB a {
padding: 2% 5%;
}
.mybuttonB .buttonArrow{}
.mybutton2 a {
background-color: #134cff;
color: #fff;
padding: 4% 11%;
display: table;
border-radius: 50px;
transition: 0.5s;
margin: auto;
margin-top: 4%;
box-shadow: 0px 10px 24px 0px rgb(19 76 255 / 29%);
position: relative;
}
.mybutton2 a:hover {
background-color: #0030c5;
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;
}
.mybutton2B a {
padding: 1.4% 8.5%;
margin-top: 1%;
}
.paypal-link {
color: #898181;
}
.paypal-link:hover{color: #6f6c6c;text-decoration: none;}
.videoframe {
position: relative;
}
.mybutton .buttonArrow {
position: relative;
top: -1px;
left: 6px;
}
.mybutton2 .buttonArrow {
position: absolute;
top: 53%;
right: 7%;
transform: translate(7%, -47%);
-ms-transform: translate(-50%, -50%);
}
.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;
}
.checklist1 { }
.checklist1 li {
background: url(../images/check.png) no-repeat left 7px;
padding-left: 36px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 4px;
padding-bottom: 8px;
margin-bottom: 8px;
text-align: left;
}
.unchecklist1 { }
.unchecklist1 li {
background: url(../images/cross.png) no-repeat left 7px;
padding-left: 36px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 4px;
padding-bottom: 8px;
margin-bottom: 8px;
text-align: left;
}
.checklist4 li {
background: url(../images/checklist4.png) no-repeat 27px 17px;
list-style: none;
padding-left: 63px;
padding-top: 4.5%;
padding-bottom: 4.5%;
transition: 0.5s;
background-color: #8b3dff;
border-color: #8b3dff;
color: #fff;
border-radius: 50px;
margin: 6% auto;
text-align: left;
}
.copyright-link{text-align:center;color: #42434b;}
.faq-section a{
color: #1043e9;
}
.faq-section a:hover{
text-decoration: underline;
}
.footer a {
color: rgb(161, 161, 166);
margin: 0 1.5%;
}
.footer a:hover {
text-decoration: underline;
color: rgb(129, 129, 129);
}
.footer hr{border-top: 1px solid rgb(255 255 255 / 9%);margin-top: 3%;margin-bottom: 2%;}
/*top*/
.top-bar {
text-align: center;
color: #fff;
padding: 8px 0 8px 0;
background-color: rgb(19, 76, 255);
overflow: hidden;
position:relative;
z-index:1;
}
/*banner*/
.arrowDown {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.logos-box {
padding: 0 8px;
margin-bottom: -3%;
}
.logos-box-inn {
text-align: center;
border-radius: 26px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 17px 59px 0px rgba(20, 11, 117, 0.11);
padding: 4.18% 4%;
position: relative;
z-index: 2;
}
.external-img1{
box-shadow: 0px 12px 17px 12px rgb(121 121 121 / 22%);
border-style: solid;
border-color: rgb(255, 255, 255);
border-width: 5px;
}
.unchecklist1 { }
.unchecklist1 li {
background: url(../images/cross.png) no-repeat left 7px;
padding-left: 36px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 4px;
padding-bottom: 8px;
margin-bottom: 8px;
text-align: left;
}
/*testimonial*/
.testi-box {
padding: 0.9%;
}
/*section2*/
.section2-main-box{padding: 0;}
.section2-box{
padding: 12px;
}
.section2-box-inn {
border-radius: 15px;
background-color: rgb(255 255 255 / 5%);
height: 100%;
text-align: center;
padding: 9px 9px 8% 9px;
border: 1px solid rgb(255 255 255 / 11%);
}
.section2-box-inn h2{
color: #c5bcdb;
}
h2.complete-title1{margin-top: 8%;}
h2.complete-title2{margin-top: 8%;}
h2.complete-title3{margin-top: 17%;}
h2.complete-title4{margin-top: 13%;}
h2.complete-title5{margin-top: 8%;}
h2.complete-title6{margin-top: 8%;}
h2.complete-title7{margin-top: 2%;}
h2.complete-title8{margin-top: 12%;}
/*section3*/
.socialshopping-img {
max-width: 105%;
position: relative;
left: -2%;
}
.section3-details{padding-right: 5%;}
.section3-details2{padding-left: 5%;}
/*section4*/
.section4-box{
padding: 18px;
}
.section4-box-inn{
border-radius: 15px;
background-color: rgb(255, 255, 255);
height: 100%;
padding: 35px 32px;
}
.section4-box-inn p{
margin-top: 34px;
}
.fact-title{font-weight: 700;border-radius: 5px;background-color: rgb(110, 184, 84);color: #fff;padding: 0px 6px 2px 6px;}
/*section5*/
.title-bg2 {
background-color: rgb(255, 218, 6);
padding: 2px 20px;
display: inline-block;
border-radius: 22px 0 22px 0;
}
.title-bg1 {
border-radius: 8px;
background-color: rgb(255 255 255 / 5%);
display: inline-block;
padding: 1px 20px;
}
/*section6*/
.fraction-img2{text-align:right;}
.fraction1{ }
.fraction2{}
.fraction3{ }
.fraction4{}
.fraction5{ }
.fraction6{}
.fraction7{ }
.fraction8{}
/*section7*/
.section7 ul.nav{display: inline-flex;margin-top: 45px;text-align: center;}
.section7 li.nav-item{
margin: 8px;
}
.section7 a.nav-link {
font-size: 18px;
color: #fff;
font-weight: 700;
display: flex;
padding: 14px 38px;
background-color: rgb(255 255 255 / 14%);
border-radius: 50px;
align-items: center;
}
.section7 a.nav-link.active{
background-color: #ffffff;
color: #000;
}
.section7 a.nav-link svg{
fill: #fff;
position: relative;
margin-right: 14px;
}
.section7 a.facebook-nav-link.active svg{fill: #1877f2;}
.section7 a.instagram-nav-link.active svg{fill: url(#rg);}
.section7 a.pinterest-nav-link.active svg{fill: #E60023;}
.section7 a.twitter-nav-link.active svg{fill: #000000;}
.section7 a.linkedin-nav-link.active svg{fill: #0283C7;}
.section7 .tab-content{
margin-top: 38px;
}
.twittersize-box{
padding: 0 15px;
width: 33%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 60%;
}
/*section8*/
/*section9*/
.section9-box{}
.powerhouse-row{margin: 6% 0 0 0;}
.powerhouse-title-box{position:relative;}
.powerhouse-title {
background-image: -moz-linear-gradient( -22deg, rgb(79,61,254) 5%, rgb(100,127,255) 94%);
background-image: -webkit-linear-gradient( -22deg, rgb(79,61,254) 5%, rgb(100,127,255) 94%);
background-image: -ms-linear-gradient( -22deg, rgb(79,61,254) 5%, rgb(100,127,255) 94%);
color: #fff;
display: inline-block;
padding: 4px 27px 4px 27px;
border-radius: 50px;
position:relative;
z-index: 1;
}
.connection1{
position: absolute;
right: 100%;
}
.connection2 {
position: absolute;
right: 100%;
}
.connection3{
position: absolute;
left: 100%;
}
.powerhouse1-img, .powerhouse2-img, .powerhouse3-img{
position:relative;
z-index: 1;
margin-top: -6px;
}
.multiple-bpx{
margin-top: -4.5%;
}
.powerhouse3-img{margin-top:2%;}
/*section10*/
.section10-title {
background-image: -moz-linear-gradient( 0deg, rgb(243,40,47) 5%, rgb(145,6,9) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(243,40,47) 5%, rgb(145,6,9) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(243,40,47) 5%, rgb(145,6,9) 100%);
background-color: #f3282f;
box-shadow: 0px 13px 46px 0px rgba(183, 19, 24, 0.26);
color: #fff;
display: inline-block;
padding: 1.3% 3.2%;
border-radius: 50px;
}
.arrowdown5{}
.arrowdown6{
margin-top: -3%;
}
.section10-box {
margin: auto;
border-radius: 36px;
background-color: #F5F6FF;
padding: 3% 15px;
margin-top: 3%;
}
.upgrade-detail{padding: 0 15px;}
.upgrade-img{padding: 0 15px;}
/*section11*/
.superbonus-img{margin-top: -6%;}
.title-bg4 {
border-radius: 50px;
background-image: -moz-linear-gradient( 0deg, rgb(80,65,254) 0%, rgb(99,125,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(243,40,47) 5%, rgb(145,6,9) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(80,65,254) 0%, rgb(99,125,255) 100%);
display: inline-block;
padding: 4px 32px;
color: #fff;
}
.step1-img{padding:0;text-align:right;}
.step2-img{padding:0;text-align:left;}
.arrow2{
position: relative;
margin-top: -6%;
margin-bottom: -4%;
}
.arrow3 {
position: relative;
margin-top: -5%;
margin-bottom: -6%;
}
.section13-box {
padding: 55px 40px 30px 0px;
border-radius: 10px;
background-image: -webkit-linear-gradient(90deg, rgb(170, 0, 0) 0%, rgb(205, 7, 3) 53%, rgb(239, 13, 5) 100%);
box-shadow: rgba(0, 0, 0, 0.23) 0px 20px 38px 0px;
outline: none;
width: 87.5%;
margin-top: 7%;
margin-bottom: -6%;
}
.clock-img {
position: relative;
max-width: 628%;
left: -232%;
margin-bottom: -184%;
margin-top: -100%;
}
.title-bg5 {
background-image: -webkit-linear-gradient( 0deg, #5041fe 5%, #637dff 100%);
color: #fff;
display: inline-block;
padding: 7px 35px;
border-radius: 50px;
text-transform: uppercase;
}
.slider3 {
position: relative;
width: 100%;
top: 0;
overflow: hidden;
}
.slider3 .slider-row {
width: 3829px;
height: 635px;
background-image: url(../images/thumbnails.png);
background-size: 3829px 635px;
animation: slide3 60s linear infinite;
background-repeat: repeat-x;
}
@keyframes slide3 {
from {
background-position-x: 0;
}
to {
background-position-x: -3829px;
}
}
.thumbnails-img{display:none !important;}
/*section12*/
.license{
position: relative;
}
/*section14*/
/*section15*/
/*library*/
/**/
.generationtool-box-main {
border-radius: 20px;
background-color: #372c5c;
max-width: 96.6%;
margin: auto;
padding: 3% 15px 0% 15px;
margin-top: 5%;
background: url(../images/aigenerationtoolbg.png) no-repeat center top;
background-size: cover;
background-color: #372d5d;
}
.generationtool-box1-main{margin-top:8%;}
.generationtool-box2-main{margin-top: 5%;}
.generationtool-box1{padding: 0 0% 0 6%;}
.generationtool-box2{padding: 0 0% 0 6%;}
.generationtool-text {
padding-right: 12%;
}
.generationtool-title {
font-weight: 700;
line-height: 110%;
color: #ffffff;
font-style: inherit;
}
.textbg {
background: url(../images/aitextbg.png) no-repeat center center;
background-size: contain;
padding: 2% 3% 3.5% 2%;
position: relative;
color: #fff;
}
.generationtool-text {
font-weight: 400;
line-height: 160%;
color: #b7aed7;
font-style: inherit;
margin-top: 4%;
}
.gradient-text{
background-image: linear-gradient(to right, #6128bf , #e0aecc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.added-text{
position: relative;
display: inline-block;
}
.added-text:before {
content: "";
position: absolute;
top: 86%;
width: 100%;
left: 0;
height: 2px;
border-radius: 2px;
background: linear-gradient(to right, #6128bf, #e0aecc);
}
.title-border{position: relative;display: inline-block;}
.title-border::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50px;
padding: 1px;
background: linear-gradient(45deg, #642bbf, #d4a2ca);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
.title-border-inn {
display: inline-block;
padding: 5px 40px;
}
.intro-subtitle {
border-radius: 6px;
background-image: -moz-linear-gradient(-180deg, rgb(165, 93, 233) 0%, rgb(65, 53, 234) 100%);
background-image: -webkit-linear-gradient(-180deg, rgb(165, 93, 233) 0%, rgb(65, 53, 234) 100%);
background-image: -ms-linear-gradient(-180deg, rgb(165, 93, 233) 0%, rgb(65, 53, 234) 100%);
display: inline-block;
color: #fff;
padding: 4px 10px;
}
.aiicon {
position: relative;
top: -2px;
margin-right: 3px;
}
/**/
.banner-box2 {
padding:0;
}
.slider4 {
position: relative;
width: 100%;
top: 0;
overflow: hidden;
}
.slider4 .slider-row {
width: 3843px;
height: 613px;
background-image: url(../images/slider4.png);
background-size: 3843px 613px;
animation: slide4 60s linear infinite;
background-repeat: repeat-x;
}
@keyframes slide4 {
from {
background-position-x: 0;
}
to {
background-position-x: -3843px;
}
}
[data-toggle="collapse"].collapsed .if-not-collapsed,
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {display: none;}
.btn {
width: 100%;
text-align: center;
position: relative;
padding: 0;
}
.btn span {
border-radius: 50%;
background-image: -moz-linear-gradient( 90deg, rgb(79,61,254) 0%, rgb(97,115,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(79,61,254) 0%, rgb(97,115,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(79,61,254) 0%, rgb(97,115,255) 100%);
box-shadow: 0px 9px 16px 0px rgb(54 44 213 / 19%);
color: #fff;
width: 40px;
height: 40px;
display: inline-block;
font-size: 26px;
padding: 7px 0;
position: relative;
z-index: 1;
}
.btn hr{
position: absolute;
bottom: 22%;
width: 100%;
border-top: 1px solid #c6c3fc;
margin: 0;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none;
}
.card-body {
padding: 2.5% 0;
background-color: white;
border: 0;
margin-bottom: 2%;
}
.library-section-top .card-body {
padding: 4% 0 2% 0;
background-color: transparent;
border: 0;
margin-bottom: 2%;
}
.library-section-top .generationtool-box3-main .card-body {
padding: 5% 0 0% 0;
background-color: transparent;
border: 0;
margin-bottom: 2%;
}
.library-section-top .btn p {
color: #9991b4;
font-size: 14px;
font-weight: 300;
margin-top: 15px;
}
.library-section-top .btn span {
margin-top: 6px;
margin-bottom: -20px;
width: 32px;
height: 32px;
font-size: 20px;
padding: 7px 0;
}
.library-section-top .btn .if-not-collapsed span {
padding: 5px 0;
}
/*section18*/
.section18-box-out {
margin-top: 4%;
padding: 0 3px;
}
.section18-box {
padding: 0 0 1% 2%;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 17px 73px 0px rgb(49 74 153 / 14%);
}
.today{border-radius: 15px 0 0 15px;}
.section18-box-out2 {
padding: 0 3.4%;
}
.section18-box2{
border-radius: 12px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 9px 51px 0px rgba(0, 0, 0, 0.08);
padding: 0%;
margin-top: 5%;
}
.section18-details {
padding: 0 5% 0 3%;
position: relative;
}
.moneyBack {
position: relative;
margin-top: -5%;
}
.icon6-left {
position: relative;
top: -3px;
right: 6px;
}
.icon6-right{
position: relative;
top: -3px;
left: 6px;
}
.box-img {
position: absolute;
bottom: -3%;
left: 20%;
transform: translate(-30%, 0%);
-ms-transform: translate(-30%, 0%);
}
.arrow4 {
position: absolute;
}
.profile-box{}
.coupon {
display: inline-block;
padding: 7px 25px;
position: relative;
color: #ff0000;
border-width: 2px;
border-color: rgb(255, 0, 0);
border-style: dashed;
background-color: rgb(255, 236, 236);
}
.top-code-right{margin-left: 5%;}
.top-code-title{
position: relative;
margin-right: 8px;
font-weight: 400;
text-transform: uppercase;
text-shadow: 0px 4px 3px rgba(0, 1, 0, 0.33);
}
.top-code-textmain{
background: -webkit-linear-gradient(#ffb500, #ffd776, #a47400);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'Outfit', sans-serif;
font-weight: 900;
position: relative;
top: -15px;
text-shadow: 0px 4px 3px rgb(1 1 1 / 7%);
}
.timer-img {
position: relative;
}
.top-code-text {
position: relative;
font-weight: 400;
}
.coupon2 {
display: table-cell;
padding: 0px 17px;
position: relative;
background-color: #af0000;
font-weight: 600;
line-height: 12px;
color: #ffffff;
}
.cut2{
position: absolute;
bottom: 73%;
left: -9px;
max-width: 19px;
}
.coupon3{border-radius: 3px;}
.cut3{background-color:transparent;max-width: 15px;}
.timer-code{
position: relative;
margin-bottom: -7px;
margin-top: 0;
}
/*table*/
.table-box1 {
/* overflow: hidden; */
padding: 0 3.7%;
margin-top: 6%;
/* border: 3px solid rgb(221, 230, 255); */
/* border-radius: 40px; */
/* background-color: rgb(255, 255, 255); */
/* box-shadow: 0px 0px 35px 0px rgb(24 55 169 / 18%); */
}
.table-box1-inn {
border-style: solid;
border-width: 3px;
border-color: rgb(221, 230, 255);
border-radius: 40px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 35px 0px rgba(24, 55, 169, 0.18);
padding: 17px 17px 55px 17px;
}
.table-box2 {
padding: 0;
padding-bottom: 8%;
border-radius: 40px;
background-color: #231b48;
overflow: hidden;
}
.table-box3-out {
margin-top: 5%;
text-align: center;
padding: 0 1.8%;
}
.table-box3 {
padding: 0% 0 8% 0px;
border-radius: 30px;
background-color: rgb(255 255 255);
position: relative;
overflow: hidden;
}
.table-list{
margin-top: 5%;
}
.table-list li{
margin: 3.5% 0;
}
.cover {
position: relative;
margin-top: 4%;
z-index: 2;
max-width: 100%;
margin-bottom: 0;
}
.logoDarkBG{max-width: 290px;}
.table-box-top {
background: url(../images/tablebg2.png) no-repeat center top;
background-size: cover;
padding: 6% 0 6% 0;
border-radius: 35px 35px 0 0;
background-color: #04040a;
overflow: hidden;
}
.table-title {
display: inline-block;
padding: 0% 6.2%;
border: 1px solid transparent;
border-radius: 50px;
background: linear-gradient(to right, #1b0d1b, #1b0d1b), linear-gradient(to right, #ec7974 , #bf3c62);
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
margin-bottom: 3%;
}
.price-checklist2 li {
background: url(../images/pricecheck2.png) no-repeat left 6px;
padding-left: 27px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0%;
margin-top: 3%;
text-align: left;
}
.price-checklist2-list{
margin-bottom: 22px;
}
.price-checklist2-list li {
background: url(../images/pricecheck2list.png) no-repeat 4px 11px;
padding-left: 26px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0%;
margin-top: 3%;
text-align: left;
}
.price-checklist3 li {
background: url(../images/pricecheck2.png) no-repeat left 6px;
padding-left: 27px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0%;
margin-top: 3%;
text-align: left;
}
.price-checklist3-list li {
background: url(../images/pricecheck2list.png) no-repeat 4px 11px;
padding-left: 26px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0%;
margin-top: 3%;
text-align: left;
}
.titleBg7{
background-color: #80c750;
padding: 2.6% 0 1.4% 0;
margin: auto;
margin-top: 6%;
border-radius: 8px;
width: 98%;
}
.titleBg8{
background-color: #9570e9;
padding: 1.8% 0 1% 0;
border-radius: 8px;
width: 98%;
margin: auto;
margin-top: 6%;
}
.titleBg9 {
background-color: rgb(255, 243, 138);
padding: 0.1% 1.6% 0.2% 1.6%;
border-radius: 50px;
margin: auto;
margin-top: 2%;
display: inline-block;
}
.price-list1, .price-list2, .price-list3, .price-list4{
padding: 0 5%;
}
.price-list1 {
margin-top: 0;
background-color: #fff;
position: relative;
z-index: 1;
padding: 5% 5% 0 5%;
}
.price-list2{
margin-top: 5%;
}
.price-list3{
margin-top: 6%;
}
.price-list4{
margin-top: 6%;
margin-bottom: 0%;
}
.table-box1 hr{
border-top: 1px solid rgb(220, 204, 255);
width: 82%;
margin-top: 10%;
margin-bottom: 9%;
}
.paypal-link {
color: #cccccc;
}
.paypal-link:hover{color: #ebebeb;text-decoration: none;}
.border-img{margin-top: -10px;}
.suite-bg {
background-color: #f5ee34;
text-transform: uppercase;
display: inline-block;
padding: 1px 12px;
border-radius: 50px;
color: #000;
}
/**/
.feature-section {
background: url(../images/featuredbg.png) no-repeat center top;
background-size: cover;
padding: 5% 0 1% 0;
position: relative;
overflow: hidden;
}
.feature-main-box {
padding: 0 3.5%;
margin-top: 2.5%;
}
.feature-box-out{
padding: 1.5%;
}
.feature-box{
border-radius: 22px;
padding: 6% 3% 10% 3%;
height: 100%;
background: url(../images/aigenerationtoolbg.png) no-repeat center top;
background-size: cover;
background-color: #372d5d;
}
.f-padding{
padding:3%;
}
.feature1-box{
padding: 3% 3% 2% 3%;
}
.feature2-box{
padding: 4% 3% 2% 3%;
}
.feature5-box {
padding: 4% 3% 2% 3%;
}
.feature1{
}
.feature2{}
.feature10{}
.feature-box h3{
}
.feature-box p{
margin-top: 2%;
padding: 0 8%;
}
.feature1-box h3 {
margin-top: 16%;color:#fff;
}
.feature1-box p {
padding: 0% 3%; color: #b7aed7;
}
.feature2-box h3 {
margin-top: 16%;color:#fff;
}
.feature2-box p {
padding: 0% 3%; color: #b7aed7;
}
.feature5-box h3 {
margin-top: 16%;color:#fff;
}
.feature5-box p {
padding: 0% 3%; color: #b7aed7;
}
.aiicon {
position: relative;
top: -2px;
margin-right: 3px;
}
/**/
.feature-detail-box{
text-align: center;
position: relative;
}
.feature-detail-box-inn{
padding: 1px;
background-image: -moz-linear-gradient( -48deg, rgb(189,186,242) 0%, rgb(230,118,216) 78%);
background-image: -webkit-linear-gradient( -48deg, rgb(189,186,242) 0%, rgb(230,118,216) 78%);
background-image: -ms-linear-gradient( -48deg, rgb(189,186,242) 0%, rgb(230,118,216) 78%);
border-radius: 20px 0 0 20px;
}
.feature-step-box{
text-align: center;
}
.feature-step-box-inn{
padding: 0;
border-width: 1px;
border-color: rgb(222, 136, 223);
border-style: solid;
background-color: rgb(253, 242, 255);
border-radius: 0 20px 20px 0;
padding: 10% 0 0% 0;
}
.feature-section-connected{}
.aifeatureconnection-img{
position: absolute;
top: 0;
left: 100%;
height: 100%;
}
.feature-detail-text{
background-color: #fff;
border-radius: 0 0 0 20px;
padding: 7% 9%;
}
.feature-step-title{
border-radius: 50px;
text-transform:uppercase;
color:#fff;
padding: 4px 26px;
display: inline-block;
}
.feature-step1-title{
background-image: -moz-linear-gradient( 0deg, rgb(155,150,239) 0%, rgb(230,118,216) 94%);
background-image: -webkit-linear-gradient( 0deg, rgb(155,150,239) 0%, rgb(230,118,216) 94%);
background-image: -ms-linear-gradient( 0deg, rgb(155,150,239) 0%, rgb(230,118,216) 94%);
box-shadow: 0px 6px 13px 0px rgba(161, 40, 215, 0.32);
}
.aifeature1-img{
border-radius: 20px 0 0 0;
}
.aifeaturestep1-img{
margin-top: 6%;
}
/**/
.section16-box1 {
padding: 1.2%;
}
.section14-box1-inn {
padding: 0;
border-width: 1px;
border-color: rgb(53, 107, 253);
border-style: solid;
border-radius: 8px;
background-color: rgb(53, 107, 253);
margin: 0;
overflow: hidden;
height: 100%;
}
.section14-box1-detail {
padding: 6% 6% 8% 6%;
}
.section14-box1-detail h4 {
margin-top: 5%;
}
.section14-box-out {
padding: 0 3.6%;
margin-top: 3%;
}
.section14-box1 {
border-radius: 15px;
background-color: rgb(255, 255, 255);
padding: 3% 3% 3% 1%;
border-width: 1px;
border-color: rgb(223, 227, 251);
border-style: solid;
box-shadow: 0px 8px 35px 0px rgb(53 80 165 / 9%);
}
.section14-box2 {
padding: 1.2%;
}
.section14-box2-inn {
border-radius: 10px;
background-color: rgb(255, 255, 255);
padding: 5% 5%;
height: 100%;
border-width: 1px;
border-color: rgb(223, 227, 251);
border-style: solid;
box-shadow: 0px 8px 35px 0px rgb(53 80 165 / 9%);
}
.profile-icon {
}
.section14-box2-out {
padding: 0 2.6%;
margin-top: 1.5%;
}
/*faq*/
.footer-section-left{padding: 0 1% 0 5%;}
.footer-section-right{padding: 0 5% 0 1%;}
.accordion .fa {
float: right;
color: #9ca3af;
font-size: 22px;
position: absolute;
top: 3px;
right: 3%;
}
.faq-section .card {
border: 0px;
margin: 2% 0;
padding: 3% 0;
border-width: 0;
overflow: hidden;
border-width: 1px;
border-color: rgb(223, 227, 251);
border-style: solid;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 35px 0px rgb(53 80 165 / 9%);
}
.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: #262626;
padding: 0% 4%;
border: 0 !important;
box-shadow: none;
white-space: break-spaces;
background-color: transparent;
}
.faq-section .card-body {
padding: 3% 8% 1% 4.5%;
color: #5F6176;
margin-bottom: 0;
}
.btn:focus, .btn:hover {
text-decoration: none !important;
}
/**/
.bonus-title1 {
background-image: -moz-linear-gradient(0deg, rgb(243, 40, 47) 5%, rgb(145, 6, 9) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(243, 40, 47) 5%, rgb(145, 6, 9) 100%);
background-image: -ms-linear-gradient(0deg, rgb(243, 40, 47) 5%, rgb(145, 6, 9) 100%);
display: inline-block;
border-radius: 50px;
color: #fff;
padding: 1.4% 3.62%;
margin-top: -39px;
margin-bottom: 1%;
}
.bonus-title2 {
background-image: -moz-linear-gradient(0deg, rgb(243, 40, 47) 5%, rgb(145, 6, 9) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(243, 40, 47) 5%, rgb(145, 6, 9) 100%);
background-image: -ms-linear-gradient(0deg, rgb(243, 40, 47) 5%, rgb(145, 6, 9) 100%);
display: inline-block;
border-radius: 50px;
color: #fff;
padding: 1.4% 3.62%;
}
.bonus-title {
border: 1px solid;
border-radius: 50px;
padding: 4px 22px;
display: inline-block;
}
.bonus-row2 {
border-radius: 36px;
background-color: rgb(240 242 245 / 3%);
}
.bonus1{position: relative;left: -2%;}
.bonus2{background: url(../images/bonusbg3.png) no-repeat center top;background-size: cover;padding: 7% 0 3.5% 0;position:relative;margin-top: -3%; }
.bonus3{position: relative;}
.bonus4{}
.bonus5{position: relative;left: -2%;}
.bonus6{}
.bonus7{position: relative;left: -4%;}
.bonus8{position: relative;}
.bonus-row1 .bonus2-img-box{}
.bonus-row2 .bonus2-img-box{text-align:right;}
.bonus-row-1{margin-top:-1.5%;margin-bottom: 1%;padding: 5.5% 6% 5% 6%;}
.bonus-row-2{margin-top:0;padding: 5.5% 6% 5.5% 6%;}
.bonus-row-3{margin-bottom: 2%;padding: 4% 6% 4% 6%;}
.bonus-row-4{padding: 5.5% 6% 5.5% 6%;}
.bonus-row-5{margin-top: -1.5%;margin-bottom: .5%;padding: 3.5% 6% 3% 6%;}
.bonus-row-6{margin-top:0;padding: 5% 6% 5% 6%;}
.bonus-row-7{margin-bottom: 0%;padding: 2.5% 6% 3.5% 6%;}
.bonus-row-8{margin-top:0;padding: 5.5% 6% 5% 6%;}
.bonus-arrow1, .bonus-arrow2{max-width: 87px;}
.bonus-arrow1{
margin-bottom: -2.5%;
margin-top: -4%;
}
.bonus-arrow2{
margin-bottom: 0;
margin-top: -4.5%;
}
.pc-img{}
.mob-img{display:none;}
.new-profile-box {
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 14px 27.84px 1.16px rgba(13, 8, 39, 0.08);
height: 100%;
padding: 5% 15px;
}
.text-left {
text-align: left !important;
}
.per-img {
border: 4px solid #fff;
border-radius: 100px;
box-shadow: 0px 10px 11px 1px rgb(11 10 62 / 19%);
}
.star3-img {
margin-top: 1.5%;
}
.section18-box-out {
margin-top: 4%;
padding: 0 2%;
}
.section18-box {
padding: 0 0 1% 2%;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 17px 73px 0px rgb(49 74 153 / 14%);
}
.profile-box-out{}
.profile-box-out .profile-box {
padding: 5% 4%;
border-width: 1px;
border-color: #d6d6d6;
border-style: solid;
border-radius: 8px;
}
.star-img {
max-width: 80px;
position: relative;
top: -1px;
left: 4px;
}
.payment1{max-width: 320px;}
.order1 {
display: inline-block;
padding: 6px 30px;
border-radius: 100px;
border: 1px solid #10184f38;
}
.banner{background: url(../images/banner.png) no-repeat center top;background-size: cover;padding: 0% 0 6% 0;position:relative;background-color: #fff;}
.testimonial-section {background: url(../images/testimonialbg.png) no-repeat center top;background-size: cover;background-color: #f8f9ff;padding: 5.5% 0 6.5% 0;position: relative;z-index: 1;}
.section3{padding: 6.5% 0 4.5% 0;position:relative;background-color: #fff;}
.section4{background: url(../images/featuredbg.png) no-repeat center top;background-size: cover;padding: 5.5% 0 4.5% 0;position:relative;background-color: #f6faff;}
.section10 {padding: 4.8% 0 4.5% 0;position: relative;}
.section14{background-color: #fff;padding: 5.5% 0 6.5% 0;position:relative;}
.section18{background: url(../images/section18.png) no-repeat center top;background-size: cover;background-color: #fff;padding: 4.5% 0 7% 0;}
.library-section-top {background: url(../images/librarysectionbg2.png) no-repeat center top;background-size: cover;margin-top: -3%;position: relative;z-index: 1;padding: 5% 0 6% 0;}
.library-section{background: url(../images/librarysectionbg.png) no-repeat center top;background-size: cover;padding: 6% 0 5% 0;position:relative;background-color: #1f1046;}
.bonus-section {background: url(../images/bonusbg2.png) no-repeat center top;background-size: cover;padding: 0% 0 4.5% 0;position: relative;}
.faq-section{background-color: #f8f9ff;background-size: cover;padding: 4.6% 0 4.5% 0;}
.footer{background-color:#000;padding: 4% 0 3% 0;color:rgb(161, 161, 166);}
@media only screen and (max-width: 993px){
.section2-box {
padding: 10px;
}
.section2-box-inn{
padding: 25px 15px;
}
.fraction-detail1{
padding: 0 15px;
}
.fraction-detail2{
padding: 0 15px;
}
.section3-details, .section3-details2 {
padding-right: 15px;
}
.section13-box{
padding: 0px 15px 40px 15px;
width: 100%;
}
.clock-img {
max-width: fit-content;
max-width: 60%;
left: 0%;
margin-bottom: 2%;
margin-top: -15%;
}
.arrow2{
max-width: 50%;
margin-top: -6%;
margin-bottom: -4%;
}
.arrow3{
max-width: 50%;
margin-top: -5%;
margin-bottom: -4%;
}
.textbg {
padding: 3% 3% 5% 1%;
}
}
@media only screen and (max-width: 767px){
.banner{padding: 5% 0 10% 0;}
.testimonial-section {padding: 10% 0 10% 0;}
.section3{padding: 15% 0 11% 0;text-align: center;}
.section4{padding: 10% 0 11% 0;}
.section10{padding: 10% 0 12% 0;text-align: center;}
.section14{padding: 10% 0 12% 0;}
.section18{padding: 10% 0 15% 0;}
.faq-section{padding: 10% 0 10% 0;}
.footer{padding: 5% 0 5% 0;}
.footer-section-left, .footer-section-right{padding: 0 15px;}
.bonus-title1 {
padding: 10px 20px;
margin-top: -18px;
}
.bonus-title2 {
padding: 10px 20px;
}
.library-section {padding: 7% 0 10% 0;margin-top: 0;background-color: #1f1046;background-image: none;}
.library-section-top {margin-top: 0;background-color: #1f1046;background-image: none;padding: 10% 0 15% 0;}
.section2-box {
padding: 11px 15px;
}
.section2-box-inn h2{
margin-top: 20px;
}
.section3-details, .section3-details2 {
padding: 0 15px;
}
.socialshopping-img {
max-width: 100%;
left: 0;
margin-bottom: 8%;
}
.section4-box-inn{text-align:center;}
.title-bg1 {
padding: 7px 8px;
}
.fraction-img1, .fraction-img2{text-align:center;}
.fraction1, .fraction2, .fraction3, .fraction4,
.fraction5, .fraction6, .fraction7, .fraction8{max-width:100%;position: relative;right:0;left:0;margin-top: 4%;}
.fraction-detail1, .fraction-detail2{
padding: 0 15px;text-align:center;
}
.section7 li.nav-item {
margin: 5px;
}
.arrowdown5{
max-width: 15%;
}
.arrowdown6{
max-width: 15%;
}
.upgrades2-section{padding:0 15px;}
.upgrade-detail{
margin-bottom: 6%;
}
.connection1, .connection2, .connection3, .connection4, .arrow2, .arrow3{display:none !important;}
.multiple-bpx{
margin-top: 0;
}
.powerhouse3-img{margin-top:4%;}
.step1-img, .step2-img{padding: 0 15px;text-align: center;}
.steps-section-detail1,
.steps-section-detail2,
.steps-section-detail3{
text-align: center;
margin-bottom: 20px;
margin-top: 35px;
}
.superbonus-img{
position: relative;
margin-top: -6%;
max-width: 120%;
left: -10%;
margin-bottom: -7%;
}
.section13-box {
padding: 0 0 25px 0;
width: 93%;
margin-bottom: 0;
}
.table-box1{padding:0;}
.border-img{max-width: 50%;}
.license{
margin-top: 6%;
}
.guarantee{
margin-top: 8%;
}
.textbg {
padding: 1% 1%;
background-image: none;
border: 2px solid #000;
margin-bottom: 3%;
}
.feature-box-out {
padding: 9px 0px;
}
.feature-box {
padding: 10% 3% 10% 3%;
}
.feature-section {
padding: 10% 0 2% 0;
}
.feature1-box h3 {
margin-top: 3%;
}
.feature2-box h3 {
margin-top: 3%;
}
.feature5-box h3 {
margin-top: 3%;
}
.mybutton a {
padding: 10px 31px;
}
.banner .mybutton a {
padding: 15px 15px;
width: 100%;
margin-top: 6%;
}
.arrow {
position: relative;
right: auto;
top: -1px;
width: 15px;
}
.payment1 {
max-width: 210px;
}
.advertising-img{margin-bottom: 8%;margin-top: 4%;}
.logoDarkBG {
max-width: 210px;
}
/**/
.feature-detail-box-inn {
border-radius: 20px 20px 0 0px;
}
.aifeature1-img {
border-radius: 20px 20px 0 0;
}
.feature-detail-text {
border-radius: 0;
}
.feature-step-box-inn {
border-radius: 0 0 20px 20px;
}
.aifeatureconnection-img{display:none;}
.textbg {
padding: 1% 1%;
background-image: none;
border: 2px solid #fff;
}
.generationtool-box-main {
padding: 7% 3% 1% 3%;
text-align: center;
margin: 6% 0;
}
.generationtool-box2-main {
margin-top: 10%;
}
.generationtool-text, .generationtool-box1, .generationtool-box2{padding:0;}
.title-border-inn {
padding: 5px 10px;
}
.logos-box-inn {
border-radius: 10px;
}
.slider4 .slider-row {
width: 2082px;
height: 332px;
background-image: url(../images/slider4mob.png);
background-size: 2082px 332px;
animation: slide3 60s linear infinite;
background-repeat: repeat-x; margin-top: 4%;
}
@keyframes slide3 {
from {
background-position-x: 0;
}
to {
background-position-x: -2082px;
}
}
.table-box1-inn {
border-radius: 40px 40px 20px 20px;
padding: 8px 8px 30px 8px;
}
.logos-box {
margin-bottom: 0;
}
.bonus-section {
padding: 0 0 12% 0;
text-align: center;
background-color: #1e1046;
}
.bonus-row1, .bonus-row2 {
max-width: 95%;
padding: 7% 0 7% 0;
}
.bonus-arrow1{
margin-bottom: -6.5%;
margin-top: -9%;
}
.bonus-arrow2{
margin-bottom: -4%;
margin-top: -4.5%;
}
.bonus1{position: relative;left: 0;margin-top: 3%;}
.bonus2{
margin-top: 0;
padding: 10% 0 1% 0;
}
.library-section {padding: 10% 0 12% 0;margin-top: 0;background-color: #1f1046;background-image: none;}
.commercial{
padding: 10% 0 1% 0;margin-top:0;
}
.bonus3{position: relative;margin-top: 6%;}
.bonus4{
margin-top: 6%;
}
.bonus5{position: relative;left: 0;margin-top: 2%;}
.bonus6{
margin-top: 3%;
}
.bonus7{position: relative;left: 0;margin-top: 4%;}
.bonus8{position: relative;margin-top: 6%;}
.bonus-arrow1, .bonus-arrow2 {max-width: 70px;}
.bonus-row1, .bonus-row2 {
max-width: 95%;
padding: 7% 0 7% 0;
}
.section14-box1 {
text-align: center;
}
.section10-box {
padding: 7% 15px;
margin-top: 6%;
}
.order1 {
padding: 6px 15px;
}
.video-box-section {
margin-top: 4%;
}
.external-img1 {
margin-bottom: 8%;
}
}
@media (min-width: 240px){
.banner-title1{font-size: 26px;}
.section2-box-inn h2 {font-size: 20px;}
.section4-box {padding: 12px 15px;}
.section4-box-inn{ padding: 35px 32px;}
.twittersize-box{
padding: 0 0px 0 15px;
width: 34%;
}
.linkedinsize-box{
padding: 0 7px 0 15px;
width: 62%;
}
.section7 a.nav-link {
padding: 12px 20px;
}
.section10-box{width: 95%;}
.upgrade-detail{width: 100%;}
.upgrade-img{width: 100%;}
.section9-box{padding: 6% 0 2% 0;}
.connection1{
max-width: 20%;
bottom: -88%;
}
.connection2 {
max-width:100%;
top: 31%;
}
.connection3{
max-width: 11%;
bottom: -86%;
}
.connection4 {
max-width: 80%;
}
.license{left: -4%;}
/**/
.feature-detail-box{
width: 90%;
}
.feature-step-box{
width: 80%;
}
.feature-detail-box{
margin-right: 0;
}
.aifeatureconnection-img{
width: 0;
}
}
@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;
}
.video {
width: 485px;
height: 273px;
top: 23px;
left: 28px;
margin-bottom: 8%;
}
}
@media only screen and (min-width: 768px) {
.ex{
background-color:white;
}
.lappy {
position: relative;
right: 0;
bottom: -50px;
}
.videosection {
position: relative;
right: 0;
bottom: 0px;
}
.mainvideo {
position: absolute;
width: 504px;
height: 271px;
top: 18px;
left: 31px;
padding-bottom: 0;
}
.video {
width: 315px;
height: 117px;
top: 15px;
left: 7px;
margin-bottom: 12%;
}
.banner-title1{font-size: 34px;}
.section2-box-inn h2 {font-size: 16px;}
.section4-box {padding: 10px;}
.section4-box-inn{padding: 22px 22px;}
.twittersize-box{
padding: 0 15px;
width: 37%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 62%;
}
.section7 li.nav-item{margin: 8px 4px;}
.section7 a.nav-link {padding: 11px 20px;}
.section10-box{width: 100%;}
.upgrade-detail{width: 47%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 6% 0% 1% 0%;}
.connection1{
max-width: 16%;
bottom: -75%;
}
.connection2 {
max-width: 80%;
top: 31%;
}
.connection3{
max-width: 8%;
bottom: -57%;
}
.connection4{max-width: 50%;}
.clock-img {
}
.license{left: -8%;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 30px;
}
.aifeatureconnection-img{
width: 30px;
}
.new-profile-box1-out {
padding: 0 1%;
}
.bonus-details {padding: 0 3%;}
}
@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;
}
.video {
width: 429px;
height: 162px;
top: 21px;
left: 11px;
margin-bottom: 10%;
}
.banner-title1{font-size: 38px;}
.section2-box-inn h2 {font-size: 13px;}
.section4-box {padding: 10px;}
.section4-box-inn{padding: 30px 25px;}
.twittersize-box{
padding: 0 15px;
width: 37%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 62%;
}
.section7 li.nav-item{margin: 8px 5px;}
.section7 a.nav-link {padding: 14px 35px;}
.section10-box{width: 100%;}
.upgrade-detail{width: 45%;}
.upgrade-img{width: 50%;}
.section9-box{padding: 6% 0% 1% 0%;}
.connection1{
max-width: 16%;
bottom: -75%;
}
.connection2 {
max-width:100%;
top: 31%;
}
.connection3{
max-width: 9%;
bottom: -66%;
}
.connection4{max-width: 50%;}
.clock-img {
max-width: 685%;
left: -300%;
margin-bottom: -170%;
margin-top: -150%;
}
.license{left: -8%;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
}
@media only screen and (min-width: 1000px) {
}
@media only screen and (min-width: 1100px) {
.mycontainer{width: 1050px;}
.mycontainer2{width: 1030px;}
.banner-title1{font-size: 42px;}
.section2-box-inn h2 {font-size: 16px;}
.section4-box {padding: 18px;}
.section4-box-inn{ padding: 35px 32px;}
.twittersize-box{
padding: 0 15px;
width: 35%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 62%;
}
.section7 li.nav-item{margin: 8px 8px;}
.section7 a.nav-link {padding: 14px 35px;}
.section10-box{width: 96%;}
.upgrade-detail{width: 41%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 6% 0% 1% 0%;}
.connection1{
max-width: 17%;
bottom: -81%;
}
.connection2 {
max-width: 90%;
top: 31%;
}
.connection3{
max-width: 8%;
bottom: -58%;
}
.connection4{max-width: 100%;}
.clock-img {
max-width: 685%;
left: -300%;
margin-bottom: -170%;
margin-top: -150%;
}
.license{left: -6%;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
}
@media only screen and (min-width: 1200px) {
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 80px;
}
.video {
width: 403px;
height: 196px;
top: 1px;
left: 0px;
margin-bottom: 0px;
}
.banner-title1{font-size: 42px;}
.section2-box-inn h2 {font-size: 16px;}
.section4-box {padding: 18px;}
.section4-box-inn{ padding: 35px 32px;}
.twittersize-box{
padding: 0 15px;
width: 36%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 62%;
}
.section7 li.nav-item{margin: 8px 8px;}
.section7 a.nav-link {padding: 14px 35px;}
.section10-box{width: 95%;}
.upgrade-detail{width: 46%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 6% 0% 1% 0%;}
.connection1{
max-width: 15%;
bottom: -68%;
}
.connection2 {
max-width: 79%;
top: 31%;
}
.connection3{
max-width: 7%;
bottom: -46%;
}
.connection4{max-width: 100%;}
.clock-img {
max-width: 600%;
left: -185%;
margin-bottom: -184%;
margin-top: -100%;
}
.license{left: -8%;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
}
@media (min-width:1300px) {
.mycontainer{width: 1120px;}
.mycontainer2{width:1180px;}
.banner-title1{font-size: 48px;}
.section2-box-inn h2 {font-size: 18px;}
.section4-box {padding: 18px;}
.section4-box-inn{ padding: 35px 32px;}
.twittersize-box{
padding: 0 15px;
width: 37%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 62%;
}
.section10-box{width: 96%;}
.upgrade-detail{width: 45%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 6% 1% 1% 1%;}
.connection1{
max-width: 16%;
bottom: -73%;
}
.connection2 {
max-width:100%;
top: 31%;
}
.connection3{
max-width: 8%;
bottom: -65%;
}
.clock-img {
max-width: 628%;
left: -232%;
margin-bottom: -184%;
margin-top: -100%;
}
.license{left: -8%;}
.fraction-detail1{
padding: 0 30px 0 0;
}
.fraction-detail2{
padding: 0 0 0 30px;
}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
.bonus-row1 .bonus2-detail{padding-left: 3%;}
.bonus-row2 .bonus2-detail{padding-right: 3%;}
.new-profile-box1-out{padding: 0 1.7% 0 5.7%;}
.new-profile-box2-out{padding: 0 5.7% 0 1.7%;}
}
@media (min-width:1400px) {
.mycontainer{width: 1160px;}
.mycontainer2{width:1219px;}
.banner-title1{font-size: 50px;}
.section2-box-inn h2 {font-size: 18px;}
.section4-box {padding: 18px;}
.section4-box-inn{ padding: 35px 32px;}
.twittersize-box{
padding: 0 15px;
width: 37%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 61%;
}
.section10-box{width: 92%;}
.upgrade-detail{width: 44%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 6% 2% 1% 2%;}
.connection1{
max-width:100%;
bottom: -88%;
}
.connection2 {
max-width:100%;
top: 31%;
}
.connection3{
max-width: 9%;
bottom: -74%;
}
.clock-img {
}
.license{left: -8%;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
}
@media (min-width:1500px) {
.mycontainer{width: 1310px;}
.mycontainer2{width:1219px;}
.section2-main-box{padding: 0 4%;}
.banner-title1{font-size: 50px;}
.section2-box-inn h2 {font-size: 18px;}
.section4-box {padding: 18px;}
.section4-box-inn{ padding: 35px 32px;}
.twittersize-box{
padding: 0 15px;
width: 36%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 61%;
}
.section10-box{width: 90%;}
.upgrade-detail{width: 41%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 6% 2% 1% 2%;}
.connection1{
max-width:100%;
bottom: -88%;
}
.connection2 {
max-width:100%;
top: 31%;
}
.connection3{
max-width: 9%;
bottom: -78%;
}
.clock-img {
}
.license{left: -8%;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
}
@media (min-width:1600px){
.mycontainer{width: 1310px;}
.banner-title1{font-size: 50px;}
.twittersize-box{
padding: 0 15px;
width: 33%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 65%;
}
.section10-box{width: 90%;}
.upgrade-detail{width: 43%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 6% 2% 1% 2%;}
.connection1{
max-width:100%;
bottom: -88%;
}
.connection2 {
max-width:100%;
top: 31%;
}
.connection3{
max-width: 100%;
bottom: -86%;
}
.clock-img {
}
.license{left: -8%;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
}
@media (min-width:1700px){
.mycontainer{width: 1380px;}
.banner-title1{font-size: 50px;}
.twittersize-box{
padding: 0 15px;
width: 36%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 62%;
}
.section10-box{width: 90%;}
.upgrade-detail{width: 40%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 6% 5% 1% 5%;}
.connection1{
max-width:100%;
bottom: -88%;
}
.connection2 {
max-width:100%;
top: 31%;
}
.connection3{
max-width:100%;
bottom: -86%;
}
.clock-img {
}
.license{left: -8%;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
}
@media (min-width:1800px){
.mycontainer{width: 1470px;}
.banner-title1{font-size: 52px;}
.twittersize-box{
padding: 0 15px;
width: 33%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 60%;
}
.section10-box{width: 86%;}
.upgrade-detail{width: 39%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 6% 6% 1% 6%;}
.connection1{
max-width:100%;
bottom: -88%;
}
.connection2 {
max-width:100%;
top: 31%;
}
.connection3{
max-width:100%;
bottom: -86%;
}
.clock-img {
}
.license{left: -8%;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
.bonus-details {padding: 0 5%;}
}
@media (min-width:1900px){
.mycontainer{width: 1508px;}
.mycontainer2{width:1324px;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 104px;
}
.banner-title1{font-size: 54px;}
.twittersize-box{
padding: 0 15px;
width: 33%;
}
.linkedinsize-box{
padding: 0 0px 0 15px;
width: 60%;
}
.section10-box{width: 86%;}
.upgrade-detail{width: 39%;}
.upgrade-img{width: 52%;}
.section9-box{padding: 4% 6% 1% 6%;}
.connection1{
max-width:100%;
bottom: -88%;
}
.connection2 {
max-width:100%;
top: 31%;
}
.connection3{
max-width:100%;
bottom: -86%;
}
.clock-img {
}
.license{left:0;}
/**/
.feature-detail-box{
width: 45.5%;
}
.feature-step-box{
width: 40%;
}
.feature-detail-box{
margin-right: 38px;
}
.aifeatureconnection-img{
width: 38px;
}
}
@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;}
@media(min-width: 240px){.vidborder{border: 5px solid #ffffff;}}
@media(min-width: 768px){.vidborder{border: 10px solid #ffffff;}}
@media(min-width: 1200px){.vidborder{border: 17px solid #ffffff;}}