/*Fonts*/
/* Force all typography to use Outfit */
.syne{font-family: "Outfit", sans-serif;}
.outfit{font-family: "Outfit", sans-serif;}
.noto-emoji {font-family: "Outfit", sans-serif; }
.zalando{font-family: "Outfit", sans-serif; }
.merriweather{font-family: "Outfit", sans-serif;}
.yellow-gradient{background: linear-gradient(180deg, #ffdc37 0%, #ffac25 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-weight: 800;}
.liningNums{font-variant-numeric: lining-nums;}

/*Common*/
html, body {overflow-x: hidden;}
body {font-family: "Outfit", sans-serif;font-optical-sizing: auto;font-variant-numeric: lining-nums;font-size: 14px;line-height: 1.42857143;color: #000000;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
p{margin-bottom:0px;}
ul{padding:0px;list-style:none;margin:0px;}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.padding0 {padding: 0;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;}
 
@media (min-width:240px) {
.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;}.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;}
.mycontainer{width:100%;}
.mycontainer2{width:100%;margin:auto;}
.mycontainer,.mycontainer2,.mycontainer3{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
}


@media (min-width:768px) { 
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm22 {font-size: 22px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm26 {font-size: 26px;}.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;}.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;}.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;}
.mycontainer{width:750px;}
.mycontainer2{width:750px;}
}

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

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 43px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg54 {font-size: 54px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg64 {font-size: 64px;}.lg65 {font-size: 65px;}.lg66 {font-size: 66px;}.lg68 {font-size: 68px;}.lg60{font-size: 60px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg74 {font-size: 74px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg95 {font-size: 95px;}.lg101 {font-size: 101px;}.lg150 {font-size: 150px;}.lg210 {font-size: 240px;} 
}

@media (min-width:1200px){
/* Reduce large h4 body copy size/weight on desktop */
h4.lg26 {font-size: 25px;font-weight: 300;}
}

@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;}.xl66 {font-size: 66px;}.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;} 
}

.lg66-ls75 {letter-spacing: -3.3px;}
.lg52-ls50{letter-spacing:-2.6px;}
.lg56-ls75{letter-spacing:-4.2px}

.responsive-video {padding-bottom: 56.21%;overflow: hidden;position: relative;border-radius: 29px;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%;}
.autoplayer-subarea-16-by-9 {padding-bottom: 56.25%!important;}
.video-box-main{border-radius: 40px;padding: 1px;margin: auto;width: 80%;margin-top: 4.5%;}
.video-box{background-color: #ffffff;border-radius: 46px;padding: 3px;box-shadow: 0px 43px 38px 0px rgba(9, 6, 0, 0.28);}
.video-box-inner{border-radius: 45px;overflow: hidden;}

.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%;}
 
