html {scroll-behavior: smooth;}
/*Fonts*/
/*Common*/
body {font-family: "neue-frutiger-world", sans-serif;font-size: 14px;line-height: 1.42857143;color: #09040d;background-color: #fff;}
.instrument-text {
font-family: "Instrument Serif", serif;
color: #777777;
font-style: italic;
font-weight: 400;
}
.gradient_title{
background: -webkit-linear-gradient(left, #facc23, #f83700);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*Common*/
.ls25-20f{letter-spacing:-0.5px}
.ls25-64f{letter-spacing:-1.6px}
.ls25-34f{letter-spacing:-0.85px}
.f60-ls25{letter-spacing:-1.5px}
.f30-ls25{letter-spacing:-0.75px}
.f24-ls25{letter-spacing:-0.6px}
.ls-016{letter-spacing:-0.16px}
.ls-2{letter-spacing:-2px;}
.ls-3{letter-spacing:-3px;}
.ls-4{letter-spacing:-4px;}
.padding0 {padding: 0;}
.padding3 {padding: 0 3%;}
.paddingR{padding: 0 0 0 3%;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
p{margin-bottom:0px;}
ul{padding:0px;list-style:none;margin:0px;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;}
@media (min-width:240px) {
.absimage{position:static; top:20px; width:100%;}
.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%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.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-5{margin-top:-5%;}
.mycontainer{width:100%;}
.mycontainer2{width:100%;margin:auto;}
.time sup{top: -2.4em;}
.mycontainer,.mycontainer2,.mycontainer3{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
}
@media (min-width:768px) {
.rectangle{background: url(../images/rectangle.webp) no-repeat center center; border:0; background-size: contain; padding: 1% 1%;}
.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;}.sm36 {font-size: 36px;}.sm37 {font-size: 37px;}.sm38 {font-size: 38px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm42 {font-size: 42px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm50 {font-size: 50px;}.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%;}
.lappysection {position: relative;bottom: -113px;margin-top: -90px !important;}
.lappysection2{ position: relative;bottom: -480px;margin-top: -566px !important;}
.mycontainer{width:750px;}
.mycontainer2{width:750px;}
.time sup{top: -2.4em;}
}
@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;}.md65 {font-size: 65px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md120{font-size: 120px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}
.mmb0{margin-bottom:0%;}
.mmb3{margin-bottom:3%;}
.mmb5{margin-bottom:5%;}
.mmb7{margin-bottom:7%;}
.mmb8{margin-bottom:8%;}
.mmb11{margin-bottom:11%;}
.mmb12{margin-bottom:12%;}
.mmb14{margin-bottom:14%;}
.mmb15{margin-bottom:15%;}
.mmb16{margin-bottom:16%;}
.mmb20{margin-bottom:20%;}
.mmb28{margin-bottom:28%;}
.mmb35{margin-bottom:35%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt7{margin-top:7%;}
.mmt8{margin-top:8%;}
.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;}
.lappysection {position: relative;bottom: -112px;margin-top: -90px !important;}
.time sup{top: -2.4em;}
}
@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;}.lg54 {font-size: 54px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg60{font-size: 60px;}.lg62{font-size: 62px;}.lg64 {font-size: 64px;}.lg65 {font-size: 65px;}.lg66 {font-size: 66px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg95 {font-size: 95px;}.lg101 {font-size: 101px;}.lg150 {font-size: 150px;}.lg210 {font-size: 240px;}
.lappysection {position: relative;bottom: -125px;margin-top: -90px !important;}
.lmtm-3{margin-top: -3%;}
.lgmb0{margin-bottom:0%;}
.lgmb2{margin-bottom:2%;}
.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%;}
.time sup{top: -2.8em;}
}
@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;}.xl63{font-size: 63px;}.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;border-radius: 20px;background-color: #000000;}
.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%;}
/*.video-box-main{border-radius: 40px;overflow: hidden;padding: 1px;
margin: auto;width: 94.3%;
margin-top: 10px;}*/
.video-box-main{border-radius: 40px;overflow: hidden;padding: 1px;
margin: auto;width: 100%;
margin-top: 10px;}
.video-box{background-color: #ffffff0d;backdrop-filter: blur(10px);border-radius: 40px;overflow: hidden;padding: 16px;border: 1px solid hsl(0deg 0% 72.55% / 9%);}
.video-box-inner{border-radius: 30px;overflow: hidden;}
.white{color:#fff;}
.black{color:#000;}
.black2{color:#4b4b4b;}
.black3{color:#242424;}
.black4{color:#434343;}
.black5{color:#282828;}
.yellow{color:#f4ca08;}
.green{color:#79c932;}
.green2{color:#69ab39;}
.blue{color:#329cff;}
.blue2{color:#23a2fc;}
.purple2{color:#1a1634;}
.gray{color:#808080;}
.purple{color:#644ded;}
.red{color:#f61414;}
.mycontainer{margin:auto;}
.italic {
font-style: italic;
}
.upper{text-transform:uppercase}
.underline {text-decoration: underline;}
.underline1{border-bottom:1px solid;}
/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;}.w700{font-weight:700;}.w710{font-weight: 710;}.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}
.clear {clear: both;}
/*============================================= Topbar*/
.topbar {
background: #c93f14;
padding: 14.5px 0;
}
.alart {
margin: -4px 5px 0 0;
}
.video_icon1 {
margin: -10px 0 0 0;
}
.video_icon2 {
margin: -10px 0 0 0;
}
.banner {
background: url(../images/bannarBg.webp) no-repeat center bottom;
background-color: #000;
background-size: cover;
padding: 35px 0 5% 0;
}
.videowebp {
margin-bottom: -6%;
margin-top: 5%;
}
.Instantly_shape {
border-width: 1px;
border-color: #383231;
border-style: solid;
border-radius: 21px;
display: inline-block;
color: #7e7e7e;
padding: 10.5px 18px;
}
.btn_section {
background: url(../images/btn_section.webp) no-repeat center center;
background-color: #000;
background-size: cover;
padding: 7% 0 0px 0;
position: relative;
}
.nofeeShape {
border-width: 1px;
border-color: #242424;
border-style: solid;
border-radius: 24px;
background-color: rgb(0, 0, 0);
padding: 11.5px 27.5px;
margin: 0 5px;
}
.section2 {
padding: 0% 0 0% 0;
background: #fff;
margin-top: -1.2%;
}
.mybutton1 {
margin-top: 20px;
}
.mybutton1 a {
color: #ffffff;
display: table;
transition: 0.5s;
position: relative;
letter-spacing: -0.56px;
margin: auto;
border-radius: 100px;
background: url(../images/btnbg.webp) no-repeat center center;
background-size: cover;
box-shadow: inset 0 0 21px 0 hsl(22deg 98% 50% / 30%);
letter-spacing: -0.37px;
padding: 9px 9px 9px 78px;
border: 1px solid rgb(255, 132, 0);
background-color: #2a0c00;
}
.mybutton1 a:hover {
-webkit-transition: .3s linear;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
z-index: 1;
text-decoration: none !important;
transform: scale(1.05);
}
.mybutton1 .arrow-img {
position: relative;
margin-left: 27px;
}
.sectio2-box {
border-width: 1px;
border-color: rgb(212, 212, 212);
border-style: solid;
border-radius: 50px;
background-color: rgb(255, 255, 255);
text-align: center;
max-width: 47.3%;
margin: 12px 12px 12px 12px;
padding: 0 0 3% 0;
}
.p_spc {
padding: 0% 35px;
}
.watch_shape {
background-image: -webkit-linear-gradient(90deg, rgb(174, 0, 1) 0%, rgb(210, 0, 1) 100%);
border-radius: 21px;
display: inline-block;
padding: 8.5px 15px 8.5px 65px;
position: relative;
}
.watch {
position: absolute;
margin: -18px 0 0 -94px;
}
.moneybck_spc {
margin-bottom: 3%;
}
.section2_img1 {
border-radius: 50px 50px 0 0;
}
/* Add this to your CSS */
/* 1. Crucial for 3D effect. Applied to a parent element. */
.video-box-main {
perspective: 1200px;
}
.video-box-main {
overflow: hidden;
margin-bottom: -14%;
position: relative;
}
.video-box {
overflow: hidden;
background-color: hsl(0deg 0% 100% / 13%);
padding: 20px;
border-radius: 49px;
}
#video-box-rotate {
/* 2. Set the initial, rotated state */
transform: rotateX(20deg);
/* 3. Set the transition for a smooth animation */
transition: transform 0.15s ease-out;
/* Optional: Sets the point of rotation to the bottom edge */
transform-origin: bottom;
}
/*=============================== section3*/
.section3 {
/* background: #f5f5f7; */
background-image: -webkit-linear-gradient(266deg, #f5f5f7 0%, #f5f5f7 63%, rgb(255 255 255) 85%, rgb(255 255 255) 100%);
padding: 6% 0 4% 0;
margin-top: -3%;
}
.moneyback_box {
background: url(../images/moneyback_bg.webp) no-repeat center top;
border-radius: 50px;
background-color: rgb(0, 0, 0);
background-size: cover;
padding: 45px 0 0% 0;
}
/*=============================== table*/
.section4 {
background-color: #f5f5f7;
padding: 5% 0 4% 0;
}
.price_shape {
border-width: 1px;
border-color: rgb(19, 20, 20);
border-style: solid;
display: inline-block;
}
.table-name {
background: url(../images/unlimited_shape.webp) no-repeat center top;
background-size: contain;
}
.table-name-inn {
display: inline-block;
text-transform: uppercase;
color: rgb(255, 255, 255);
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.26);
border-image: initial;
border-radius: 50px;
padding: 7px 27px 6px;
}
.price_shape {
border-width: 1px;
border-color: rgb(19, 20, 20);
border-style: solid;
display: inline-block;
padding: 1px 19px;
border-radius: 30px;
}
.coupon-off {
background-color: rgb(245, 230, 60);
display: inline-block;
padding: 0px 7px;
}
.table-box1-inn {
background: url(../images/tablebg1.webp) no-repeat center top;
background-size: cover;
padding: 3px;
overflow: hidden;
border-radius: 55px;
}
.table-box2-bottom {
padding: 6% 9% 9% 9%;
position: relative;
z-index: 1;
border-radius: 50px;
background-color: rgb(255, 255, 255);
margin-top: -8%;
}
.price-checklist2 li {
background: url(../images/check.webp) no-repeat left 9px;
padding-left: 32px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 3%;
margin-top: 2%;
text-align: left;
}
/*=============================== section_5*/
.section_5 {
padding: 4% 0 4% 0;
background-color: #fff;
}
/*=============================== footer*/
.footer {
background: url(../images/footer.webp) no-repeat center top;
background-size: cover;
position: relative;
padding: 40px 0 3% 0;
background-color: #010000;
bottom: 0;
}
.logofoot-img {
margin-top: 5%;
}
.footer hr {
border-top: 1px solid hsl(0deg 0% 100% / 20%);
margin-top: 40px;
margin-bottom: 40px;
opacity: 1;
}
.logoicon-div {
width: 55px;
}
.footer-links-inn {
color: #fff;
width: 72%;
}
.footer-links {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer a {
color: #ffffff;
margin: 0 1.5%;
}
.footer a:hover {
text-decoration: underline;
color: #d0d0d0;
}
h1{letter-spacing: -2.5px; }
h2{letter-spacing: -2.5px; }
h3{letter-spacing: -2.5px; }
.lt_spc{
letter-spacing: -2.5px;
font-weight: 700;
}
p{
letter-spacing: -0.45px;
}
@media only screen and (max-width: 991px){
.sectio2-box {
max-width: 46.3%;
border-radius: 27px;
}
.watch {
margin: -18px 0 0 -75px;
max-width: 14%;
}
.moneyback_box {
padding: 45px 0 3% 0;
}
.mybutton1 a {
padding: 9px 0px 9px 45px;
font-size: 25px;
}
.mybutton1 .arrow-img {
margin-left: 20px;
max-width: 14%;
}
}
@media only screen and (max-width: 767px){
.video_icon1 {
margin: -7px 0 0 0;
max-width: 10%;
}
.video_icon2 {
margin: -10px 0 0 0;
max-width: 7%;
}
.banner-logo {
max-width: 35%;
margin-bottom: 3%;
margin-top: 5%;
}
.btn_section {
padding: 12% 0 15px 0;
}
.mybutton1 a {
padding: 9px 5px 9px 15px;
font-size: 16px;
}
.mybutton1 .arrow-img {
margin-left: 5px;
max-width: 11%;
}
.payment {
max-width: 90%;
}
.section2 {
margin-top: -5%;
}
.sectio2-box {
max-width: 47.5%;
border-radius: 16px;
margin: 5px;
}
.p_spc {
padding: 0% 10px;
}
.watch_shape {
padding: 8.5px 15px 8.5px 48px;
}
.watch {
margin: -16px 0 0 -55px;
max-width: 14%;
}
.moneyback_box {
padding: 25px 0 3% 0;
text-align: center;
max-width: 97%;
margin: auto;
}
.moneyback {
margin-bottom: 5%;
}
.warning {
max-width: 70%;
}
.payment1 {
max-width: 90%;
}
.logoicon-div {
width: 45px;
}
.footer-links-inn {
color: #fff;
width: 76%;
}
.footer hr {
margin-bottom: 25px;
}
.Instantly_shape {
background: #2e140f;
}
}
@media (min-width: 240px){
}
@media (min-width: 480px){
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1100px) {
}
@media only screen and (min-width: 1200px) {
#nav-bar{width: 90%;}
.mainvideo {
position: absolute;
width: 655px;
height: 382px;
top: 70px;
left: 38px;
}
.video {
width: 403px;
height: 196px;
top: 1px;
left: 0px;
margin-bottom: 0px;
}
.video-box-section{width: 72%;}
.videoele2{height: 105.3%;top: -13px;}
.videoele4{height: 105.6%;top: -14px;}
.talent-name{font-size: 40px;}
.talent-post{font-size: 14px;}
.graphics-img{width: 720px;}
.swiper-slide-box{border-radius: 40px;}
.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;}
.emoji2-img{width: 99px;}
.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 4%;border-radius: 30px;}
.step-box-out{padding: 6px;}
.step-details {padding: 0 0px 0 0;}
.step-details h2{margin-top: 10px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}
.design1-img{top: 18%;left: 4.7%;width: 154px;}
.design2-img{top: 16.3%;left: 17.7%;width: 99px;}
.design3-img{top: 27.2%;left: 26.8%;width: 150px;}
.design4-img{top: 53%;left: 3%;width: 109px;}
.design5-img {top: 49.3%;left: 13%;width: 157px;}
.design6-img{top: 52.1%;left: 26.9%;width: 116px;}
.design7-img{top: 27.2%;right: 26.8%;width: 154px;}
.design8-img{top: 16.7%;right: 17.8%;width: 96px;}
.design9-img{top: 23.5%;right: 8.2%;width: 104px;}
.design10-img{top: 51.7%;right: 27%;width: 116px;}
.design11-img{top: 48%;right: 12.8%;width: 160px;}
.design12-img{top: 49.5%;right: 1%;width: 156px;}
.start1-img {top: 25%;left: 33%;}
.start2-img {top: 76%;left: 11.6%;width: 37px;}
.start3-img {top: 71%;left: 35.5%;}
.start4-img {top: 24%;right: 28%;width: 37px;}
.start5-img {top: 71%;right: 26.2%;}
.start6-img {top: 13%;left: 22%;width: 37px;}
.element7-img{top: 50%;right: 1.5%;width: 49px;}
.reveal-1{top: 16%;left: 6%;width: 195px;}
.reveal-2{top: 47.5%;left: 1.5%;width: 243px;}
.reveal-3{top: 66%;left: 6.5%;width: 232px;}
.reveal-4{top: 19.5%;right: 7.5%;width: 144px;}
.reveal-5{top: 47.5%;right: 1.5%;width: 239px;}
.reveal-6{top: 68%;right: 8%;width: 178px;}
.intro-img{max-width: 100%;}
.section14-left{width: 46%;}
.section14-right{width: 40%;}
.demoframe-out {}
.section19-box{width: 94%;}
.section26-box{width: 94%;}
.person-detail{width: 43%;}
.person-detail1{padding: 0 15px;}
.person-img-div{width: 48%;}
.feature-row1{margin-top: 3%;}
.feature-row2{margin-top: 3%;}
.feature-row3{margin-top: 2%;}
.feature-row4{margin-top: 1%;}
.feature-row5{margin-top: 2%;}
.feature-row6{margin-top: 2%;}
.feature-row7{margin-top: 1%;}
.feature-row8{margin-top: 4%;}
.feature-row9{margin-top: 3%;}
.feature-row10{margin-top: 2%;}
.feature-row11{margin-top: 3.5%;}
.feature-row12{margin-top: 0%;}
.feature-row13{margin-top: 2%;}
.feature-row14{margin-top: 2%;}
.feature-row15{margin-top: 5%;}
.feature-row16{margin-top: 3%;}
.feature-row17{margin-top: 3%;}
.feature-row18{margin-top: 4%;}
.feature-img-div{width: 47%;}
.feature-detail{width: 44%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}
.section27-box2{width: 90%;}
.table-box{padding: 10px;width: 30%;}
}
@media (min-width:1300px) {
#nav-bar{width: 86%;}
.mycontainer{width:1219px;}
.mycontainer2{width:1180px;}
.video-box-section{width: 78%;}
.videoele2{height: 105.4%;top: -14px;}
.videoele4{height: 105.6%;top: -15px;}
.talent-name{font-size: 40px;}
.talent-post{font-size: 15px;}
.graphics-img{width: 760px;}
.swiper-slide-box{border-radius: 30px;}
.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;}
.emoji2-img{width: 99px;}
.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 5.5%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 12px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 10%;}
.design1-img{top: 18%;left: 4.7%;width: 166px;}
.design2-img{top: 16.3%;left: 17.7%;width: 105px;}
.design3-img{top: 27.2%;left: 26.8%;width: 165px;}
.design4-img{top: 53%;left: 3%;width: 116px;}
.design5-img {top: 49.3%;left: 13%;width: 168px;}
.design6-img{top: 52.1%;left: 26.9%;width: 125px;}
.design7-img{top: 27.2%;right: 26.8%;width: 165px;}
.design8-img{top: 16.7%;right: 17.8%;width: 104px;}
.design9-img{top: 23.5%;right: 8.2%;width: 113px;}
.design10-img{top: 52.7%;right: 26.8%;width: 123px;}
.design11-img{top: 49%;right: 12.8%;width: 170px;}
.design12-img{top: 49.5%;right: 1%;width: 167px;}
.start1-img {top: 25%;left: 33%;}
.start2-img {top: 78%;left: 11.6%;width: 37px;}
.start3-img {top: 71%;left: 35.5%;}
.start4-img {top: 24%;right: 28%;width: 37px;}
.start5-img {top: 73%;right: 25.9%;}
.start6-img {top: 13%;left: 22%;width: 37px;}
.element7-img{top: 50%;right: 1.5%;width: 49px;}
.reveal-1{top: 16%;left: 6%;width: 200px;}
.reveal-2{top: 47.5%;left: 1.5%;width: 248px;}
.reveal-3{top: 66%;left: 6.5%;width: 237px;}
.reveal-4{top: 19.5%;right: 7.5%;width: 149px;}
.reveal-5{top: 47.5%;right: 1.5%;width: 244px;}
.reveal-6{top: 68%;right: 8%;width: 183px;}
.intro-img{max-width: 98%;}
.section14-left{width: 42%;}
.section14-right{width: 35%;}
.demoframe-out {}
.section19-box{width: 90%;}
.section26-box{width: 90%;}
.person-detail{width: 44%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 48%;}
.feature-img-div{width: 45%;}
.feature-detail{width: 42%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}
.section27-box2{width: 90%;}
.table-box{padding: 10px;width: 27%;}
}
@media (min-width:1400px) {
#nav-bar{width: 82%;}
.mycontainer{width:1370px;}
.mycontainer2{width:1219px;;}
.video-box-section{width: 80%;}
.videoele2{height: 105.3%;top: -15px;}
.videoele4{height: 105.5%;top: -16px;}
.talent-name{font-size: 42px;}
.talent-post{font-size: 16px;}
.graphics-img{width: 790px;}
.swiper-slide-box{border-radius: 35px;}
.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;}
.emoji2-img{width: 99px;}
.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 5.5%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 12px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 14%;}
.design1-img{top: 18%;left: 4.7%;width: 179px;}
.design2-img{top: 16%;left: 17.5%;width: 116px;}
.design3-img{top: 27.4%;left: 26.3%;width: 186px;}
.design4-img{top: 53%;left: 2.8%;width: 129px;}
.design5-img {top: 49.5%;left: 12.5%;width: 188px;}
.design6-img{top: 52.1%;left: 26.6%;width: 138px;}
.design7-img{top: 27.5%;right: 26.5%;width: 186px;}
.design8-img{top: 16%;right: 17.6%;width: 116px;}
.design9-img{top: 23.5%;right: 7.8%;width: 126px;}
.design10-img{top: 52.7%;right: 26.8%;width: 135px;}
.design11-img{top: 48%;right: 12.8%;width: 188px;}
.design12-img{top: 49.5%;right: 1%;width: 181px;}
.start1-img {top: 25%;left: 33%;}
.start2-img {top: 78%;left: 11.6%;width: 37px;}
.start3-img {top: 71%;left: 35%;}
.start4-img {top: 24%;right: 28%;width: 37px;}
.start5-img {top: 70%;right: 26%;}
.start6-img {top: 13%;left: 22%;width: 37px;}
.element7-img{top: 50%;right: 1.5%;width: 49px;}
.reveal-1{top: 16%;left: 6%;width: 220px;}
.reveal-2{top: 47.5%;left: 1.5%;width: 268px;}
.reveal-3{top: 66%;left: 6.5%;width: 257px;}
.reveal-4{top: 19.5%;right: 7.5%;width: 169px;}
.reveal-5{top: 47.5%;right: 1.5%;width: 264px;}
.reveal-6{top: 68%;right: 8%;width: 203px;}
.intro-img{max-width: 97%;}
.section14-left{width: 41%;}
.section14-right{width: 34%;}
.demoframe-out {}
.section19-box{width: 88%;}
.section26-box{width: 88%;}
.person-detail{width: 43%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 48%;}
.feature-img-div{width: 44%;}
.feature-detail{width: 46%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}
.section27-box2{width: 84%;}
.table-box{padding: 14px;width: 27%;}
}
@media (min-width:1500px) {
#nav-bar{width: 80%;}
.mycontainer{width:1400px;}
.mycontainer2{width:1219px;}
.video-box-section{width: 82%;}
.videoele2{height: 105.3%;}
.videoele4{height: 105.6%;}
.talent-name{font-size: 42px;}
.talent-post{font-size: 17px;}
.graphics-img{width: 780px;}
.swiper-slide-box{border-radius: 30px;}
.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;}
.emoji2-img{width: 99px;}
.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 6.5%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 14px 0 0;}
.step-details h2{margin-top: 16px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}
.design1-img{top: 19%;left: 6.8%;width: 179px;}
.design2-img{top: 17%;left: 19%;width: 116px;}
.design3-img{top: 27.2%;left: 27.6%;width: 186px;}
.design4-img{top: 53.2%;left: 4.8%;width: 129px;}
.design5-img {top: 49.3%;left: 14.2%;width: 188px;}
.design6-img{top: 52.9%;left: 27.5%;width: 138px;}
.design7-img{top: 27.5%;right: 27.5%;width: 186px;}
.design8-img{top: 17%;right: 19%;width: 116px;}
.design9-img{top: 23.4%;right: 9.7%;width: 126px;}
.design10-img{top: 52.9%;right: 27.5%;width: 138px;}
.design11-img{top: 49.5%;right: 14.2%;width: 188px;}
.design12-img{top: 50.4%;right: 3%;width: 181px;}
.start1-img {top: 25%;left: 34.5%;}
.start2-img {top: 76%;left: 13%;width: 37px;}
.start3-img {top: 71%;left: 36%;}
.start4-img {top: 24%;right: 30%;width: 37px;}
.start5-img {top: 74%;right: 27%;}
.start6-img {top: 13%;left: 23%;width: 37px;}
.element7-img{top: 50%;right: 4.2%;width: 49px;}
.reveal-1{top: 16%;left: 6%;width: 240px;}
.reveal-2{top: 47.5%;left: 1.5%;width: 288px;}
.reveal-3{top: 66%;left: 6.5%;width: 277px;}
.reveal-4{top: 19.5%;right: 7.5%;width: 189px;}
.reveal-5{top: 47.5%;right: 1.5%;width: 284px;}
.reveal-6{top: 68%;right: 8%;width: 223px;}
.intro-img{max-width: 97%;}
.section14-left{width: 41%;}
.section14-right{width: 30%;}
.demoframe-out {}
.section19-box{width: 85%;}
.section26-box{width: 85%;}
.person-detail{width: 43%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 46%;}
.slider-img{margin-top: -18px;}
.feature-img-div{width: 42%;}
.feature-detail{width: 42%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}
.section27-box2{width: 80%;}
.table-box{padding: 20px;width: 26.7%;}
}
@media (min-width:1600px) {
#nav-bar{width: 76%;}
.mycontainer{width:1440px;}
.mycontainer2{width:1219px;}
.video-box-section{width: 83%;}
.videoele2{height: 105.3%;}
.videoele4{height: 105.5%;}
.talent-name{font-size: 42px;}
.talent-post{font-size: 18px;}
.graphics-img{width: 780px;}
.swiper-slide-box{border-radius: 40px;}
.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;}
.emoji2-img{width: 99px;}
.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 6%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 16px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}
.design1-img{top: 19%;left: 9.5%;width: 179px;}
.design2-img{top: 17%;left: 21%;width: 116px;}
.design3-img{top: 27.5%;left: 29%;width: 186px;}
.design4-img{top: 54%;left: 7.6%;width: 129px;}
.design5-img {top: 49.5%;left: 16.5%;width: 188px;}
.design6-img{top: 52.9%;left: 29%;width: 138px;}
.design7-img{top: 27.5%;right: 29%;width: 186px;}
.design8-img{top: 17%;right: 20.9%;width: 116px;}
.design9-img{top: 23.9%;right: 12.3%;width: 126px;}
.design10-img{top: 52.9%;right: 29%;width: 138px;}
.design11-img{top: 49.5%;right: 16.5%;width: 188px;}
.design12-img{top: 51%;right: 6%;width: 181px;}
.start1-img {top: 25%;left: 34.5%;}
.start2-img {top: 76%;left: 15.5%;width: 37px;}
.start3-img {top: 71%;left: 37%;}
.start4-img {top: 24%;right: 30%;width: 37px;}
.start5-img {top: 74%;right: 28.5%;}
.start6-img {top: 14%;left: 25%;width: 37px;}
.element7-img{top: 50%;right: 6.2%;width: 49px;}
.reveal-1{top: 16%;left: 6%;width: 251px;}
.reveal-2{top: 47.5%;left: 1.5%;width: 299px}
.reveal-3{top: 66%;left: 6.5%;width: 288px}
.reveal-4{top: 19.5%;right: 7.5%;width: 200px}
.reveal-5{top: 47.5%;right: 1.5%;width: 295px}
.reveal-6{top: 68%;right: 8%;width: 234px}
.intro-img{max-width: 98%;}
.section14-left{width: 38%;}
.section14-right{width: 27%;}
.demoframe-out {}
.section19-box{width: 85%;}
.section26-box{width: 85%;}
.person-detail{width: 40%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 47%;}
.feature-img-div{width: 42%;}
.feature-detail{width: 42%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}
.section27-box2{width: 74%;}
.table-box{padding: 20px;width: 26.7%;}
}
@media (min-width:1700px) {
#nav-bar{width: 71%;}
.mycontainer{width:1440px;}
.mycontainer2{width:1219px;}
.video-box-section{width: 84%;}
.videoele2{height: 105.3%;}
.videoele4{height: 105.4%;}
.talent-name{font-size: 42px;}
.talent-post{font-size: 18px;}
.graphics-img{width: 800px;}
.swiper-slide-box{border-radius: 40px;}
.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;}
.emoji2-img{width: 99px;}
.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 7%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 16px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}
.design1-img{top: 20%;left: 12%;width: 179px;}
.design2-img{top: 17.4%;left: 22.5%;width: 116px;}
.design3-img{top: 27.5%;left: 30.3%;width: 186px;}
.design4-img{top: 53.8%;left: 10.1%;width: 129px;}
.design5-img {top: 49.3%;left: 18.5%;width: 188px;}
.design6-img{top: 52.9%;left: 30.3%;width: 138px;}
.design7-img{top: 27.5%;right: 30.3%;width: 186px;}
.design8-img{top: 17.2%;right: 22.6%;width: 116px;}
.design9-img{top: 23.9%;right: 14.4%;width: 126px;}
.design10-img{top: 52.5%;right: 30.2%;width: 138px;}
.design11-img{top: 49.1%;right: 18.5%;width: 188px;}
.design12-img{top: 51%;right: 8.5%;width: 181px;}
.start1-img {top: 25%;left: 35%;}
.start2-img {top: 76%;left: 17.9%;width: 37px;}
.start3-img {top: 71%;left: 37.5%;}
.start4-img {top: 24%;right: 32%;width: 37px;}
.start5-img {top: 72%;right: 29.9%;}
.start6-img {top: 14%;left: 26%;width: 37px;}
.element7-img{top: 51%;right: 9.5%;width: 49px;}
.reveal-1{top: 16%;left: 7%;width: 251px;}
.reveal-2{top: 47.5%;left: 2.5%;width: 299px}
.reveal-3{top: 66%;left: 7.5%;width: 288px}
.reveal-4{top: 19.5%;right: 9%;width: 200px}
.reveal-5{top: 47.5%;right: 2.5%;width: 295px}
.reveal-6{top: 68%;right: 9%;width: 234px}
.intro-img{max-width: 97%;}
.section14-left{width: 37%;}
.section14-right{width: 25%;}
.section19-box{width: 82%;}
.section26-box{width: 82%;}
.person-detail{width: 38%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 45%;}
.feature-img-div{width: 42%;}
.feature-detail{width: 40%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}
.section27-box2{width: 70%;}
.table-box{padding: 20px;width: 26.7%;}
}
@media (min-width:1800px) {
#nav-bar{width: 69%;}
.mycontainer{width:1440px;}
.mycontainer2{width:1219px;}
.video-box-section{width: 84%;}
.videoele2{height: 105.3%;}
.videoele4{height: 105.4%;}
.talent-name{font-size: 42px;}
.talent-post{font-size: 18px;}
.graphics-img{width: 820px;}
.swiper-slide-box{border-radius: 45px;}
.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;}
.emoji2-img{width: 99px;}
.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 7.5%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 16px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}
.design1-img{top: 20%;left: 14%;width: 179px;}
.design2-img{top: 18%;left: 24.2%;width: 116px;}
.design3-img{top: 27.5%;left: 31.3%;width: 186px;}
.design4-img{top: 54%;left: 12.3%;width: 129px;}
.design5-img {top: 49%;left: 20.4%;width: 188px;}
.design6-img{top: 52.9%;left: 31.4%;width: 138px;}
.design7-img{top: 27.5%;right: 31.2%;width: 186px;}
.design8-img{top: 17.3%;right: 24.1%;width: 116px;}
.design9-img{top: 24%;right: 16.4%;width: 126px;}
.design10-img{top: 52.9%;right: 31.4%;width: 138px;}
.design11-img{top: 49.5%;right: 20.2%;width: 188px;}
.design12-img{top: 51%;right: 10.8%;width: 181px;}
.start1-img {top: 25%;left: 37%;}
.start2-img {top: 76%;left: 19.5%;width: 37px;}
.start3-img {top: 71%;left: 38.5%;}
.start4-img {top: 24%;right: 34%;width: 37px;}
.start5-img {top: 74%;right: 30.9%;}
.start6-img {top: 14%;left: 28%;width: 37px;}
.element7-img{top: 50%;right: 11%;width: 49px;}
.reveal-1{top: 16%;left: 11%;width: 251px;}
.reveal-2{top: 47.5%;left: 5.5%;width: 299px}
.reveal-3{top: 66%;left: 10.5%;width: 288px}
.reveal-4{top: 19.5%;right: 11.5%;width: 200px}
.reveal-5{top: 47.5%;right: 5.5%;width: 295px}
.reveal-6{top: 68%;right: 11%;width: 234px}
.intro-img{max-width: 92%;}
.section14-left{width: 35%;}
.section14-right{width: 25%;}
.section19-box{width: 81.4%;}
.section26-box{width: 81.4%;}
.person-detail{width: 35%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 45%;}
.feature-img-div{width: 42%;}
.feature-detail{width: 36%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}
.section27-box2{width: 66%;}
.table-box{padding: 20px;width: 26.7%;}
}
@media (min-width:1900px) {
#nav-bar{width: 68.9%;}
.mycontainer{width:1440px;}
.mycontainer2{width:1260px;}
.video-box-section{width: 84.22%; }
.videoele2{height: 105.3%;}
.videoele4{height: 105.4%;}
.talent-name{font-size: 42px;}
.talent-post{font-size: 18px;}
.graphics-img{width: 870px;}
.swiper-slide-box{border-radius: 45px;}
.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;}
.emoji2-img{width: 99px;}
.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 8.5%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 18px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}
.click-text { top: 36%;left: 41%; }
.design1-img{top: 20%;left: 16.3%;width: 179px;}
.design2-img{top: 17.1%;left: 25.9%;width: 116px;}
.design3-img{top: 27.5%;left: 32.5%;width: 186px;}
.design4-img{top: 54%;left: 14.7%;width: 129px;}
.design5-img {top: 49.5%;left: 22.1%;width: 188px;}
.design6-img{top: 53%;left: 32.5%;width: 138px;}
.design7-img{top: 27.5%;right: 32.4%;width: 186px;}
.design8-img{top: 17.5%;right: 25.7%;width: 116px;}
.design9-img{top: 24%;right: 18.5%;width: 126px;}
.design10-img{top: 53%;right: 32.5%;width: 138px;}
.design11-img{top: 50%;right: 22%;width: 188px;}
.design12-img{top: 51%;right: 13.3%;width: 181px;}
.start1-img {top: 25%;left: 37%;}
.start2-img {top: 76%;left: 21.3%;width: 37px;}
.start3-img {top: 71%;left: 39%;}
.start4-img {top: 24%;right: 34%;width: 37px;}
.start5-img {top: 74%;right: 31.9%;}
.start6-img {top: 14%;left: 29%;width: 37px;}
.element7-img{top: 51%;right: 13.5%;width: 49px;}
.reveal-1{top: 16%;left: 11%;width: 251px;}
.reveal-2{top: 47.5%;left: 5.5%;width: 299px}
.reveal-3{top: 66%;left: 10.5%;width: 288px}
.reveal-4{top: 19.5%;right: 11.5%;width: 200px}
.reveal-5{top: 47.5%;right: 5.5%;width: 295px}
.reveal-6{top: 68%;right: 11%;width: 234px}
.intro-img{max-width: 100%;}
.section14-left{width: 33%;}
.section14-right{width: 25%;}
.section19-box{width: 81.4%;}
.section26-box{width: 81.4%;}
.person-detail{width: 34%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 45%;}
.feature-img-div{width: 42%;}
.feature-detail{width: 36%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}
.section27-box2{width: 63%;}
.table-box{padding: 20px 11px;width: 26.7%;}
}
.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;}
.mtm10{margin-top: -10px;}
.mbm22{margin-bottom: -22px;}