.clear {clear: both;}
nav{width:100%;padding: 0 !important;}
.navbar-brand {margin-right: 0rem;}
nav li a{padding-left: 19px !important;padding-right: 19px !important;padding-top: 8px !important;padding-bottom: 8px !important;}
.navbar-light .nav-item{display: contents;}
.navbar-light .navbar-nav .nav-link {color: #ffffff;letter-spacing: -0.32px;padding: 12px 25px !important;}
.navbar-light .navbar-nav .nav-link-inn:focus, .navbar-light .navbar-nav .nav-link-inn:hover {}

.navbar-light .navbar-nav .nav-link.getlink{font-weight: 600;border-radius: 15px;background-image: -moz-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -ms-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);box-shadow: 0px 14px 13px 0px rgba(0, 0, 0, 0.13);color: #000;padding: 12px 25px !important;margin-left: 31px;-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}	
.navbar-light .navbar-nav .nav-link.getlink:hover{background-position: 100% 0;-moz-transition: all .4s ease-in-out;-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s; transform: scale(1.05);background-image: -moz-linear-gradient( 180deg, rgb(255,210,29) 0%, rgb(255,191,33) 51%, rgb(255,172,37) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(255,210,29) 0%, rgb(255,191,33) 51%, rgb(255,172,37) 100%);background-image: -ms-linear-gradient( 180deg, rgb(255,210,29) 0%, rgb(255,191,33) 51%, rgb(255,172,37) 100%);}
.getbox{margin-left: 1%;}
.navbar-toggler {background-color: white;}
.menu {padding: 5.5px 0px 5.5px 15px;border-radius: 20px;background-color: hsl(37deg 12% 13% / 80%);box-shadow: 0px 14px 13px 0px rgb(0 0 0 / 13%);width: 79.1%;}
.main-nav li {display: inline-block; }
.main-nav li a{ position: relative; }
.main-nav li a::after {content: '';display: block;height: 2px;background-color: #ffffff1f;position: absolute;bottom: 0;width: 0%;transition: all 0.3s ease-in-out;left: 10%;}
.main-nav li a:hover::after {width: 80%;}

/*step*/
.header {background-color: #ffcf1e;}
.step-mainBox {padding: 0 0%;margin: 3.5% 0 0 0%;display: contents;}
.stepbg1, .stepbg2, .stepbg3 { padding: 9.5px 10px; }
.stepbg1 {background-color: #ffcf1e;width: 26%;}
.stepbg2 {background-color: #000000;width: 32%;}
.stepbg3 {background-color: #ffcf1e;width: 26%;}
.stepicon {margin: 0 5px 0 0;}
.stepTx {color: #000000;} 
.stepicon1 {margin: 0 0 4px 0;}
.stepicon2 {margin: 0 0 4px 0;}
.stepicon3 {margin: 0 0 4px 0;} 
/*banner*/ 
.logo-img{}
.thankyou-img{margin-top: 22px;}
.thankyou2-img{width: 410px;margin-top: -9px;}
.banner-pre-subheadline {color: #dcca84;border: 1px solid rgb(255 215 61 / 20%);border-radius: 50px;display: inline-block;padding: 7px 16px;}
.banner-subheadline {letter-spacing:-0.36px;margin-top: 3%;}
.banner-headline{font-family: "Outfit", sans-serif;font-size: 81px;font-weight: 500;letter-spacing: -2.48px;line-height: 120%;}
.banner-subheadline-span{border: 1px solid hsl(0deg 0% 100% / 16%);display: inline-block;border-radius: 30px;padding: 7.5px 31px;background-color: rgba(31, 32, 36, 1);letter-spacing: 0px;}
.banner-headline-1{margin-top: 30px;}
.banner-headline-2{margin-top: 0;}
.banner-headline-2 span{border: 1px solid rgb(255 215 61 / 10%);background-image: -moz-linear-gradient( 90deg, rgb(255,215,61) 0%, rgb(1,1,0) 100%);background-image: -webkit-linear-gradient(90deg, rgb(255 215 61 / 10%) 0%, rgb(1, 1, 0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(255,215,61) 0%, rgb(1,1,0) 100%);display: inline-block;border-radius: 30px;padding: 3px 26px;}
.banner-headline-3{margin-top: 0;}
.banner-headline-3 span{}
.banner-headline-4{margin-top: -1%;}
.fire-img{position: absolute;left: 100%;top: 9px;}
.logoclip-img{position: absolute;left: -8px;}
.videle-img {position: relative;top: -1px;width: 97px;}
.lock-img{position: absolute;right: 105%;    top: 12px;}
.starele-img{position: absolute;left: 100%;}
.imgelement-img{position: relative;top: -6px;}
.banner-point-box-out-1{top: 30px;}
.banner-point-box-out-2{top: 30px;}
.banner-subtitle-1{letter-spacing:-0.925px;margin-top: 3%;}
.banner-point-box-out{width: 23.9%;padding: 10px;position: relative;}
.banner-point-box{border-radius: 40px;background-color: rgb(3, 3, 3);box-shadow: 0px 14px 16px 0px rgba(0, 0, 0, 0.36);padding: 12% 11% 12% 11%;height: 100%;background:url(../images/pointbg.webp) no-repeat center bottom;background-size: cover;background-color: #000;}
.banner-point-box p{color: #969696;line-height: 130%;margin-top: 19px;padding-right: 1%;}
.btn-div h4{letter-spacing:-0.65px}
.btn-div h3{letter-spacing:-0.7px}
.discount-span{border: 1px dashed rgb(60, 60, 60);border-radius: 10px;display: inline-block;padding: 1px 20px;}
.check-text{margin-top: 7px;}
.check-text span{display: inline-flex;align-items: center;gap: 6px;border-radius: 50px;background-color: rgb(255, 231, 168);padding: 3px 10px;margin: 0 1px;}
.check-text span .check-img{}
.check-text-light{margin-top: 7px;}
.check-text-light span{display: inline-flex;align-items: center;gap: 6px;border-radius: 50px;background-color: transparent;padding: 3px 11px;margin: 0 1px;color: #fff;border: 1px solid #86c435;}

.mybutton1{margin-top: 20px;}
.mybutton1 a{color: #000000;display:table;transition:0.5s;position:relative;letter-spacing:  -0.56px;margin: auto;border-radius: 22px;letter-spacing: -1.75px;padding: 29px 59.7px;background-image: -moz-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -ms-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.13);}
.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;background-color: rgb(165 206 0);transform: scale(1.05);}
.mybutton1 .arrow-img{position: relative;margin-left: 8px;top: -2px;} 
.mybutton1 a:hover .arrow-img{ }
 
.mybutton2{margin-top: 20px;}
.mybutton2 a{color: #000000;display:table;transition:0.5s;position:relative;letter-spacing:  -0.56px;margin: auto;border-radius: 15px;letter-spacing: -1.25px;padding: 21px 40px 21px 62px;background-image: -moz-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -ms-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.13);}
.mybutton2 a:hover{-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;z-index:1;text-decoration:none!important;background-color: rgb(165 206 0);transform: scale(1.05);}
.mybutton2 .arrow-img{position: relative;margin-left: 20px;top: -2px;width: 22px;} 
.mybutton2 a:hover .arrow-img{ }

/*section2*/ 
.bigleap-video{width: 100%;height: auto;display: block;object-fit: cover;position: relative;}
.bigleap-video-2{width: 100%;height: auto;display: block;object-fit: cover;position: relative;}
.bigleap-video-1{width: 100%;height: auto;display: block;object-fit: cover;position: relative;}
.clip-video{width: 100%;height: auto;display: block;object-fit: cover;position: relative;} 
.clip-video{border-radius: 30px;}
 
/*section5*/
.section5-title-span{background-image: -moz-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -ms-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);box-shadow: 0px 18px 18px 0px rgba(255, 164, 0, 0.25);letter-spacing: -1.76px;padding: 10.5px 23px 10.5px 15px;border-radius: 28px 28px 28px 10px;}
.element2-img{position: relative;margin-bottom: -11px;}
.section5-title{margin-top: 30px;}
 
/*section8*/
.section8-title-span{border-radius: 22px 22px 22px 10px;letter-spacing:-0.88px;background-image: -moz-linear-gradient( 180deg, rgb(255,172,37) 39%, rgb(255,191,33) 70%, rgb(255,210,29) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(255,172,37) 39%, rgb(255,191,33) 70%, rgb(255,210,29) 100%);background-image: -ms-linear-gradient( 180deg, rgb(255,172,37) 39%, rgb(255,191,33) 70%, rgb(255,210,29) 100%);font-style: italic;display: inline-block;padding: 8px 30px;position: relative;margin-top: 0;}
.section8-title-div{
    position: absolute;
    top: 6.5%;
    z-index: 1;
    width: 100%;
}
.logointro-img{margin-top: 3.5%;}
.section8-tiitle-1{letter-spacing: -0.26px;color: #c6c6c6;margin-top: 1%;}
.section8-tiitle-1 span{border-radius: 20px;border: 1px solid hsl(0deg 0% 100% / 34%);display: inline-block;padding: 10px 40px;}
.intro-img{position: relative;margin-top: 3.5%;;}
.intro-detail-box{background:url(../images/introbg.webp) no-repeat center top;background-size: cover;width: 85.27%;margin: auto;margin-top: -2.5%;position: relative;border-radius: 75px;padding: 5.5% 5% 5% 5%;box-shadow: 0px 36px 73px 0px rgba(0, 0, 0, 0.14);}
.intro-detail-box p{letter-spacing: -0.24px;}
.intro-detail-box h2{margin-top: 2%;letter-spacing: -0.40px;}
.intro-detail-box h5{margin-top: 2.5%;color: #26262d;letter-spacing: -0.24px;}
.videoicon-img{position: absolute;right: 96.5%;top: 23%;}
.imgicon-img{position: absolute;left: 97.5%;bottom: 12%;}
.section8-2{background:url(../images/section8new.webp) no-repeat center top;background-size: cover;margin-top: 0;padding: 0 0 3% 0;}
.section8-1{background:url(../images/section8b.webp) no-repeat center top;background-size: cover;margin-top: 8%;padding-bottom: 13%;}
.slider-img{margin-top: 2%;}
 
.benefit-points-div{background:url(../images/benefitpointbg.webp) no-repeat center top;background-size: cover;border-radius: 60px 60px 0 0;background-color: rgb(255, 255, 255);width: 85.2%;margin: auto;margin-top: 122px;padding: 66px 15px 66px 15px;position: relative;}


/*section12*/
.section12-title-11{letter-spacing: -3px;}
.section12-title-1{margin-top: 30px;}
.section12-title, .section14-title{letter-spacing:-2.8px}
.table-box{width: 36%;padding: 15px;margin-top: 5px;position: relative;z-index: 1;}
.table-box-inn{border: 3px solid transparent;border-radius: 33px;background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0d0d0d 100%) padding-box, linear-gradient(135deg, #ffac25 0%, #ffd21d 50%, #ffac25 100%) border-box;box-shadow: 0px 30px 70px 0px rgba(0, 0, 0, 0.4), 0 0 60px rgba(255, 193, 37, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);padding: 30px 64px 40px 64px;position: relative;}
.table-box-inn::before{content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle at center, rgba(255, 193, 37, 0.03) 0%, transparent 50%);pointer-events: none;}
.table-box-inn.glow{animation: cardGlow 3s ease-in-out infinite alternate;}
@keyframes cardGlow{0%{box-shadow: 0px 30px 70px 0px rgba(0, 0, 0, 0.4), 0 0 40px rgba(255, 193, 37, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.05);}100%{box-shadow: 0px 30px 70px 0px rgba(0, 0, 0, 0.4), 0 0 80px rgba(255, 193, 37, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05);}}
.box-sale-img{position: absolute;top: 101px;right: 5px;width: 222px;height: auto;z-index: 10;pointer-events: none;}
.table-box-inn p{text-align: center;letter-spacing: -0.2px;}
.table-box-inn p .most-title{background-image: -moz-linear-gradient( 180deg, rgb(255,172,37) 39%, rgb(255,191,33) 70%, rgb(255,210,29) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(255,172,37) 39%, rgb(255,191,33) 70%, rgb(255,210,29) 100%);background-image: -ms-linear-gradient( 180deg, rgb(255,172,37) 39%, rgb(255,191,33) 70%, rgb(255,210,29) 100%);display: inline-block;border-radius: 50px;padding: 10px 30px;font-weight: 700;font-size: 18px;letter-spacing: 1px;box-shadow: 0 4px 20px rgba(255, 193, 37, 0.4);color: #000;}
.table-box-inn h2{color: #888888;letter-spacing: -0.8px;margin-top: 9%;text-align: left;}
.table-box-inn h2 s{color: #666666;text-decoration: line-through;text-decoration-color: #ff6b6b;}
.price-strikeout {
    position: relative;
    display: inline-block;
    color: #777777;
}
.price-strikeout::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -5%;
    width: 110%;
    height: 3px;
    background: linear-gradient(90deg, #666666, #888888, #666666);
    transform: rotate(-12deg) translateY(-50%);
    border-radius: 2px;
}
.table-box-inn h1{margin-top: 4%;color: #ffffff;}
.table-box-inn h1 span{color: #999999;}
.table-box-inn ul{margin-top: 10%;} 
.table-box-inn ul li {background: url(../images/pricecheck1.webp) no-repeat left 0px;padding-left: 37px;list-style: none;margin-left: 0px;padding-top: 0;padding-bottom: 4%;margin-top: 4%;text-align: left;color: #e0e0e0;}
.table-box-inn ul li .highlight-orange {
    background-image: linear-gradient(90deg, rgb(255,172,37), rgb(255,210,29));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
.btn-link{text-align: center;letter-spacing: -1.5px;margin-top: 11%;margin-left: -44px;margin-right: -44px;}
.btn-link a{border-radius: 19px;background-image: -moz-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -ms-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.17);display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 19.5px 15px;color: #000;transition: 0.5s;white-space: nowrap;font-size: clamp(16px, 1.6vw, 28px);}
.btn-link 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);}
.btnarrow-img{position: static;width: 22px;flex-shrink: 0;}
/* Two-card pricing layout */
.pricing-row-cards {
    align-items: stretch;
}
.pricing-row-cards .table-box {
    display: flex;
}
.pricing-row-cards .table-box-inn {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.pricing-row-cards .table-box-inn .btn-link {
    margin-top: auto;
}
.table-box-left,
.table-box-right {
    width: 38%;
}
.table-box-inn-left {
    border: 2px solid rgba(255,255,255,0.12);
    background: linear-gradient(135deg, #111111 0%, #1a1a1a 50%, #111111 100%) !important;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.most-title-left {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
    box-shadow: none !important;
    border: 1px solid rgba(255,255,255,0.2);
}
.most-popular-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, #ffdc37 0%, #ffac25 100%);
    color: #000;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.5px;
    padding: 8px 24px;
    border-radius: 50px;
    white-space: nowrap;
    z-index: 20;
    box-shadow: 0 4px 15px rgba(255, 193, 37, 0.4);
}

@media only screen and (max-width: 991px) {
    .table-box-left,
    .table-box-right {
        width: 60%;
    }
    .btn-link {
        margin-left: -30px;
        margin-right: -30px;
    }
    .btn-link a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .table-box-left,
    .table-box-right {
        width: 100%;
    }
}

.payment-img{margin-top: 12px;}
.payment-img-2{width: 341px;margin-top: 25px;padding-left: 0px;padding-right: 0px;}
.payment-img-2-row{margin-left: 0px;margin-right: 0px;}
.section13-title-span{border: 1px solid rgb(255 215 61 / 60%);background-image: -moz-linear-gradient(90deg, rgb(255 215 61 / 60%) 0%, rgb(255, 255, 255) 100%);background-image: -webkit-linear-gradient(90deg, rgb(255 215 61 / 60%) 0%, rgb(255, 255, 255) 100%);background-image: -ms-linear-gradient(90deg, rgb(255 215 61 / 60%) 0%, rgb(255, 255, 255) 100%);border-radius: 26px;display: inline-block;padding: 19px 3%;letter-spacing: -0.064px;position: relative;}
.spanarrow2-img{left: 16%;position: absolute;top: 100%;}
.testimonials-img{margin-top: 2.5%;}
.section14-box-out{margin-top: 3%;}
.section14-box{background:url(../images/section14boxbg.webp) no-repeat center top;background-size: cover;border: 1px solid rgb(232, 232, 232);border-radius: 37px;background-color: rgb(0, 0, 0);box-shadow: 0px 29px 32px 0px rgba(30, 12, 57, 0.25);width: 71.5%;margin: auto;color: #fff;padding: 4% 15px;position: relative;}
.bonus-img{margin: 3% 0;}
.box-img-1, .box-img-2{position: absolute;}
.box-img-1{left: -8%;top: 22%;}
.box-img-2{right: -8%;top: 22%;}
.point-box-out{padding: 17px;width: 30.8%;}
.point-box{border-radius: 29px;background-color: rgb(0, 0, 0);color: #fff;height: 100%;padding: 16px 16px 36px 16px;}

.point-box p{display: flex;align-items: flex-start;gap: 7px;line-height: 130%;margin-top: 20px;padding-right: 2%;}
.point-box p .check2-img{position: relative;top: 7px;}
.section14-box2-out{}
.section14-box2{background:url(../images/section14boxbg2.webp) no-repeat center top;background-size: cover;padding: 5% 15px 7% 15px;border-radius: 37px;width: 91.4%;margin: auto;margin-top: 4%;}
.section14-box2 h2{letter-spacing:-0.9px}
.section14-box2 p{margin-top: 2.5%;}
.slider2-img{margin-top: -2%;}
.section15-box-out{}
.section15-box{}
.section15-box h3{}
.review-img{margin-top: 2.5%;}
.section15-box .payment-img{width: 313px;margin-top: 10px;}

.section15-text-row{display: flex;align-items: center;justify-content: center;gap: 13px;margin-top: 13px;}
.section15-text{border-radius: 15px;background-color: #000000;color: #fff;width: 39.6%;text-align: left;padding: 18px 25px;}
.section15-text-1{display: flex;align-items: center;gap: 11px;}
.check3-img{}
.box3-img{position: absolute;bottom: -6%;left: 4%;}
.laptop-img{position: absolute;bottom: -4%;right: 3%;}
 

/**/
.section12-title-span {letter-spacing: -0.34px;background-image: -moz-linear-gradient( 90deg, #ff9000 0%, #febc22 100%);background-image: -webkit-linear-gradient(
359deg, #ff9000 0%, #febc22 100%);background-image: -ms-linear-gradient( 90deg, #ff9000 0%, #febc22 100%);color: #000000;display: inline-block;padding: 7px 38px;border-radius: 50px;text-decoration: none;cursor: pointer;transition: transform 0.2s ease;}
.section12-title-span:hover,
.section12-title-span:focus,
.section12-title-span:active,
.section12-title-span:visited {color: #000000;}
.section12-title-span:hover {transform: translateY(-3px);}
.section2 > .container-fluid:first-child {padding-top: 6px;}
.firele-img {position: relative;top: -3px;margin-left: 3px;width: 22px;}
.line1-img {position: absolute;bottom: 0;left: 8px;}
.section5-box-out {margin-top: 60px;}
.section5-box-inn {padding: 0;margin-top: 7%;position: relative;filter: drop-shadow(0 0.2rem 1.15rem rgba(0, 0, 0, 0.2));border-width: 1px;border-color: rgb(0, 0, 0);border-style: solid;background-color: rgb(255, 255, 255);border-radius: 16px 0 16px 16px;width: 88%;}
.section5-row {position: relative;z-index: 1;}
.dotimgPro {position: absolute;top: 3%;left: 5%;}
.list-text {width: 57.3%;}
.list-text-top, .other-list-top {height: 100px;width: 100%;text-align: center;}
.list-text-top .card {text-align: left;padding-left: 10%;color: #1a0e37;}
.list .card {border: 0;padding: 0 3% 0 5%;background-color: transparent;border-radius: 0;}
.list:first-child{border-radius: 16px 0 0 0;}
.list:nth-child(odd) {background-color: #f2f2f2;}
.list {height: 61px;width: 100%;border-bottom: 0;font-size: 21px;}
.list-text {padding: 0;border-radius: 16px 0 0 16px;background-color: #ffffff;border: 0;margin-top: 0;position: relative;border-right: 1px solid #e5e5e5;z-index: 11;}
 
/*===== 2 ======*/
.agency-list {width: 21.3%;padding: 0 20px;position: relative;text-align: center;margin-top: 0;background-color: #1f2024;box-shadow: 0px 14px 33.95px 1.05px rgba(0, 0, 0, 0.21);position: relative;z-index: 10;padding: 8px 0 0 0;}
.agency-list-inn {}
.agency-list-inn{background-color: transparent;border-radius: 0;border-bottom: 0;}
.agency-list-top, .features-title, .other-list-top{height: 66px;} 
.agency-list-top {position: absolute;width: 100%;bottom: 99.9%;left: 0;background-color: #1f2024;padding: 20px 0 0 0;border-radius: 15px 15px 0 0;text-transform: uppercase;color: #fff;}
.tablelogo{}
.other-list-top {position: absolute;width: 100%;bottom: 100%;left: 0;padding: 22px 0 0 0;border-radius: 15px 15px 0 0;color: #000000;border-width: 1px;border-color: rgb(0 0 0);border-style: solid;background-color: rgb(255 255 255);border-bottom: 0;text-transform: uppercase;}

/* ==== 3 ==== */
.other-list {width: 21.4%;}
.other-list {margin-top: 0;position: relative;text-align: center;padding: 0;background-color: #ffffff00;}
.other-list-inn{border-radius: 0;background-size: cover;background-color: rgb(255 255 255 / 0%);position: relative;z-index: 10;padding: 8px 0 0 0;border-left: 1px solid #000;}
 
.other-list .check-list:nth-child(even) {border-top: 1px solid hsl(0deg 0% 100% / 16%);background-color: #f2f2f2;}
.other-list .check-list:last-child .card{}
.cardBd.card-body.d-table-cell.align-middle {border-top: 1px solid hsl(0deg 0% 100% / 16%);}
.check-list .card {border: 0;padding: 0 12%;background-color: transparent;}
.card3.card-body.d-table-cell.align-middle {border: 0;padding: 0 12%;border-radius: 0;}
.check-list {height: 61px;width: 100%;background-color: transparent;}
.agency-list-check {padding: 0;}
.agency-list-check .check-list{border-top: 1px solid rgb(255 255 255 / 10%);}
.agency-list-check .check-list:first-child{ border-top: 0px;}
.agency-list-top {border-bottom: 1px solid rgb(255 255 255 / 10%);}
.clickBg2 {border-width: 1px;border-color: rgb(70, 191, 250);border-style: solid;border-radius: 8px;background-color: rgb(255, 255, 255);display: inline-block;color: #46bffa;padding: 5.5px 1.5%;margin-top: 1%;}
.agency-list-top{}
.circle-img {position: relative;margin-right: 10px;}
.features-title {position: absolute;bottom: 99.9%;background-color: #fff;padding: 19px 57px;border-radius: 15px 15px 0 0;}
.features-list-bottom {position: relative;display: inline-block;height: 18px;width: 100%;}
.agency-list-bottom{position: absolute;display: inline-block;height: 12px;width: 100%;top: 99.9%;background-color: #1f2024;left: 0;border-radius: 0 0 15px 15px;}
.other-list-bottom{position: absolute;display: inline-block;height: 40px;width: 100%;top: 99.9%;background-color: #ffffff;left: 0;border-radius: 0 0 15px 15px;}
.tablelogomob{display:none !important;}
.tablelogo{display:block !important;}
.element41-img {position: absolute;left: 99.8%;bottom: 0;} 
.element42-img {position: absolute;right: 99.5%;bottom: -0.8px;}
.element43-img {position: absolute;right: 98.5%;top: 18px;}
.ele4-img{position: absolute;top: -50px;right: 100.5%;}
.crown{position: relative;top: -4px;right: -2px;}
.click-link {color: #f68b00;border-width: 1px;border-color: #f68b00;border-style: solid;border-radius: 10px;background-color: rgb(255, 255, 255);display: inline-block;padding: 1px 14px 3px 14px;transition: 0.5s;}
.click-link:hover{color: #f68b00;box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 16%);transition: 0.5s;}
.thankyou-detail{padding: 0;}
.thankyou-detail p{margin-top: 6%;line-height: 150%;    padding: 0 5%;}
.point-main-div{margin-top: 5%;padding: 0 0.5%;}
.point-div{padding: 22px;display: flex;}
.point-div-inn{border-radius: 30px;background-color: rgb(0, 0, 0);box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.3);padding: 8% 5% 0 5%;min-height: 395px;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.point-div p{margin-bottom: 28px;padding: 0 5%;} 
.point1-img{position: relative;max-width: 100%;top: 40px;}
.point2-img{position: relative;max-width: 100%;top: 11px;}
.point3-img{position: relative;top: 7px;margin-top: -2px;}
.point-span-div{text-align: center;margin-top: 6%;}
.pra-box{position: relative;background-color: #fff2dd;display: inline-block;text-align: center;width: 69%;margin: auto;padding: 26px 6%;}
.pra-box span{position: relative;}
.shapele1-img, .shapele2-img, .shapele3-img, .shapele4-img{position: absolute;}
.shapele1-img{bottom: 100%;left: 0;width: 100%;}
.shapele2-img{left: 100%;top: -4px;height: 111.5%;}
.shapele3-img{top: 100%;right: -27px;max-width: 103%;}
.shapele4-img{top: -11px;right: 99.5%;height: 118.5%;}
.connection-img{position: absolute;left: 100%;bottom: 82%;}
.pro-span {
    background-color: #000000;
    border-radius: 20px 20px 20px 4px;
    display: inline-block;
    padding: 0 13px;
    color: #ffbb33;
    position: relative;
    z-index: 1;
}
.crown2-img{
    top: -14px;
    position: absolute;
    right: -8px;
    bottom: 100%;
}
.benefit-box-out{padding: 18px;}
.benefit-main-div{margin-top: 2.5%;}
.benefit-box{background: url(../images/benefitbg.webp) no-repeat center bottom;background-size: cover;border-radius: 33px;background-color: rgb(3, 3, 3);box-shadow: 0px 21px 33.6px 1.4px rgba(100, 43, 155, 0.11);text-align: center;height: 100%;padding: 10% 15px 18% 15px;}
.benefit-box p{margin-top: 8%;}
.animators-detail{padding: 0 0px 0 2%;}

/*reason-section*/
.reason-section{padding: 7% 0 8% 0;position: relative;}
.reason-box{margin-top: 25px;}
.reason-box-1{margin-top: 4%;}
.reason-box-inn{border-radius: 50px;width: 90.7%;margin: auto;position: relative;padding: 35px 3%;}
.reason-detail{padding: 0 1.4% 0 4.6%;}
.reason-img{padding:0;}
.reason-span-title{background-image: -moz-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);background-image: -ms-linear-gradient( 180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);box-shadow: 0px 18px 18px 0px rgba(255, 164, 0, 0.25);display: inline-block;margin-bottom: 14px;padding: 8px 17px;border-radius: 18px 12px 12px 5px;color: #0b0b0b;letter-spacing: -0.5px;font-size: 19px;font-weight: 700;}
.reason-detail h2{letter-spacing: -1.8px;padding: 0 2% 0 0;font-size: 36px;}
.reason-detail h4{margin-top: 2.5%;padding-right: 5%;font-size: 19px;line-height: 155%;font-weight: 300;}
.reason-detail h4 b {
    color: rgba(255,255,255,0.95);
    font-weight: 600;
}
.reason-detail h4 ul {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 0;
}
.reason-detail h4 ul li {
    margin-bottom: 6px;
    padding-left: 28px;
    position: relative;
    list-style: none;
}
.reason-detail h4 ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 1px;
    font-weight: 800;
    font-size: 16px;
    background: linear-gradient(180deg, #ffdc37 0%, #ffac25 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.bonuses-section{padding: 30px 0 0 0;}
.bonuses-div-out{}
.bonuses-div{border-radius: 52px;padding: 4% 15px 5% 15px;width: 97%;margin: auto;background: url(../images/bonusboxbg.webp) no-repeat center top;background-size: cover;background-color: rgb(0, 0, 0);}
.bonuses-row{width: 72%;margin: auto;margin-top: 4%;}
.bonuses-detail-div{padding: 0 4.5%;}
.bonuses-img-div{}
.bonuses-span{border-radius: 20px;background-image: -moz-linear-gradient( 0deg, rgb(255,234,244) 0%, rgb(255,253,216) 100%);background-image: -webkit-linear-gradient(0deg, #ffd21d 0%, #ffac25 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,234,244) 0%, rgb(255,253,216) 100%);display: inline-block;padding: 8px 25px 8px 25px;width: 80%;position: relative;left: -7px;}
.bonuses-span-title {background: url(../images/bonustitlebg.webp) no-repeat center top;background-size: contain;color: #fff;display: inline-block;padding: 25px 40px 5px 40px;}
.bonuses-detail-div h2{}
.bonuses-detail-div h3{margin-top: 10px;}
.bonuses-detail-div h4{margin-top: 20px;}
.bonuses-detail-div p{margin-top: 28px;}
.complete-section{padding: 4%;}
.complete-detail{padding: 0 4.4%;}
.div-line hr{border-color: rgb(35 35 35);margin: 4% 0 7% 0;}
.family-section{background:url(../images/familybg.webp) no-repeat center top;background-size: cover;padding: 4% 0 4% 0;overflow: hidden;}

/*footer*/
.foot-logo-img{width: 260px;}
.copyright-link{text-align:center;color: #ffffff;}
.footer a {color: #9595A0;margin: 0 3%;}
.footer a:hover {text-decoration: underline;color: #9595A0;}
.footer hr{border-top: 1px solid rgb(255 255 255 / 10%);margin-top: 3%;margin-bottom: 1.5%;}
 
.banner{background:url(../images/banner.webp) no-repeat center 0%;background-size: cover;padding: 30px 0 70px 0;position: relative;}
.banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,1) 100%);
    pointer-events: none;
}
.section2{background:url(../images/section2.webp) no-repeat center top;background-size: cover;padding: 0;margin-top: 0%;overflow: hidden;}
.section2-box {background-color: #f3f2fc;padding: 9% 15px 4.5% 15px;width: 92%;position: relative;border-radius: 36px;}
.section5{background: url(../images/section5.webp) no-repeat center top;background-size: cover;padding: 5.5% 0 3% 0;overflow: hidden;position: relative;} 
.section8{background: url(../images/section8up.webp) no-repeat center top;background-size: cover;padding: 50px 0 0% 0;overflow: hidden;}
.section12{background:url(../images/pricingbg.webp) no-repeat center top;background-size: cover;padding: 3% 0 3% 0;position: relative;}
.footer{background: url(../images/footerbg.webp) no-repeat center top;background-size: cover;padding: 3% 0 2% 0;background-color: #001a30;} 

@media only screen and (max-width: 991px){	
   .fire-img {width: 28px;}
.logoclip-img {width: 31px;}
.videle-img{
    width: 70px;
}
    .banner-point-box-out {
    padding: 8px;
}
    .madewith-img{
    width: 500px;
}
    .fact-text-div p {
    font-size: 19px;
}
    .factimg-img{
    max-width: 129%;
    margin-top: -20px;
    margin-bottom: -25px;
}
    .banner-point-box-out-1{
    top: 0;
}
.banner-point-box-out-2{
    top: 0;
}
    .step-div{
    border-radius: 35px;
    margin-top: 20px;
}
     .section7-box-inn{ border-radius: 35px;margin-top:00}
 .vsbg-box {padding: 20px 10px 25px 10px;}
.ficon1-icon{
    width: 90px;
}




.feature-vid-box{
    padding: 11px;
    border-radius: 15px;
}
.feature-vid-box .my-video{border-radius: 15px;}

.box-sale-img {
    top: 86px;
    right: 2px;
    width: 190px;
}
.box-img-1{
    left: -5%;
    top: 31%;
    width: 120px;
}
.box-img-2{
    right: -3%;
    top: 31%;
    width: 120px;
}


 
    .accordion_div{ }
    .accordion_head {font-size: 20px;}
 
    .accordion_body p {font-size: 17px;}
    .plusminus { font-size: 41px; }

    .lg66-ls75 {letter-spacing: -2.3px;}

    .section6-box { padding: 0 6px;}

    .section9-box {border-radius: 20px; }
    .section10-feature-detail-div h2 {letter-spacing: -1px; }
    .section12-title, .section14-title {letter-spacing: -2px;}
    .swiper1 .swiper-slide { top: 0px;}
    .section4-box, .section4-box video { border-radius: 18px; }


    .lock-img{
        width: 32px;
        top: 4px;
    }
        .imgelement-img{
        width: 40px;
    }


    .agency-list {padding: 0;}
    .other-list-inn {padding: 0; }
    .other-list-top { width: 100%; }
    .point-div p {padding: 0 2%;margin-bottom: 15px;}
    .point3-img {margin-top: -16px;}
    .point1-img {margin-top: 0; }
    .point2-img {top: 19px;}
    .point-div-inn {border-radius: 20px; padding: 20px 15px 0 15px; min-height: 395px;}
    
    .section12-title-1 {margin-top: 16px;}

    .agency-list-top, .features-title, .other-list-top {height: 52px;}
    .other-list-top { padding: 16px 0 0 0; }

    .thankyou-detail p { padding: 0 8px;}

    .connection-img {left: 92%;bottom: 95%;width: 70px;}

    .shapele1-img{bottom: 100%;left: 0;width: 100%;}
    .shapele2-img{left: 100%;top: -4px;height: 110.5%;}
    .shapele3-img{top: 100%;right: -24px;max-width: 103%;}
    .shapele4-img{top: -7px;right: 98.5%;height: 114%;}

    .benefit-box {border-radius: 18px;padding: 20px 15px 30px 15px;}

    .reason-box-inn, .bonuses-div { 
        text-align: center;width: 100%;
    }
    .reason-detail h4 {
        font-size: 18px;
        line-height: 155%;
    }
    .reason-box-inn {
        border-radius: 30px;
        padding: 25px 15px;
    }
    .animators-detail {
        padding: 0 15px;
        text-align: center;
        margin-top: 5%;
    }
    .bonuses-div {
        border-radius: 20px;
        padding: 50px 15px; 
    }
    .bonuses-img-div {
        margin: 20px 0;
    }

        
    .complete-section {padding: 4% 0px;}

     

}
@media only screen and (max-width: 767px){
.banner-headline.text-white {
    color: #000000 !important;
}
.banner{padding: 10px 10px 30px 10px;overflow: hidden;}
.section2 {
        margin-top: 0px;
        padding: 30px 0 40px 0;
    }
.section3{padding: 30px 0 30px 0;}    
    .section4{padding: 30px 0 45px 0;}    
.section5{padding: 50px 0 30px 0;background-image: none;margin-top: 0;}
.section6{margin-top: 0;}
.section7{padding: 50px 0 50px 0;text-align: center;}
 
.section8{}
    .vsbg-section{
    margin-top: 0;
    padding: 30px 0;
}
.section9{padding: 0 0 40px 0;margin-top: 0;}
.section10{padding: 30px 0 40px 0;}
.section11{padding: 0px 0 30px 0;}
.section12{padding: 0 0 30px 0;background-image: none;margin-top: 0;}
.section13{padding: 0;}
.section14{padding: 30px 0 30px 0;background-image: none;}
.section15{padding: 35px 0 30px 0;margin-top: 0;}
.section16{padding: 30px 0;}
.section17{padding: 30px 0;background-image: none;}
.section18{padding: 40px 0;background-image: none;margin-top: 0;background-color: #242737;}
.section19{background-image: none;padding: 35px 0 30px 0;margin-top: 0;background-color: #f5f5f5;}
.table-box { 
    margin-top: 30px; 
}
.box-sale-img {
    top: 60px;
    right: 2px;
    width: 214px;
}
 
.footer {padding: 25px 0 18px 0;}
 
.copyright-text, .copyright-link{text-align:center;}
.footer hr {margin: 15px 0 10px 0;}

.menu{box-shadow: 0px 7px 59px 0px rgba(51, 28, 117, 0.15);margin-bottom: 15px;padding: 10px 20px;}

  .banner-headline {
    letter-spacing: -1.05px;
}  
.fire-img {width: 12px;left: 101%;top: 5px;}
.logoclip-img {width: 19px;}
.videle-img{
    width: 40px;
    top: -1px;
}
    .banner-point-box-out {
        padding: 5px;
    }
    .banner-point-box {
    border-radius: 20px;
    padding: 20px 25px;
}
 .madewith-img {
        width: 240px;
    }

    .step-left{width: 100%;padding: 0;}
.step-right{width: 100%;position: relative;}
    .step-div, .step-left-bg-2 {
    text-align: center;        border-radius: 15px;
        margin-top: 10px;
    }
    .step-left-bg{background: url(../images/steptextbg1.webp) no-repeat center right;background-size: contain;}
.step-left-bg-2{background: url(../images/steptextbg2.webp) no-repeat center left;background-size: contain;}


.fact-text-left{
    width: 100%;
}
.fact-text-right{
    width: 100%;
}
.factimg-img{
    max-width: 60%;
    border-radius: 50%;
    margin-top: 0;
    margin-bottom: 0;
    left: 0;
}
    .fact-text-div {
    border-radius: 27px;
    padding: 30px 15px;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
    .fact-text-div p {
    font-size: 20px;
    width: 100%;
    margin-bottom: 20px;
}

    .fact-detail-div {
        padding: 0 6.3%;
    }

    .check-text {
        margin-top: 7px;
    }
    .check-text {
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .mybutton1 .arrow-img { 
        width: 26px;
    }
   .mybutton1 a {
        border-radius: 10px;
        padding: 12px 30px;
        line-height: 120%;
        width: 92%;
        letter-spacing: -0.75px;
    }

    .btn-div{padding: 0;}
    .payment-img{width: 270px;}

    .lg66-ls75 {
        letter-spacing: -1.0px;
    }
    .section4-title-span { 
        border-radius: 10px; 
        padding: 6px 18px;
    }
    .lg52-ls50 {
    letter-spacing: -1.6px;
}
.section12-title, .section14-title {
        letter-spacing: -1.5px;
    }
    .section7-detail, .section7-box-2 .section7-detail{padding: 25px;}
.element2-img {
     width: 40px;
     margin-bottom: -8px;
}
    .section5-title-span {
    letter-spacing: -0.76px;
    padding: 10.5px 23px 10.5px 15px;
    border-radius: 18px 18px 18px 6px;
}
    .element1-img{
    width: 40px;
}
    .section6-div {
    border-radius: 0 0 20px 20px;
    padding: 0 10px 30px 10px;
}
    .section8-tiitle-1 span{
    line-height: 120%;
    display: inline-block;
    width: 96%;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #040104;
}
    .intro-detail-box{
    width: 100%;
    border-radius: 15px;
    padding: 25px 15px;
}
    .swiper1-button-next, .swiper1-button-prev {
        height: 100%;
        top: 0;
        box-shadow: none;
        background-color: transparent;
    }
    .swiper1-button-next .fa, .swiper1-button-prev .fa{
    color: #fff;
}
    .vs-img {
    top: 48%;
}
    .section10-feature-detail-div{width: 100%;}
.section10-feature-img-div{width: 100%;}


    .section15-box {
    border-radius: 0 0 25px 25px;
    width: 100%;
    padding: 0 15px 30px 15px;
}

    .accordion_head {
        padding: 15px 10px 15px 15px;
        font-size: 18px;
        line-height: 120%;
    }
    .accordion_body p {
        padding: 0 0 14px 15px;
        font-size: 16px;
    }
    .accordion_body {
        padding-right: 0;
        margin-top: 0;
    }
    .plusminus {
        font-size: 25px;
        margin-top: -4px;
    }


.faq-main-box{
    padding: 7% 0 7% 0;
    border-radius: 10px;
    width: 99%;
}
    .section15-text-row {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .mybutton2 a{ border-radius: 15px; padding: 19px 30px; width: 100%;}
    .mybutton2 .arrow-img{margin-left: 10px;top: -1px;} 
    
    .feature-detail-div {
        width: 100%; padding: 0;
    }
    .feature-img-div {
        width: 100%;padding: 0;
    }
   .section9-box {
        border-radius: 20px;
        padding: 20px 15px 10px 15px;
        flex-direction: column;
        text-align: center;        gap: 20px;
    }


    .section11-span {  
        padding: 6px 18px;
        border-radius: 12px 12px 12px 2px;
        margin-bottom: 10px;
    }
    .section13-box { 
        padding: 0 15px 30px 15px;
        width: 98%; 
        border-radius: 15px;        margin-top: 30px;
    }
    .section13-title-span { 
        border-radius: 16px; 
        padding: 9px 15px; 
    }
    .spanarrow2-img { 
        width: 30px;
    }
    .testimonials-img {
        margin-top: 30px;
    }
    .table-box-inn { 
        border-radius: 15px; 
        padding: 20px 20px 25px 20px;
    }
    .table-box-inn h1 {
        font-size: 52px !important;
    }
    .btn-link {
        margin-left: -10px;
        margin-right: -10px;
    }
    .table-box-inn .btn-link a {
        white-space: nowrap;
        font-size: 16px;
        padding: 16px 10px;
        gap: 6px;
    }
    .table-box-inn .btn-link .btnarrow-img {
        width: 18px;
    }

    .section10-feature-row {margin-top: 35px;}

    .section7-box-inn {border-radius: 15px; }
    .section7-box {margin-top: 15px;}

    .section7-detail h2 {letter-spacing: -0.8px;margin-top: 5%;}
    .video-box, .video-box-inner {border-radius: 12px;}

    .fact-detail-div { text-align: center;}


    .videoicon-img, .imgicon-img, .box-img-1, .box-img-2, .laptop-img,.box3-img, .connection-img, .shapele1-img, .shapele2-img, .shapele3-img, .shapele4-img{display: none !important;}
 
    .pra-box { 
        width: 100%; 
        padding: 15px 15px;
    }

    .family-section { 
        padding:40px 0;
        overflow: hidden;
    }
    .lock-img{
        width: 20px;
        top: 4px;
    }
    .imgelement-img{
        width: 25px;
        top: -2px;
    }

    .logo-img{
        width: 110px;
    }
    .thankyou-img{
        margin-top: 12px;
        width: 220px;
    }
    .banner-headline-1 {
        margin-top: 24px;
    }

    .banner-subheadline-span { 
        padding: 8px 10px;
        background-color: rgba(31, 32, 36, 1);
    }
    .video-box-main { 
        width: 100%;
        margin-top: 20px;
    }
    .thankyou-detail {
        padding: 0 15px;
    }
    .thankyou2-img {
        width: 260px;
        margin-top: 10px;
    }
        
    .section12-title-11{letter-spacing: -1px;}

    .point-div p {
        margin-bottom: 10px; 
        padding: 0 11%;
    }

    .section8-2 { 
        padding: 30px 0 20px 0;
    }
    .lg56-ls75 {
        letter-spacing: -0.2px;
    }

    .reason-div {
        border-radius: 30px;
        padding: 30px 0px;
        width: 100%; 
           margin-top: 0;
        text-align: center;
    }


    .reason-section {
        padding: 0px 0 40px 0;
    }
    .reason-detail h2 {
        font-size: 28px;
    }
    .reason-detail h4 {
        font-size: 18px;
        line-height: 155%;
    }
    .reason-box-inn {
        border-radius: 20px;
        padding: 20px 12px;
    }
    .reason-detail {
        text-align: center;
        padding: 0 15px;
    }
    .reason-detail h2,
    .reason-detail h4 {
        padding: 0;
    }
    .reason-img {
        text-align: center;
        margin-top: 20px;
    }
    
    .animators-detail {
        padding: 0 15px;
        text-align: center;
        margin-top: 20px;
    }
    .bonuses-section {
        padding: 0;
    }

    .bonuses-div {
        border-radius: 30px;
        padding: 40px 0;
        width: 100%;   
        text-align: center;
    }
    .bonuses-row {
        width: 100%; 
        margin-top: 4%;
    }
    .bonuses-detail-div {
        padding: 0 15px;
        margin-top: 15px;
    }
    .complete-section {
        padding: 40px 0 50px 0;
        text-align: center;
    }
    .complete-detail {
        padding: 0 15px;
        margin-top: 20px;
    }

    
    .section5-box-inn {
        margin-top: 0;
    }
    .other-list-top {
        width: 100%;
    }

    .agency-list-top, .features-title, .other-list-top {
        height: 46px;
    }

    .benefit-box {
        border-radius: 18px;
        padding: 20px 15px 40px 15px;
    }
    .table-box-inn h1 {
        font-size: 52px !important;
    }
    .reason-img-div {margin: 20px 0 0px 0;}

.benefit-points-div{
    border-radius: 20px 20px 0 0;
    padding: 40px 15px 50px 15px;
    margin-top: -12px;
}

    .crown2-img{
    width: 12px;
    top: -4px;
    right: 0;
    bottom: 100%;
}


    .stepbg1, .stepbg2, .stepbg3 {padding: 1px 10px;width: 100%;}

    .list {
        height: auto;
        min-height: 44px;
    }

    .list .card {
        padding: 8px 3% 8px 5%;
        font-size: 13px;
        line-height: 1.3;
    }

    .check-list {
        height: auto;
        min-height: 44px;
    }

    .check-list .card {
        padding: 0 8%;
    }

    .checkpro2, .checkpro {
        max-width: 22px;
    }

}
@media (min-width: 240px){
    .lappy {position: static;right: 0;bottom: 0px;}
    .videosection {position: static;right: 0;bottom: 0px;}
    .mainvideo {position: static;width: 100%;height: auto;}
    .video {width: 485px;height: 231px;top: 23px;left: 0px;margin-bottom: 8%;}

    .step-left-bg{padding: 15px 15px 25px 15px;}
    .step-left-bg-2{padding: 15px 15px 25px 15px;}

    .bigleap-video {
        width: 170%;
        left: -34%;
    }
    .table-box{width: 100%;}
    
    .bigleap-video-2 {width: 210%;left: -55%;}

    .logointro-img{width: 130px;}
    .section8-tiitle-1 span {}
    
    .videoicon-img{width:173px;right: 96.5%;}
    .imgicon-img{width:175px;left: 97.5%;}

    .fact-text-div {width: 100%;}
    
    .box3-img{bottom: -6%;left: 4%;width: 197px;}
    .laptop-img{bottom: -4%;right: 3%;width: 342px;}
 
    .accordion_container {width: 95%;}
 
    .banner-headline{font-size: 29px;}
    .banner-subheadline{font-size: 18px;}
    .section7-box-inn {width: 100%;}
    .section15-text {width: 98%;padding: 18px 25px;}
    .point-box-out {padding: 9px 17px;width: 100%;}
    .section14-box {width: 100%;}
    .step-div {width: 98%;}
    .section4-box-out {padding: 6px;width: 94%;}
    .banner-point-box-out {width: 90%;}
    .section10-feature-detail-div-1{padding: 0 15px;margin-bottom: 20px;}
    .section10-feature-detail-div-2{padding: 0 15px;margin-bottom: 20px;}
    .section7-detail h4 {padding-right: 0;}
    .fact-detail-div {padding: 15px 15px 0px 15px;}
    .vsbg-box-out {width: 100%;}
    .menu {width: 100%;}

    
    .reason-row, .bonuses-row {width: 100%;}
    
    .lock-img {width: 19px;right: 105%;top: 7px;}
    .imgelement-img{width: 25px;top: -2px;}
    .section5-box-inn {width: 100%;}
    .thankyou2-img {}
    .point-div {padding: 22px;}
    .pra-box {width: 100%;padding: 26px 15px;}
    .benefit-box-out {padding: 8px 0;width: 100%;}
    .benefit-box-out p{font-size: 24px;}
     
    .bonuses-detail-div {padding: 0 4.5%;}

    .benefit-points-div{width: 100%;}
    
}
@media (min-width: 480px){
  .mainvideo {position: static;width: 100%;height: 0px;}
  .video {width: 485px;height: 273px;top: 23px;left: 28px;margin-bottom: 8%;} 

   
}
@media only screen and (min-width: 768px) {
    
    .lappy {position: relative;right: 0;bottom: -50px;}
    .videosection {position: relative;right: 0;bottom: 0px;}
    .mainvideo {position: absolute;width: 402px;height: 227px;top: 40px;left: 24px;}
    .video {width: 315px;height: 117px;top: 15px;left: 7px;margin-bottom: 12%; }

    .step-left-bg{padding: 14% 0% 24% 6%;}
    .step-left-bg-2{padding: 14% 6% 24% 3%;}
    .section6-box{width: 33%;margin-top: 3%;}

    .bigleap-video {width: 130%;left: -13%;}
    .table-box{width: 70%;}
    
    .bigleap-video-2 {width: 170%;left: -35%;}

    .logointro-img{width: 230px;}
    .section8-tiitle-1 span {}
    
    .videoicon-img{width: 100px;right: 93%;}
    .imgicon-img{width: 105px;left: 94.5%;}

    .fact-text-div {width: 88%;}
    
    .box3-img{bottom: -6%;left: 1%;width: 130px;}
    .laptop-img{bottom: -4%;right: 0%;width: 210px;}
 
    .accordion_container {width: 82%;}
 
    .banner-headline{font-size: 41px;}
    .banner-subheadline{font-size: 19px;}
    .section7-box-inn {width: 100%;}
    .section15-text {width: 46%;padding: 18px 25px;}
    .point-box-out {padding: 7px;width: 33%;}
    .section14-box {width: 100%;}
    .step-div {width: 99%;}
    .section4-box-out {padding: 6px;width: 33%;}
    .banner-point-box-out {width: 31%;}
    .section10-feature-detail-div-1{padding: 0 7% 0 0%;}
    .section10-feature-detail-div-2{padding: 0 0 0 7%;}
    .section7-detail h4 {padding-right: 0%;}
    .fact-detail-div {padding: 0 6.3%;}
    .vsbg-box-out {width: 50%;}
    .menu {width: 93%;}
     
    .reason-row, .bonuses-row {width: 97%;}
    
    .lock-img {width: 34px;right: 105%;top: 7px;}
    .imgelement-img{width: 40px;top: -6px;}
    .section5-box-inn {width: 99%;}
    .thankyou2-img {width: 240px;}
    .point-div {padding: 10px;}
    .pra-box {width: 90%;padding: 26px 4%;}
    .benefit-box-out {padding: 15px;width: 44%;}
    .benefit-box-out p{font-size: 22px;}
    .bonuses-detail-div {padding: 0 4.5%;}
    .complete-detail {padding: 0 0 0 15px;}

    .benefit-points-div{width: 98%;}
}
@media only screen and (min-width: 992px) {
    
    .mainvideo {position: absolute;width: 551px;height: 327px;top: 40px;left: 30px;}
    .video {width: 429px;height: 162px;top: 21px;left: 11px;margin-bottom: 10%;}

    .step-left-bg{padding: 14% 0% 24% 3%;}
    .step-left-bg-2{padding: 14% 3% 24% 3%;}
    .section6-box{width: 31%;margin-top: 3%;}


    .bigleap-video {width: 124%;left: -12%;}
    .table-box{width: 58%;}
    
    .bigleap-video-2 {width: 132%;left: -16%;}

    .logointro-img{width: 221px;}
    .section8-tiitle-1 span {}
    
    .videoicon-img{width: 140px;right: 91%;}
    .imgicon-img{width: 145px;left: 94.5%;}

    .fact-text-div {width: 81%;}
    
    .box3-img{bottom: -6%;left: 4%;width: 147px;}
    .laptop-img{bottom: -4%;right: 3%;width: 252px;}
 
    .accordion_container {width: 82%;}
 
    .banner-headline{font-size: 46px;}
    .banner-subheadline{font-size: 20px;}
    .section7-box-inn {width: 96%;}
    .section15-text {width: 35%;padding: 18px 25px;}
    .point-box-out {padding: 17px;width: 33%;}
    .section14-box {width: 83%;}
    .step-div {width: 98%;}
    .section4-box-out {padding: 13px;width: 32%;}
    .banner-point-box-out {width: 25%;}
    .section10-feature-detail-div-1{padding: 0 5% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 7%;}
    .section7-detail h4 {padding-right: 25%;}
   .fact-detail-div {padding: 0 0 0 6.3%;}
    .vsbg-box-out {width: 48%;}
    .menu {width: 89%;}
    
    
    .reason-row, .bonuses-row {width: 98%;}
    
    .lock-img {width: 36px;right: 105%;top: 9px;}
    .imgelement-img{width: 46px;top: -6px;}
    .section5-box-inn {width: 90%;}
    .thankyou2-img {width: 330px;}
    .point-div {padding: 12px;}
    .pra-box {width: 74%;padding: 26px 4%;}
    .benefit-box-out {padding: 10px;width: 33%;}
    .benefit-box-out p{font-size: 24px;}
    .bonuses-detail-div {padding: 0 1%;}
    .complete-detail {padding: 0 0 0 4.4%;}

    .benefit-points-div{width: 96%;}
}
@media only screen and (min-width: 1100px) {
 
    .mainvideo {position: absolute;width: 551px;  height: 327px;top: 40px;left: 30px;}
    .video {width: 429px;height: 162px;top: 21px;left: 11px;margin-bottom: 10%;}

    .step-left-bg{padding: 14% 0% 24% 10%;}
    .step-left-bg-2{padding: 14% 10% 24% 3%;}
    .section6-box{width: 31%;margin-top: 3%;}

    .bigleap-video {width: 120%;left: -10%;}
    .table-box{width: 52%;}
    
    .bigleap-video-2 {width: 130%;left: -15%;}

    .logointro-img{width: 241px;}
    .section8-tiitle-1 span {}
    
    .videoicon-img{width: 150px;right: 91.5%;}
    .imgicon-img{width: 152px;left: 97.5%;}

    .fact-text-div {width: 79%;}
 
    .box3-img{bottom: -6%;left: 4%;width: 147px;}
    .laptop-img{bottom: -4%;right: 2%;width: 262px;}
 
    .accordion_container {width: 72%;}
 
    .banner-headline{font-size: 46px;}
    .banner-subheadline{font-size: 24px;}
    .section7-box-inn {width: 100%;}
    .section15-text {width: 50%;padding: 18px 25px;}
    .point-box-out {padding: 9px;width: 33.3%;}
    .section14-box {width: 91%;}
    .step-div {width: 100%;}
    .section4-box-out {padding: 13px;width: 32%;}
    .banner-point-box-out {width: 25%;}
    .section10-feature-detail-div-1{padding: 0 9% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 9%;}
    .section7-detail h4 {padding-right: 25%;}
    .fact-detail-div {padding: 0 0% 0 6.3%;}
    .vsbg-box-out {width: 50%;}
    .menu { width: 79.1%;}
    
    .reason-row, .bonuses-row {width: 93%;}
    
    .lock-img {width: 44px;right: 105%;top: 12px;}
    .imgelement-img{width: 56px;top: -6px;}
    .section5-box-inn {width: 88%;}
    .thankyou2-img {width: 410px;}
    .point-div {padding: 22px;}
    .pra-box {width: 69%;padding: 26px 6%;}
    .benefit-box-out {padding: 10px;width: 30%;}
    .benefit-box-out p{font-size: 23px;}
    .bonuses-detail-div {padding: 0 4.5%;}
    .complete-detail {padding: 0 4.4%;}

    .benefit-points-div{width: 91.2%;}
}
@media only screen and (min-width: 1200px) {

    .mainvideo {position: absolute;width: 655px;height: 382px;top: 70px;left: 38px;}
    .video {width: 403px;height: 196px;top: 1px;left: 0px;margin-bottom: 0px;}

    .step-left-bg{padding: 14% 0% 24% 10%;}
    .step-left-bg-2{padding: 14% 9% 24% 3%;}
    .section6-box{width: 31%;margin-top: 3%;}

    .bigleap-video {width: 118%;left: -9%;}
    .table-box{width: 48%;}
    
    .bigleap-video-2 {width: 134%;left: -17%;}

    .logointro-img{width: 300px;}
    .section8-tiitle-1 span {}
    
    .videoicon-img{width: 143px;right: 93.5%;}
    .imgicon-img{width: 145px;left: 94.5%;}

    .fact-text-div {width: 73%;}
    
    .box3-img{bottom: -6%;left: 4%;width: 147px;}
    .laptop-img{bottom: -4%;right: 3%;width: 272px;}
 
    .accordion_container {width: 67%;}
 
    .banner-headline{font-size: 48px;}
    .banner-subheadline{font-size: 24px;}
    .section7-box-inn {width: 100%;}
    .section15-text {width: 39.6%; padding: 18px 25px; }
    .point-box-out {padding: 17px;width: 30.8%;}
    .section14-box {width: 71.5%;}
    .step-div {width: 100%;}
    .section4-box-out {padding: 13px;width: 32%;}
    .banner-point-box-out {width: 23.9%;}
    .section10-feature-detail-div-1{padding: 0 12% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 11%;}
    .section7-detail h4 {padding-right: 5%;}
    .fact-detail-div {padding: 0 6.3%;}
    .vsbg-box-out { width: 43.79%;}
    .menu { width: 79.1%;} 

    .reason-row, .bonuses-row {width: 93%;}
    
    .lock-img {width: 44px;right: 105%;top: 12px;}
    .imgelement-img{width: 56px;top: -6px;}
    .section5-box-inn {width: 88%;}
    .thankyou2-img {width: 410px;}
    .point-div {padding: 22px;}
    .pra-box {width: 69%;padding: 26px 6%;}
    .benefit-box-out {padding: 12px;width: 30%;}
    .benefit-box-out p{font-size: 26px;}
    .bonuses-detail-div {padding: 0 4.5%;}
    .complete-detail {padding: 0 4.4%;}

    .benefit-points-div{width: 92%;}
}
@media (min-width:1300px) {
    .mycontainer{width:1219px;}
    .mycontainer2{width:1180px;}	

    .step-left-bg{padding: 14% 0% 24% 17%;}
    .step-left-bg-2{padding: 14% 19% 24% 3%;}
    .section6-box{width: 31%;margin-top: 3%;}

    .bigleap-video {width: 116%;left: -8%;}
    .table-box{width: 45%;}
    
    .bigleap-video-2 {width: 126%;left: -13%;}

    .logointro-img{width: 300px;}
    .section8-tiitle-1 span {}
    
    .videoicon-img{width:173px;right: 96.5%;}
    .imgicon-img{width:175px;left: 97.5%;}

    .fact-text-div {width: 70%;}
 
    .accordion_container {width: 62.7%; }
 
    .banner-headline{font-size: 58px;}
    .banner-subheadline{font-size: 24px;}
    .section7-box-inn {width: 97%;}
    .section15-text {width: 45%;padding: 18px 25px;}
    .point-box-out {padding: 17px;width: 30.8%;}
    .section14-box {width: 75%;}
    .step-div {width: 93.35%;}
    .section4-box-out {padding: 13px;width: 30%;}
    .banner-point-box-out {width: 25%;}
    .section10-feature-detail-div-1{padding: 0 9% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 9%;}
    .section7-detail h4 {padding-right: 25%;}
    .fact-detail-div {padding: 0 6.3%;}
    .menu { width: 79.1%;}
     
    .reason-row, .bonuses-row {width: 87%;}
    
    .lock-img {width: 44px;right: 105%;top: 12px;}
    .imgelement-img{width: 56px;top: -6px;}
    .section5-box-inn {width: 88%;}
    .thankyou2-img {width: 410px;}
    .point-div {padding: 22px;}
    .pra-box {width: 69%;padding: 26px 6%;}
    .benefit-box-out {padding: 14px;width: 32%;}
    .benefit-box-out p{font-size: 28px;}
    .bonuses-detail-div {padding: 0 4.5%;}
    .complete-detail {padding: 0 4.4%;}

    .benefit-points-div{width: 89.2%;}
}
@media (min-width:1400px) {
  .mycontainer{width:1370px;}
  .mycontainer2{width:1219px;;}

  .step-left-bg{padding: 14% 0% 24% 22%;}
  .step-left-bg-2{padding: 14% 19% 24% 3%;}
  .section6-box{width: 30%;margin-top: 3%;}

  .bigleap-video {width: 112%;left: -6%;}
  .table-box{width: 42%;}
  
  .bigleap-video-2 {width: 118%;left: -9%;}

  .logointro-img{width: 371px;}
  .section8-tiitle-1 span {}
  
  .videoicon-img{width:173px;right: 96.5%;}
  .imgicon-img{width:175px;left: 97.5%;}

  .fact-text-div { width: 64%; }
 
    .box3-img{bottom: -6%;left: 4%;width: 187px;}
    .laptop-img{bottom: -4%;right: 3%;width: 332px;}
 
    .accordion_container {width: 62.7%; }
 
    .banner-headline{font-size: 60px;}
    .banner-subheadline{font-size: 24px;}
    .section7-box-inn { width: 90.7%;}
    .section15-text {width: 39.6%; padding: 18px 25px; }
    .point-box-out {padding: 17px;width: 30.8%;}
    .section14-box {width: 71.5%;}
    .step-div {width: 93.35%;}
    .section4-box-out {padding: 13px;width: 28.89%;}
    .banner-point-box-out {width: 23.9%;}
    .section10-feature-detail-div-1{padding: 0 12% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 11%;}
    .section7-detail h4 {padding-right: 25%;}

    .reason-row, .bonuses-row {width: 90%;}
    
    .lock-img {width: 44px;right: 105%;top: 12px;}
    .imgelement-img{width: 56px;top: -6px;}
    .section5-box-inn {width: 88%;}
    .thankyou2-img {width: 410px;}
    .point-div {padding: 22px;}
    .pra-box {width: 69%;padding: 26px 6%;}
    .benefit-box-out {padding: 14px;width: 29.5%;}
    .benefit-box-out p{font-size: 27px;}
    .bonuses-detail-div {padding: 0 2% 0 4.5%;}
    .complete-detail {padding: 0 4.4%;}

    .benefit-points-div{width: 85.2%;}
}
@media (min-width:1500px) {
    .mycontainer{width:1500px;}
    .mycontainer2{width:1219px;}
    .step-left-bg{padding: 14% 0% 24% 22%;}
    .step-left-bg-2{padding: 14% 19% 24% 3%;}
    .section6-box{width: 28%;margin-top: 3%;} 
    .bigleap-video {width: 110%;left: -5%;}
    .table-box{width: 40%;} 
    .bigleap-video-2 {width: 116%;left: -8%;}
    .logointro-img{width: 371px;}
    .section8-tiitle-1 span {} 
    .videoicon-img{width:173px;right: 96.5%;}
    .imgicon-img{width:175px;left: 97.5%;}
    .fact-text-div { width: 64%; }
    .box3-img{bottom: -6%;left: 4%;width: 197px;}
    .laptop-img{bottom: -4%;right: 3%;width: 342px;}
    .accordion_container {width: 62.7%; }
    .banner-headline{font-size: 60px;}
    .banner-subheadline{font-size: 24px;}
    .section7-box-inn { width: 90.7%;}
    .section15-text {width: 39.6%; padding: 18px 25px; }
    .point-box-out {padding: 17px;width: 30.8%;}
    .section14-box {width: 71.5%;}
    .step-div {width: 93.35%;}
    .section4-box-out {padding: 13px;width: 28.89%;}
    .banner-point-box-out {width: 23.9%;}
    .section10-feature-detail-div-1{padding: 0 12% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 11%;}
    .section7-detail h4 {padding-right: 25%;}
    .reason-row, .bonuses-row {width: 86%;}  
    .lock-img {width: 44px;right: 105%;top: 12px;}
    .imgelement-img{width: 56px;top: -6px;}
    .section5-box-inn {width: 88%;}
    .thankyou2-img {width: 410px;}
    .point-div {padding: 22px;}
    .pra-box {width: 69%;padding: 26px 6%;}
    .benefit-box-out {padding: 14px;width: 30.5%;}
    .benefit-box-out p{font-size: 28px;}
    .bonuses-detail-div {padding: 0 3.5% 0 4.5%;}
    .complete-detail {padding: 0 4.4%;}

    .benefit-points-div{width: 87.2%;}
}
@media (min-width:1600px) { 
    .step-left-bg{padding: 14% 0% 24% 22%;}
    .step-left-bg-2{padding: 14% 19% 24% 3%;}
    .section6-box{width: 27%;margin-top: 3%;} 
    .bigleap-video {width: 108%;left: -4%;}
    .table-box{width: 36%;}  
    .bigleap-video-2 {width: 110%;left: -5%;}
    .logointro-img{width: 371px;}
    .section8-tiitle-1 span {}
    .videoicon-img{width:173px;right: 96.5%;}
    .imgicon-img{width:175px;left: 97.5%;}
    .fact-text-div { width: 64%; }
    .box3-img{bottom: -6%;left: 4%;width: 197px;}
    .laptop-img{bottom: -4%;right: 3%;width: 342px;} 
    .accordion_container {width: 62.7%; }
    .banner-headline{font-size: 60px;}
    .banner-subheadline{font-size: 24px;}
    .section7-box-inn { width: 90.7%;}
    .section15-text {width: 39.6%; padding: 18px 25px; }
    .point-box-out {padding: 17px;width: 30.8%;}
    .section14-box {width: 71.5%;}
    .step-div {width: 93.35%;}
    .section4-box-out {padding: 13px;width: 28.89%;}
    .banner-point-box-out {width: 23.9%;}
    .section10-feature-detail-div-1{padding: 0 12% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 11%;}
    .section7-detail h4 {padding-right: 25%;}
    .reason-row, .bonuses-row {width: 80%;}  
    .lock-img {width: 44px;right: 105%;top: 12px;}
    .imgelement-img{width: 56px;top: -6px;}
    .section5-box-inn {width: 88%;}
    .thankyou2-img {width: 410px;}
    .point-div {padding: 22px;}
    .pra-box {width: 69%;padding: 26px 6%;}
    .benefit-box-out {padding: 14px;width: 30%;}
    .benefit-box-out p{font-size: 30px;}
    .bonuses-detail-div {padding: 0 4.5%;}
    .complete-detail {padding: 0 4.4%;}

    .benefit-points-div{width: 87.2%;}
}
@media (min-width:1700px) {  
    .step-left-bg{padding: 14% 0% 24% 22%;}
    .step-left-bg-2{padding: 14% 19% 24% 3%;}
    .section6-box{width: 24.5%;margin-top: 3%;}
    .bigleap-video {width: 103%;left: -1.5%;}
    .table-box{width: 36%;}  
    .bigleap-video-2 {width: 110%;left: -5%;}
    .logointro-img{width: 371px;}
    .section8-tiitle-1 span {} 
    .videoicon-img{width:173px;right: 96.5%;}
    .imgicon-img{width:175px;left: 97.5%;}
    .fact-text-div { width: 64%; }
    .box3-img{bottom: -6%;left: 4%;width: 197px;}
    .laptop-img{bottom: -4%;right: 3%;width: 342px;} 
    .accordion_container {width: 62.7%; }
    .banner-headline{font-size: 62px;}
    .banner-subheadline{font-size: 24px;}
    .section7-box-inn { width: 90.7%;}
    .section15-text {width: 39.6%; padding: 18px 25px; } 
    .point-box-out {padding: 17px;width: 30.8%;}
    .section14-box {width: 71.5%;}
    .step-div {width: 93.35%;}
    .section4-box-out {padding: 13px;width: 28.89%;}
    .banner-point-box-out {width: 23.9%;}
    .section10-feature-detail-div-1{padding: 0 12% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 11%;}
    .section7-detail h4 {padding-right: 25%;}
    .reason-row, .bonuses-row {width: 76%;}    
    .lock-img {width: 44px;right: 105%;top: 12px;}
    .imgelement-img{width: 56px;top: -6px;}
    .section5-box-inn {width: 88%;}
    .thankyou2-img {width: 410px;}
    .point-div {padding: 22px;}
    .pra-box {width: 69%;padding: 26px 6%;}
    .benefit-box-out {padding: 14px;width: 28.5%;}
    .benefit-box-out p{font-size: 32px;}
    .bonuses-detail-div {padding: 0 4.5%;}
    .complete-detail {padding: 0 4.4%;}

    .benefit-points-div{width: 85.2%;}
}
@media (min-width:1800px) {  
    .step-left-bg{padding: 14% 0% 24% 22%;}
    .step-left-bg-2{padding: 14% 19% 24% 3%;}
    .section6-box{width: 24%;margin-top: 3%;}
    .bigleap-video {width: 100%;left: 0;}
    .table-box{width: 36%;}   
    .bigleap-video-2 {width: 100%;left: 0;}
    .logointro-img{width: 371px;}
    .section8-tiitle-1 span {}   
    .videoicon-img{width:173px;right: 96.5%;}
    .imgicon-img{width:175px;left: 97.5%;}
    .fact-text-div { width: 64%; }
    .box3-img{bottom: -6%;left: 4%;width: 197px;}
    .laptop-img{bottom: -4%;right: 3%;width: 342px;}
    .accordion_container {width: 62.7%; }
    .banner-headline{font-size: 62px;}
    .banner-subheadline{font-size: 24px;}
    .section7-box-inn { width: 90.7%;}
    .section15-text {width: 39.6%; padding: 18px 25px; }
    .point-box-out {padding: 17px;width: 30.8%;}
    .section14-box {width: 71.5%;}
    .step-div {width: 93.35%;}
    .section4-box-out {padding: 13px;width: 28.89%;}
    .banner-point-box-out {width: 23.9%;}
    .section10-feature-detail-div-1{padding: 0 12% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 11%;}
    .section7-detail h4 {padding-right: 25%;}
    .reason-row, .bonuses-row {width: 73%;}  
    .lock-img {width: 44px;right: 105%;top: 12px;}
    .imgelement-img{width: 56px;top: -6px;}
    .section5-box-inn {width: 88%;}
    .thankyou2-img {width: 410px;}
    .point-div {padding: 22px;}
    .pra-box {width: 69%;padding: 26px 6%;}
    .benefit-box-out {padding: 18px;width: 27.5%;}
    .benefit-box-out p{font-size: 32px;}
    .bonuses-detail-div {padding: 0 4.5%;}
    .complete-detail {padding: 0 4.4%;}

    .benefit-points-div{width: 85.2%;}
    
}
@media (min-width:1900px) { 
    .mycontainer2{width:1228px;}
    .step-left-bg{padding: 14% 0% 24% 22%;}
    .step-left-bg-2{padding: 14% 19% 24% 3%;}
    .section6-box{width: 22.5%;margin-top: 3%;}
    .table-box{width: 36%;}
    .bigleap-video-2 {width: 100%;left: 0;}
    .logointro-img{width: 371px;}
    .section8-tiitle-1 span {}
    .videoicon-img{width:173px;right: 96.5%;}
    .imgicon-img{width:175px;left: 97.5%;}
    .fact-text-div { width: 64%; }
    .box3-img{bottom: -6%;left: 4%;width: 197px;}
    .laptop-img{bottom: -4%;right: 3%;width: 342px;} 
 
    .accordion_container {width: 62.7%; }
    .banner-headline{font-size: 62px;}
    .banner-subheadline{font-size: 24px;}
    .section7-box-inn { width: 90.7%;}
    .section15-text {width: 39.6%; padding: 18px 25px; }
    .point-box-out {padding: 17px;width: 30.8%;}
    .step-div {width: 93.35%;}
    .section4-box-out {padding: 13px;width: 28.89%;}
    .banner-point-box-out {width: 23.9%;}
    .section10-feature-detail-div-1{padding: 0 12% 0 2%;}
    .section10-feature-detail-div-2{padding: 0 2% 0 11%;}
    .section7-detail h4 {padding-right: 25%;}
    .reason-row, .bonuses-row {width: 72%;}
    .lock-img {width: 44px;right: 105%;top: 12px;}
    .imgelement-img{width: 56px;top: -6px;}
    .section5-box-inn {width: 88%;}
    .thankyou2-img {width: 410px;}
    .point-div {padding: 22px;}
    .pra-box {width: 69%;padding: 26px 6%;}
    .benefit-box-out {padding: 18px;width: 27.5%;}
    .benefit-box-out p{font-size: 32px;}
    .bonuses-detail-div {padding: 0 4.5%;}
    .complete-detail {padding: 0 4.4%;}

    .benefit-points-div{width: 85.2%;}
  
}

/* Pricing Section CTA Text - Similar to section15-cta-text */
.pricing-highlight {
    background-image: -webkit-linear-gradient(180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700 !important;
}

#pricing .text-center p.outfit {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 150% !important;
    color: #ffffff !important;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(255, 191, 33, 0.2);
    margin: 20px 0 !important;
    padding: 20px 30px;
    background: #000000;
    border-radius: 20px;
    border: 2px solid rgba(255, 191, 33, 0.3);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.4), 0px 0px 40px rgba(255, 191, 33, 0.15);
    position: relative;
    overflow: hidden;
}

#pricing .text-center p.outfit::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 191, 33, 0.1), transparent);
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}

@media only screen and (max-width: 767px) {
    #pricing .text-center p.outfit {
        font-size: 18px !important;
        padding: 20px 15px;
        border-radius: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #pricing .text-center p.outfit {
        font-size: 20px !important;
        padding: 22px 20px;
    }
}

/* Pricing Row 2 - Angled Strikethrough */
.pricing-row2 {
    position: relative;
}
.pricing-row2::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #909090;
    transform: rotate(-12deg);
    border-radius: 2px;
}

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

/* ========================================
   Special Offer Countdown - Reusable
   ======================================== */
.special-offer-line {
    margin-top: 35px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: fit-content;
    background-color: rgba(255, 255, 255, 0.4);
    border: 2px dashed #ff9000;
    border-radius: 50px;
    padding: 14px 30px;
}

.offer-line-text {
    font-family: "Outfit", sans-serif;
    font-size: 25px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.3px;
    line-height: 1.6;
    display: block;
}

.offer-line-text .discount-red {
    color: #e60000;
    font-weight: 700;
}

.countdown-num {
    display: inline-block;
    font-weight: 700;
    position: relative;
    padding: 4px 12px;
    min-width: 32px;
    text-align: center;
    margin: 0 2px;
    background-color: #1a1a1a;
    border-radius: 8px;
}

.countdown-num-text {
    background: linear-gradient(180deg, #ffdc37 0%, #ffac25 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.countdown-num.animate {
    animation: numPop 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes numPop {
    0% { transform: scale(1); }
    40% { transform: scale(1.25); }
    100% { transform: scale(1); }
}

/* Responsive */
@media only screen and (max-width: 767px) {
    .special-offer-line {
        margin-top: 20px;
        padding: 10px 15px;
    }
    
    .offer-line-text {
        font-size: 16px;
    }
    
    .countdown-num {
        min-width: 26px;
        padding: 3px 10px;
        border-radius: 6px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offer-line-text {
        font-size: 20px;
    }
}

/* Special Offer - Inline List Item Style */
.table-box-inn ul li:nth-last-child(2) {
    margin-bottom: 8%;
}
.special-offer-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8% !important;
}

.special-offer-item .discount-red {
    background: linear-gradient(180deg, #ff6b6b 0%, #ee4444 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

.countdown-num-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #ffdc37 0%, #ffac25 100%);
    color: #000000;
    font-weight: 800;
    min-width: 28px;
    padding: 2px 8px;
    border-radius: 6px;
    margin: 0 2px;
}

.countdown-num-text-inline {
    font-family: "Outfit", sans-serif;
    font-size: inherit;
    font-weight: 800;
    line-height: 1;
}

.countdown-num-inline.animate {
    animation: numPop 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media only screen and (max-width: 767px) {
    .special-offer-item {
        font-size: 14px;
        gap: 5px;
    }
    
    .countdown-num-inline {
        min-width: 24px;
        padding: 2px 6px;
    }
}

/* ========================================
   Section4 Pro - See what ClipBee Pro can do
   ======================================== */
.section4-pro {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #ffffff;
    padding: 6% 0;
    transition: background-image 0.5s ease-in;
    margin-bottom: 40px;
}

.section4-pro-heading {
    max-width: 800px;
    margin: 0 auto;
}

.section4-pro-eyebrow {
    display: inline-block;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.34px;
    color: #000000;
    background-image: -moz-linear-gradient(90deg, #ff9000 0%, #febc22 100%);
    background-image: -webkit-linear-gradient(359deg, #ff9000 0%, #febc22 100%);
    background-image: -ms-linear-gradient(90deg, #ff9000 0%, #febc22 100%);
    background-image: linear-gradient(90deg, #ff9000 0%, #febc22 100%);
    border-radius: 50px;
    padding: 7px 38px;
    margin-bottom: 20px;
}

.section4-pro-title {
    font-family: "Outfit", sans-serif;
    font-size: 52px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
}

.section4-pro-title .clipbee-brand {
    background: linear-gradient(135deg, #ffac25 0%, #ffd21d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.section4-pro-title .pro-badge-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.section4-pro-title .pro-span {
    font-size: 28px;
    padding: 6px 18px;
    border-radius: 14px 14px 14px 4px;
    vertical-align: middle;
}

.section4-pro-title .crown2-img {
    width: 22px;
    top: -12px;
    right: -3px;
}

.section4-pro-title-span {
    border: 1px solid rgb(255 215 61 / 60%);
    background-image: -moz-linear-gradient(90deg, rgb(255 215 61 / 60%) 0%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255 215 61 / 60%) 0%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255 215 61 / 60%) 0%, rgb(255, 255, 255) 100%);
    border-radius: 26px;
    display: inline-block;
    padding: 16px 49px;
}

.section4-pro-box-out {
    padding: 13px;
    width: 28.89%;
}

.section4-pro-box {
    border: 4px solid rgb(255, 255, 255);
    border-radius: 30px;
    background-color: rgb(255 255 255);
    box-shadow: 0px 27px 54px 0px rgba(0, 0, 0, 0.22);
    position: relative;
    overflow: hidden;
}

.section4-pro-box video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}


.section4-dark-videos-row {
    display: block !important;
    columns: 3;
    column-gap: 40px;
    flex-wrap: nowrap !important;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.section4-dark-videos-row .section4-pro-box-out {
    break-inside: avoid;
    display: inline-block;
    width: 100% !important;
    padding: 0;
    margin-bottom: 18px;
}

@media only screen and (max-width: 991px) {
    .section4-dark-videos-row {
        columns: 2;
        column-gap: 16px;
    }
    .section4-dark-videos-row .section4-pro-box-out {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .section4-dark-videos-row {
        columns: 1;
        column-gap: 0;
    }
    .section4-dark-videos-row .section4-pro-box-out {
        margin-bottom: 16px;
    }
}

.vimeo-embed-wrapper {
    position: relative;
    height: 0;
    overflow: hidden;
}

.vimeo-embed-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 26px;
}

.vimeo-9-16 {
    padding-bottom: 177.78%;
}

.vimeo-1-1 {
    padding-bottom: 100%;
}

/* ========================================
   Section4 Pro Dark - Premium Dark Theme
   ======================================== */
.section4-pro.section4-pro-dark {
    background-image: none;
    background: linear-gradient(135deg, #000000 0%, #0b0900 45%, #1a1408 75%, #2d2210 100%);
    padding: 4% 3% 5% 3%;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    max-width: 92%;
    margin: 60px auto 40px auto;
}

.section4-pro.section4-pro-dark::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 50% 0%, rgba(160, 124, 24, 0.15) 0%, transparent 60%);
    pointer-events: none;
}

.section4-reason-badge {
    background-image: linear-gradient(180deg, rgb(255,172,37) 0%, rgb(255,191,33) 51%, rgb(255,210,29) 100%);
    box-shadow: 0px 12px 18px 0px rgba(255, 164, 0, 0.25);
    display: inline-block;
    padding: 10px 20px;
    border-radius: 18px 12px 12px 5px;
    color: #0b0b0b;
    font-family: 'Outfit', sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.section4-dark-header {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.section4-dark-subtitle {
    font-family: 'Syne', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: rgba(255, 191, 33, 0.95);
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(255, 191, 33, 0.08);
    padding: 12px 28px;
    border-radius: 50px;
    border: 1px solid rgba(255, 191, 33, 0.25);
}

.section4-dark-subtitle .unlock-icon {
    font-size: 15px;
}

.section4-dark-title {
    font-family: "Outfit", sans-serif;
    font-size: 60px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1px;
    background: linear-gradient(180deg, #ffdc37 0%, #ffac25 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0 0 18px 0;
    padding: 0;
}

.section4-dark-desc {
    font-family: 'Zalando', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    line-height: 1.4;
}

.section4-pro-box-dark {
    border: 3px solid rgba(255, 191, 33, 0.4) !important;
    background: linear-gradient(145deg, #1a1408 0%, #0d0a04 100%) !important;
    box-shadow: 0px 27px 54px 0px rgba(0, 0, 0, 0.5), 
                0px 0px 30px 0px rgba(255, 191, 33, 0.1),
                inset 0px 1px 0px 0px rgba(255, 191, 33, 0.2) !important;
    transition: all 0.3s ease;
}

.section4-pro-box-dark:hover {
    border-color: rgba(255, 191, 33, 0.6) !important;
    box-shadow: 0px 35px 70px 0px rgba(0, 0, 0, 0.6), 
                0px 0px 50px 0px rgba(255, 191, 33, 0.2),
                inset 0px 1px 0px 0px rgba(255, 191, 33, 0.3) !important;
}

.video-style-label {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    font-family: "Outfit", sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    text-align: center;
    padding: 6px 18px;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 191, 33, 0.3);
    border-radius: 20px;
    white-space: nowrap;
}

@media only screen and (max-width: 991px) {
    .section4-pro.section4-pro-dark {
        padding: 40px 25px 50px 25px;
        border-radius: 35px;
        max-width: 94%;
        margin-top: 50px;
    }
    
    .section4-reason-badge {
        padding: 8px 16px;
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .section4-dark-title {
        font-size: 48px;
        letter-spacing: -1px;
        margin-bottom: 15px;
    }
    
    .section4-dark-desc {
        font-size: 22px;
    }
    
    .section4-dark-subtitle {
        font-size: 12px;
        letter-spacing: 2px;
        padding: 10px 22px;
        margin-bottom: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .section4-pro.section4-pro-dark {
        padding: 35px 20px 45px 20px;
        border-radius: 25px;
        max-width: 95%;
        margin-top: 40px;
    }
    
    .section4-reason-badge {
        padding: 7px 14px;
        font-size: 16px;
        border-radius: 14px 10px 10px 4px;
        margin-bottom: 12px;
    }
    
    .section4-dark-title {
        font-size: 36px;
        letter-spacing: -0.5px;
        margin-bottom: 12px;
    }
    
    .section4-dark-desc {
        font-size: 18px;
        padding: 0 15px;
    }
    
    .section4-dark-subtitle {
        font-size: 10px;
        letter-spacing: 1.5px;
        padding: 8px 18px;
        margin-bottom: 15px;
        gap: 6px;
    }
    
    .section4-dark-subtitle .unlock-icon {
        font-size: 13px;
    }
    
    .video-style-label {
        font-size: 11px;
        padding: 5px 12px;
        top: 8px;
    }
}

@media only screen and (max-width: 480px) {
    .section4-pro.section4-pro-dark {
        border-radius: 20px;
        margin-top: 30px;
    }
    
    .section4-reason-badge {
        padding: 6px 12px;
        font-size: 14px;
        border-radius: 12px 8px 8px 3px;
        margin-bottom: 10px;
    }
    
    .section4-dark-title {
        font-size: 28px;
    }
    
    .section4-dark-desc {
        font-size: 16px;
    }
    
    .video-style-label {
        font-size: 10px;
        padding: 4px 10px;
        letter-spacing: 0.5px;
        top: 6px;
    }
}

@media only screen and (max-width: 991px) {
    .section4-pro {
        padding: 30px 0 45px 0;
    }
    
    .section4-pro-title {
        font-size: 42px;
    }
    
    .section4-pro-title .pro-span {
        font-size: 24px;
        padding: 5px 16px;
    }
    
    .section4-pro-title .crown2-img {
        width: 18px;
        top: -10px;
    }
    
    .section4-pro-box-out {
        padding: 6px;
        width: 33%;
    }
    
    .section4-pro-box, 
    .section4-pro-box video {
        border-radius: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .section4-pro {
        padding: 30px 0 45px 0;
        background-image: none;
    }
    
    .section4-pro-eyebrow {
        font-size: 14px;
        padding: 6px 24px;
        margin-bottom: 14px;
    }
    
    .section4-pro-title {
        font-size: 32px;
        letter-spacing: -0.5px;
    }
    
    .section4-pro-title .pro-span {
        font-size: 20px;
        padding: 4px 14px;
        border-radius: 10px 10px 10px 3px;
    }
    
    .section4-pro-title .crown2-img {
        width: 16px;
        top: -10px;
    }
    
    .section4-pro-box-out {
        padding: 6px;
        width: 94%;
    }
    
    .section4-pro-title-span {
        border-radius: 10px;
        padding: 6px 18px;
    }
}

@media only screen and (max-width: 480px) {
    .section4-pro-title {
        font-size: 26px;
    }
    
    .section4-pro-eyebrow {
        font-size: 12px;
        padding: 5px 20px;
    }
    
    .section4-pro-title .pro-span {
        font-size: 16px;
        padding: 3px 10px;
    }
    
    .section4-pro-title .crown2-img {
        width: 14px;
        top: -8px;
    }
}

@media only screen and (min-width: 768px) {
    .section4-pro-box-out {
        padding: 6px;
        width: 33%;
    }
}

@media only screen and (min-width: 992px) {
    .section4-pro-box-out {
        padding: 13px;
        width: 32%;
    }
}

@media only screen and (min-width: 1200px) {
    .section4-pro-box-out {
        padding: 13px;
        width: 32%;
    }
}

@media only screen and (min-width: 1300px) {
    .section4-pro-box-out {
        padding: 13px;
        width: 30%;
    }
}

@media only screen and (min-width: 1400px) {
    .section4-pro-box-out {
        padding: 13px;
        width: 28.89%;
    }
}

/* Pricing two-card responsive overrides */
@media (min-width: 992px) {
    .table-box.table-box-left,
    .table-box.table-box-right { width: 36%; }
}
@media (min-width: 1200px) {
    .table-box.table-box-left,
    .table-box.table-box-right { width: 34%; }
}
@media (min-width: 1400px) {
    .table-box.table-box-left,
    .table-box.table-box-right { width: 33%; }
}
@media (max-width: 991px) {
    .table-box.table-box-left,
    .table-box.table-box-right { width: 65%; }
}
@media (max-width: 767px) {
    .table-box.table-box-left,
    .table-box.table-box-right { width: 100%; }
}