html {
  scroll-behavior: smooth;
}
/*Fonts*/
.liningNums{font-variant-numeric: lining-nums;}

.liningNums{font-variant-numeric: lining-nums;}

/*Common*/
body {font-family: "Google Sans", sans-serif;font-size: 14px;line-height: 1.42857143;color: #000000;background-color: #fff;}

.googleSens{
  font-family: "Google Sans", sans-serif;
}


.gradient_title {
    position: relative;
    background: linear-gradient(to right, #ffba03, #ff6c01);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.gradient_title2 {
    position: relative;
    background: -webkit-linear-gradient(#54a9fc, #0f87fb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gry{
  color: #9d9d9d;
}

.autoplayer-overlay-background {
    border-radius: 36px;
}

.autoplayer-subarea, .autoplayer-subarea iframe {
    border-radius: 36px;
}

a{text-decoration:none;}
a:hover{text-decoration:none;}
p{margin-bottom:0px;}
ul{padding:0px;list-style:none;margin:0px;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;}
 
.ls25-20f{letter-spacing:-0.5px}
.ls25-64f{letter-spacing:-1.6px}
.ls25-34f{letter-spacing:-0.85px}

.ls-016{letter-spacing:-0.16px} 
.ls-2{letter-spacing:-2px;}
.ls-3{letter-spacing:-3px;}
.ls-4{letter-spacing:-4px;}

@media (min-width:240px) { 
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs26 {font-size: 26px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs32 {font-size: 32px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}
.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;}.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;}.sm34 {font-size: 34px;}.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;}.md60{font-size: 60px;}.md65 {font-size: 65px;}.md68 {font-size: 68px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md72 {font-size: 72px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md120{font-size: 120px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}
}

@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;}.lg43 {font-size: 43px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg54 {font-size: 54px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg59 {font-size: 59px;}.lg60{font-size: 60px;}.lg62 {font-size: 62px;}.lg65 {font-size: 65px;}.lg64 {font-size: 64px;}.lg67 {font-size: 67px;}.lg66 {font-size: 66px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg74 {font-size: 74px;}.lg75 {font-size: 75px;}.lg78 {font-size: 78px;}.lg80 {font-size: 80px;}.lg82 {font-size: 82px;}.lg84 {font-size: 84px;}.lg95 {font-size: 95px;}.lg105 {font-size: 105px;}.lg118 {font-size: 118px;}.lg122 {font-size: 122px;}.lg131 {font-size: 131px;}.lg150 {font-size: 150px;}.lg210 {font-size: 240px;}
}

@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;}.xl43 {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;}.xl54 {font-size: 54px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl64 {font-size: 64px;}.xl65 {font-size: 65px;}.xl67 {font-size: 67px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl105 {font-size: 105px;}.xl118 {font-size: 118px;}.xl122{font-size: 122px;}.xl210 {font-size: 240px;} 
}

.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%;}
.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;}.w710{font-weight: 710;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;} 
/*top*/
.navbar{width: 100%;} 
nav{width:100%;}
.navbar-brand {margin-right: 0rem;}
.navbar-expand-lg .navbar-nav .nav-link{padding-left: 16px;padding-right: 16px;padding-top: 7px;padding-bottom: 7px;border-radius: 50px;position: relative;}
.navbar-light .nav-item{display: contents;line-height: 170%;}
.navbar-light .navbar-nav .nav-link {color: #ffffff;letter-spacing:-0.45px;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #ffffff;background-color: #ffffff12;transition: 0.4s ease;}

.navbar-light .navbar-nav .nav-link span{transition: 0.4s ease;}
.navbar-light .navbar-nav .nav-link:hover span{color: #ffffff00;background: -webkit-linear-gradient(0deg, #ffee68 28%, #f870d0 78%);-webkit-background-clip: text;}

.navbar-light .navbar-nav .nav-link.getlink{font-weight: 720;border-radius: 50px;color: #000;padding: 6px 21px !important;margin-left: 7px;} 
.navbar-light .navbar-nav .nav-link.getlink:hover{}

a:-webkit-any-link:focus-visible {outline-offset: 0px;}

.navbar-light .navbar-nav .nav-link.getlink {overflow: hidden;text-decoration: none;transition: background-color 0.4s ease, color 0.4s ease, padding-right 0.4s ease;background-color: rgb(25, 25, 25);position: relative;display: inline-flex;align-items: center;justify-content: center;}

/* Full gradient overlay */
.navbar-light .navbar-nav .nav-link.getlink::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #ffee68 28%, #f870d0 78%);border-radius: inherit;
z-index: 0;transition:width 0.3s ease,height 0.3s ease,top 0.3s ease,left 0.3s ease,transform 0.3s ease,border-radius 0.3s ease;}

/* On hover, shrink gradient into a small dot */
.navbar-light .navbar-nav .nav-link.getlink:hover::before {width: 0%;height: 0px;top: 50.5%;left: calc(100% - 30px);transform: translateY(0%);border-radius: 50%;}

/* Text stays above gradient */
.navbar-light .navbar-nav .nav-link.getlink .text {position: relative;z-index: 1;transition: color 0.6s ease;} 
.navbar-light .navbar-nav .nav-link.getlink:hover .text {color: #fff;}
.navbar-light .navbar-nav .nav-link.getlink .btn-arrow1 {position: relative;z-index: 1;width: 16px;height: auto;margin-left: 6px; transition: transform 0.3s ease;    top: 1px;}
.navbar-light .navbar-nav .nav-link.getlink:hover .btn-arrow1 {transform: translateX(0);opacity: 1;width: 16px;fill:url(#arrowGradient);}
/* Gradient border effect */
.navbar-light .navbar-nav .nav-link.getlink::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;padding: 1px;background: linear-gradient(90deg, hsl(0deg 0% 46% / 24%), rgb(255 255 255 / 24%));mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;opacity: 0;transition: opacity 0.4s ease;pointer-events: none;z-index: 1;box-sizing: border-box;} 
.navbar-light .navbar-nav .nav-link.getlink:hover:after{opacity: 1;}
.navbar-toggler {background-color: white;}
.logo-img{width: 202px;}
.menu {background-color: #ffffff0d;padding: 16px 20px 16px 42px;border-radius: 50px;border: 1px solid rgb(255 255 255 / 16%);backdrop-filter: blur(16px);}

/* Default navbar styling */
#nav-bar {position: fixed;top: 30px;left: 0;right: 0;margin: 0 auto;width: 68.9%;background-color: #ffffff0d;float: none;transition: width 0.4s ease,padding 0.4s ease,background-color 0.4s ease,box-shadow 0.3s ease;z-index: 999;box-shadow: none;}
#nav-bar.scrolled {position: fixed;top: 30px;left: 0;right: 0; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);backdrop-filter: blur(16px);background-color: rgba(13, 13, 13, 0.2);}

/**/
.SMN_effect-21 a:after {content: "";width: 0;height: 1px;background: rgba(255, 255, 255, 0.4);position: absolute;top: 0;left: 50%;right: 50%;transition: all 0.3s ease 0s;}
.SMN_effect-21 a:after {top: auto;bottom: 1px;background: linear-gradient(90deg, #ffee68 28%, #f870d0 78%);}
.SMN_effect-21 a:hover:after {width: 70%;left: 0;right: 0;margin: auto;}

/*banner*/
.banner .navbar-brand{margin-right: 4%;padding: 0;}
.banner-subtitle-heighlight{color: #000000;background-color: #fff;display: inline-block;padding: 2px 20px;border-radius: 50px;position: relative;z-index: 1;}
.banner-subtitle{}
.banner-headline{letter-spacing:-1.85px;line-height: 120%;margin-top: 21px;font-weight: 710;}
.banner-headline-span1 {background: linear-gradient(90deg, #ffee68, #f86cce);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mic-img{margin-top: -19px;}
.banner-subheadline{letter-spacing:-0.65px;margin-top: 2.1%;}
.banner-subheadline2{letter-spacing:-0.95px;margin-top: 2%;}
.banner-subheadline2 span.gradientbg{background:url(../images/textbg1.webp) no-repeat center center;background-size: cover;padding: 5px 17px;}
.video-box-main{border-radius: 40px;overflow: hidden;padding: 1px;/* background-image: linear-gradient(to right, hsl(0deg 0% 46% / 24%), rgb(255 255 255 / 24%)); */margin: auto;width: 94.3%;margin-top: 6.65%;}
.video-box{background-color: #ffffff0d;backdrop-filter: blur(10px);border-radius: 40px;overflow: hidden;padding: 16px;border: 1px solid hsl(0deg 0% 72.55% / 9%);}
.video-box-inner{border-radius: 30px;overflow: hidden;}
/**/
.video-container {margin: auto;position: relative;width: 100%;max-width: 100%;aspect-ratio: 16 / 9;border-radius: 20px;overflow: hidden;}
.video-iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-box iframe{position: absolute;}
.video-thumbnail{ }
.video-thumbnail img.demothumb{width: 100%;height: 100%;object-fit: cover;cursor: pointer;display: block;border-radius: 32px 32px 0 0;}
.video-thumbnail.video-thumbnail-1 img.demothumb{margin-top: -33px;}
/*video-animation*/
.banner-overly-box-left{z-index: 1;}
.overly-left-div{}
.ban1-img{} 
.tilted-video-box{position: absolute;transition:transform 0.3s ease-out;will-change: transform;z-index: 1;}
.ban1-video-tilted{width: 100%;height: 100%;object-fit: cover;display: block;}

.tilted-video-box.tilted-video-box1 {width: 238px;height: 178px;perspective: 800px;overflow: hidden;top: 460px;left: 4.8%;}
.tilted-video-box.tilted-video-box1 .ban1-video-tilted {clip-path: polygon(0% 0%,100% 0%,100% 76.4%,0% 99% );transform: rotateY(5deg) rotateX(2deg);}

.tilted-video-box.tilted-video-box2 {width: 248px;height: 270px;perspective: 800px;overflow: hidden;top: 709px;left: 8.8%;}
.tilted-video-box.tilted-video-box2 .ban1-video-tilted {clip-path: polygon(-14% 27.3%,100% 0%,100% 67%,0% 97%);
transform: rotateY(20deg) rotateX(-1deg);}

.tilted-video-box.tilted-video-box3 {width: 155px;height: 162px;perspective: 800px;overflow: hidden;top: 459px;right: 9.5%;}
.tilted-video-box.tilted-video-box3 .ban1-video-tilted {clip-path: polygon(0 0,100% 0%,100% 99%,3% 85%);transform: rotateY(-10deg) rotateX(10deg);}

.tilted-video-box.tilted-video-box4 {width: 175px;height: 228px;perspective: 800px;overflow: hidden;top: 707px;right: 12.2%;}
.tilted-video-box.tilted-video-box4 .ban1-video-tilted {clip-path: polygon(1% 0%,100% 15%,100% 98%,3% 73%);transform: rotateY(-10deg) rotateX(10deg);}
 
/*gradient-animation*/
#bg:root {--edge: 75%;}
@property --edge {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: false;
}
#bg {position: absolute;left: -40%;top: 250px;width: 1000px;height: 1000px;background: radial-gradient(circle closest-side, #fff07f8f, #ffe9434d 50%, transparent var(--edge), transparent 100%);filter: url(#noise);animation: anim 3s linear infinite alternate;z-index: 1;}

#bg-pink {position: absolute;right: -34%;top: -50%;width: 1000px;height: 1000px;background: radial-gradient(circle closest-side, #ff9be2, #ff6ad3a6 50%, transparent var(--edge), transparent 100%);filter: url(#noise);animation: anim 3s linear infinite alternate;z-index: 1;}

@-webkit-keyframes anim {
  0% {
    --edge: 100%;
  }
  100% {
    --edge: 90%;
  }
}
@keyframes anim {
  0% {
    --edge: 100%;
  }
  100% {
    --edge: 90%;
  }
}

.btn-links{margin-top: 16px;}
.btn-links a{display: table;transition: .5s;position: relative;border-radius: 50px;font-size: 16.53px;letter-spacing: -0.16px;font-weight: 720;text-transform: uppercase;margin: 5px 0;width: auto;text-align: center;}

.banner .btn-links a.gradient-shrink-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 28px 28px;
    color: #111;
    background-color: rgb(25, 25, 25);
    overflow: hidden;
    text-decoration: none;
    transition: background-color 0.4s ease, color 0.4s ease, padding-right 0.4s ease;
    gap: 0;
    background-color: rgb(25, 25, 25);
    border: 0;
}




/* Gradient border effect */
.btn-links a.gradient-shrink-btn::after, .btn-links a.jv-link::after {content: "";  position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;padding: 1px;background: linear-gradient(90deg, hsl(0deg 0% 46% / 24%), rgb(255 255 255 / 24%));mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;-webkit-mask-composite: destination-out;opacity: 0;transition: opacity 0.4s ease;pointer-events: none;z-index: 1;box-sizing: border-box;}
.btn-links a.gradient-shrink-btn:hover::after , .btn-links a.jv-link:hover:after{opacity: 1;}
.btn-links a.gradient-shrink-btn .noise-overlay,
.navbar-light .navbar-nav .nav-link.getlink .noise-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/noise.webp');background-size: cover;background-repeat: no-repeat;opacity: 0.1; /* Adjust as needed */z-index: 0.5;pointer-events: none;border-radius: inherit;transition: opacity 0.4s ease;}
.btn-links a.gradient-shrink-btn:hover .noise-overlay,
.navbar-light .navbar-nav .nav-link.getlink:hover .noise-overlay{ opacity: 0;}
.btn-links a.jv-link{background-color: rgb(29 29 29);padding: 16.8px 59px;color: #ffffff;}
.btn-links a.jv-link:hover{}

/* Full gradient overlay */
.btn-links a.jv-link::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, hsl(0deg 0% 9.8%) 28%, #191919 78%);border-radius: inherit;z-index: 0;transition:width 0.3s ease,height 0.3s ease,top 0.3s ease,left 0.3s ease,transform 0.3s ease,border-radius 0.3s ease;}
.btn-links a.jv-link:hover::before {width: 0px;height: 0px;top: 50%;left: calc(100% - 40px);transform: translateY(0%);border-radius: 50%;}
.btn-links a.jv-link {}

.launch-date-box-left h4{letter-spacing:-0.575px;text-transform: uppercase;}
.launch-date-box-left h4 span{color: #fff5a9;display: inline-block;border: 1px solid rgb(255 255 255 / 20%);border-radius: 50px;padding: 0.5px 26px 0.5px 16px;}
.launch-date-box-left h1{font-family: "Anton", sans-serif;text-transform: uppercase;margin-top: 1px;}
.launch-date-box-left h1 span.launch-date{background: -webkit-linear-gradient(#ffffff, #a4a4a4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.launch-date-box-left h1 span.launch-date sup{background: -webkit-linear-gradient(#a4a4a4, #ffffff);-webkit-background-clip: text;text-transform: capitalize;font-size: 55%;top: -0.75em;}
.element-fire{position: relative;top: -1px;}
.launchimg{position: relative;left: 0;margin-bottom: -18px;}
.meet-box-out{margin-top: 2.5%;}
.meet-box{background:url(../images/meetbg.webp) no-repeat center top;background-size: cover;padding: 0 0 0 0;width: 92%;border-radius: 36px;margin: auto;text-align: center;position: relative;margin-bottom: -5.5%;    z-index: 1;}
.meet-text{}
.logointro-img{}
.meetimg-div{position: relative;}
.meetimg-img{margin-top: 3.8%;position: relative;max-width: 100%;}
.meetbook-img{position: absolute;bottom: -6%;left: 9%;}
.meetmic-img{position: absolute;bottom: -5%;right: 12%;}
.micelement-img {position: absolute;right: 0;top: 11.5%;z-index: 2;}
.parallax-book,
.parallax-mic {will-change: transform;transition: transform 0.2s ease-out;}
.h4-t1{margin-top: 2.8%;}
.p-t1{margin-top: 1.6%;}
.p-t2{margin-top: 1.4%;}
/**/
.interactive-3d-card {  position: relative;width: fit-content;perspective: 1000px;}
.main-img {display: block; z-index: 1;position: relative;max-width: 111%;    margin-bottom: -69px;}
.rocket-wrapper {position: absolute;top: 54px;right: 47px;width: auto;height: auto;z-index: 3;transform-style: preserve-3d;transition: transform 0.3s ease;pointer-events: none;overflow: visible;transform-origin: center center;will-change: transform;}
.rocketimg {width: 100%;height: auto;display: block; pointer-events: none;}
.date-text{position: relative;top: -4px;margin-right: 5px;width: 47px;}
.schedule-main-div{padding: 0 11px;margin-top: 2%;}
.schedule-box{padding: 6px;}
.schedule-box-inn{border-radius: 30px;background-color: rgb(255, 255, 255);text-align: center;padding: 10.6% 1% 8.8% 1%;}
.schedule-box h3{letter-spacing: -0.95px;font-weight: 720;margin-top: 17px;} 
.schedule-box p{letter-spacing: -0.4px;margin-top: 5px;}
.webinar-img{transition: transform 0.3s ease;}
.schedule-box:hover .webinar-img{transform: translateY(-10px);}


.line1,.line45,.line5{height:75px}
.line2{height:40px}
.line3,.line6{height:148px}
.line18,.line28,.line39,.line4{height:87px}
.line7{height:187px}
.line14,.line35,.line41,.line8{height:129px}
.line9{height:188px}
.line10,.line32{height:171px}
.line11{height:165px}
.line12{height:125px}
.line13,.line33{height:116px}
.line15{height:132px}
.line16,.line36{height:91px}
.line17,.line29{height:78px}
.line19,.line48{height:65px}
.line20{height:81px}
.line21{height:149px}
.line22{height:298px}
.line23{height:185px}
.line24{height:123px}
.line25{height:158px}
.line26{height:178px}
.line27{height:113px}
.line30,.line50{height:53px}
.line31{height:143px}
.line34,.line37{height:126px}
.line38{height:58px}
.line40,.line47{height:87px}
.line42,.line43{height:79px}
.line44{height:54px}
.line46{height:43px}
.line49{height:39px}

.delay-1 {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.delay-2 {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
.delay-3 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.delay-4 {-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.delay-5 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.delay-6 {-webkit-animation-delay: 0.35s;animation-delay: 0.35s;}
.delay-7 {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.delay-8 {-webkit-animation-delay: 0.45s;animation-delay: 0.45s;}
.delay-9 {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.delay-10 {-webkit-animation-delay: 0.55s;animation-delay: 0.55s;}
.delay-11 {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.delay-12 {-webkit-animation-delay: 0.65s;animation-delay: 0.65s;}
.delay-13 {-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
.delay-14 {-webkit-animation-delay: 0.75s;animation-delay: 0.75s;}
.delay-15 {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.delay-16 {-webkit-animation-delay: 0.85s;animation-delay: 0.85s;}
.delay-17 {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}
.delay-18 {-webkit-animation-delay: 0.95s;animation-delay: 0.95s;}
.delay-19 {-webkit-animation-delay: 1s;animation-delay: 1s;}
.delay-20 {-webkit-animation-delay: 1.05s;animation-delay: 1.05s;}   
.sound-icon{position: absolute;width: 100%;top: 61%;}
 

.ground-breaking-feature-box-3 .ground-breaking-feature-box-inn{ }
.ground-breaking-feature-box-4 .ground-breaking-feature-box-inn{ }
.ground-breaking-feature-detail{}
.ground-breaking-feature-box h3{letter-spacing:-0.75px;color: #fff;margin-bottom: 35px;}
.ground-breaking-feature-box p{letter-spacing:-0.425px;margin-top: 8px;margin-bottom: 35px;padding: 0 10%;color: #c2c2c2;}

 
.ground-breaking-feature-box-27 p{margin-bottom:18px;}

.ipad10-img{margin-top: -30px;}
.ipad7-img{position: relative;left: -7%;}
.ipad11-img{margin-top: -32px;}

.feature-box-other{padding: 0 5px;}
.feature-box-other .ground-breaking-feature-box{padding: 10px;}
.feature-box-other .ground-breaking-feature-box-inn {justify-content: flex-start;padding: 18px;padding-bottom: 10%;}
.feature-box-other .ground-breaking-feature-box h3{letter-spacing:-0.6px;margin-top: 35px;margin-bottom: 0;}
.feature-box-other .ground-breaking-feature-box p{letter-spacing:-0.425px;margin-top: 8px;padding: 0 10%;margin-bottom: 0;}


/*================================ codeeee ---------------------------- */

.green {color: #c0d902;}
.green2 {color: #317d46;}

/*------- Top_bar*/

.topbar {
    padding: 18px 10px;
    background-image: -moz-linear-gradient( 180deg, rgb(234,138,0) 0%, rgb(255,221,38) 99%);
    background-image: -webkit-linear-gradient(180deg, #cc2726 0%, #e83b3a 99%);
    background-image: -ms-linear-gradient( 180deg, rgb(234,138,0) 0%, rgb(255,221,38) 99%);
    padding: 18px 10px;
}

.wait {
    margin: -5px 3px 0 0;
}


.lt_spc1 {letter-spacing: -2px;}
.lt_spc2 {letter-spacing: -1px;}

/*------- Banner*/

.banner {
    background: url(../images/bg1.png) no-repeat center top;
    background-size: cover;
    padding: 4% 0 0% 0;
}

.banner_shape1 {
    padding: 14px 52.5px;
    display: inline-block;
    border-width: 1px;
    border-color: rgb(78, 78, 78);
    border-style: solid;
    border-radius: 27px;
    position: relative;
    z-index: 1;
}

.mebannerimget-img {
    margin-top: -4%;
}

.banner-video {
    border-radius: 36px;
    padding: 0;
    margin-top: -4%;
    position: relative;
}

.video-box-inner {
    border-radius: 36px;
    width: 99.8%;
    margin: auto;
    position: relative;
    padding: 8px;
    border: 1px dashed #fe8c8c;
    /* background: linear-gradient(#000000, #000000) padding-box, linear-gradient(to bottom, #fe8c8c, #dc2727) border-box; */
}

.banner_shape2 {
    border-width: 1px;
    border-color: #515057;
    border-style: solid;
    border-radius: 25px;
    padding: 7.5px 16.5px;
    display: inline-block;
    background: #050510;
}

.button_main_box {
    padding: 3.5% 10px 4% 10px;
    margin-top: 6%;
}

.btn-text-1 {
    letter-spacing: -0.48px;
}

p.check-text {
    letter-spacing: -0.34px;
    color: #000000;
    margin-top: 14px;
}

p.check-text .check-text-span {
    border: 1px solid rgb(0 0 0);
    border-radius: 24px;
    display: inline-block;
    background: #fff;
}

p.check-text .check-text-span span {
    padding: 11px 22px 10px 22px;
    border-right: 1px solid rgb(0 0 0);
    display: inline-block;
}

.check-img {
    position: relative;
    top: -2px;
    margin-right: 4px;
}

p.check-text .check-text-span span:last-child {
    border: 0;
}

.mybutton1 {
    margin-top: 2%;
    margin-bottom: 2%;
}

.out_shape {
    border-width: 2px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: 16px;
    background-color: rgb(255, 184, 29);
    box-shadow: 4.815px 6.389px 14.22px 3.78px rgba(0, 0, 0, 0.1);
    padding: 10px 30px;
    display: inline-block;
}

a.mybutton12222 {
    padding: 3% 5%!important;
}

.mybutton1 a {
    color: #ffffff;
    display: table;
    transition: 0.5s;
    position: relative;
    margin: auto;
    border-radius: 39px;
    background-image: -moz-linear-gradient( 90deg, rgb(55,130,0) 0%, rgb(150,215,45) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(55, 130, 0) 0%, rgb(150, 215, 45) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(55,130,0) 0%, rgb(150,215,45) 100%);
    padding: 3.54% 6.56%;
    text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.18);
    letter-spacing: -0.72px;
}

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

.banner_mockup {
    z-index: 3;
    position: relative;
}

.banner_mockup_back {
    position: absolute;
    top: 3%;
    left: -7%;
    max-width: 114%;
}

.btn-links {
    margin-top: 1.5%;
}

.banner_mockup {
    margin-bottom: -9.5%;
}

.vd1 {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-radius: 25px!important;
  background-color: rgb(234, 234, 234);
  box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.09);
}

.section_4 .spc {
    padding: 0 11px;
}


/*---------------------- section_2*/

.section_2 {
    padding: 5% 0% 0% 0%;
}

.section_2Box1 {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(227, 227, 227);
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    box-shadow: 3.42px 9.397px 28.5px 1.5px rgba(101, 41, 230, 0.1);
    padding: 63.5px 6% 63.5px 9%;
    height: 100%;
}

.spc0 {
    padding: 0 10px;
}

.section_2_spc {
    margin-top: 2%;
}

.section2_bodr {
    background: url(../images/border2.webp) no-repeat center center;
    background-size: contain;
    padding: 0px 5px;
}

.section2_text_spc {
    padding: 0 15px 0 0%;
}

.section_2_box {
    padding: 0 2.9%;
}

.gry {
    color: #9d9d9d;
}

.gray2{
    color: #575757;
}

.toypu {
    margin-bottom: -8%;
}

.left{
    text-align: left;
}

.add6_sppc {
    padding: 0 45px;
}


/*--------------------- Congress_section*/

.congress_section {
    background: url(../images/bg3.png) no-repeat center top;
    background-size: cover;
    padding: 5% 0% 5% 0%;
    max-width: 94.5%;
    margin: auto;
    margin-top: 5%;
    border-radius: 60px;
}

.bdwt {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-radius: 25px!important;
    background-color: rgb(234, 234, 234);
    box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.15);
}

.thumb {
    margin: 0 0 10px -10px;
}



/*add_one_section*/

.add_one_section {
    background: url(../images/add_oneBG.png) no-repeat center top;
    background-size: cover;
    padding: 7% 0% 2% 0%;
}

.add_one_shape {
    box-shadow: 13.62px 26.73px 49px 0px rgba(0, 0, 0, 0.1);
    max-width: 86.2%;
    padding: 6.1% 5% 6.1% 5%;
    border-width: 1px;
    border-style: solid;
    border-radius: 60px;
    background-color: rgb(0, 0, 0);
}

.add_two_shape {
    max-width: 86.2%;
    padding: 4% 5% 4% 5%;
}

.add_two_shape1 {
    padding: 0 0% 0 5.5%;
}


/*---------------------- section_3*/

.intro_section {
    background: url(../images/intro_bg.png) no-repeat center top;
    background-size: cover;
    padding: 4% 0% 0% 0%;
}

.Intrologo {
    margin-top: -1%;
}

.intro_shape {
    background-image: -webkit-linear-gradient(-90deg, #ffdc27 0%, #ffdc27 51%, #ffad36 100%);
    background-color: rgb(0, 0, 0);
    padding: 13.5px 44px;
    box-shadow: 0px 6px 24px 0px rgba(244, 202, 36, 0.3);
    display: inline-block;
    color: #000000;
    border-radius: 50px;
}

.intro_Mockup {
    margin-top: 0%;
    margin-bottom: -4%;
}

/*---------------------- section_4*/

.section_4_top {
    background: url(../images/section_4_top.webp) no-repeat center top;
    background-size: cover;
    padding: 9.5% 0% 1% 0%;
}

.diamond {
    margin-top: -13px;
}

.rocket_shape {
    border-width: 1px;
    border-color: rgb(49, 125, 70);
    border-style: solid;
    border-radius: 52px;
    background-color: rgb(255, 255, 255);
    display: inline-block;
    padding: 17px 37.5px;
}

.rocket {
    margin: 0 10px 0 0px;
}

.checklist3 li {
    background: url(../images/checklist1.webp) no-repeat left 5px;
    padding-left: 35px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    text-align: left;
}


/*lice_section*/

.lice_section {
    margin-top: 9%;
}

.com_lc {
    border-width: 1px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    padding: 10.5px 20.5px;
    display: inline-block;
    border-radius: 30px;
}

.add_three_shape {
    border-width: 2px;
    border-color: rgb(213, 196, 175);
    border-style: solid;
    border-radius: 50px;
    background-color: rgb(255, 249, 231);
    max-width: 83.9%;
    padding: 4.3% 5%;
    border-radius: 60px;
}

.add_four_shape {
    max-width: 83.9%;
    padding: 4.3% 5% 1% 5%;
}

.pcshapoe {
    background: #cce2b2;
    padding: 0 3px;
}

.pcshapoe2 {
    background: #feca02;
    padding: 0 3px;
    color: #000;
    font-weight: 700;
}


.checklist5 li {
    background: url(../images/checklist1.webp) no-repeat left 5px;
    padding-left: 35px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    text-align: left;
}

.add_five_shape {
    box-shadow: 13.62px 26.73px 49px 0px rgba(0, 0, 0, 0.1);
    max-width: 86.2%;
    padding: 6.1% 5% 6.1% 5%;
    border-width: 1px;
    border-style: solid;
    border-radius: 60px;
    background-color: rgb(0, 0, 0);
}

.license_box {
  max-width: 1330px;
  margin: 0 auto;
  background: #fff8e8;
  border: 2px solid #efd49b;
  border-radius: 38px;
  padding: 54px 70px 50px;
}

.license_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px;
}

.checklist3 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.checklist3 li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 30px;
  color: #000000;
}

.checklist3 li:last-child {
  margin-bottom: 0;
}

.checklist3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 23px;
  height: 23px;
  background: #08b322;
  border-radius: 50%;
}

.checklist3 li::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 12px;
  width: 7px;
  height: 11px;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.checklist3 strong {
  font-weight: 800;
}

@media (max-width: 1199px) {
  .license_box {
    padding: 44px 42px;
  }

  .license_grid {
    gap: 45px;
  }

  .checklist3 li {
    margin-bottom: 26px;
  }
}

@media (max-width: 991px) {
  .license_grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .license_box {
    border-radius: 30px;
  }
}

@media (max-width: 575px) {
  .section_license {
    padding: 35px 0;
  }

  .license_box {
    padding: 30px 20px;
    border-radius: 24px;
  }

  .checklist3 li {
    padding-left: 30px;
    margin-bottom: 22px;
  }

  .checklist3 li::before {
    width: 21px;
    height: 21px;
    top: 5px;
  }

  .checklist3 li::after {
    left: 7px;
    top: 10px;
    width: 7px;
    height: 10px;
    border-width: 0 2px 2px 0;
  }
}


/*---------------------- built_section*/


.section_8 {
    padding: 5% 0px;
}

.built_section {
    padding: 5% 0% 2% 0%;
}
.bt_shape {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    display: inline-block;
    padding: 18px 25px;
}
.section8_spc {
    border-radius: 41px;
    background-color: rgb(1, 1, 1);
    padding: 3.5% 4%;
    max-width: 94.8%;
}


.money_back {
    background: url(../images/money_backbg.png) no-repeat center top;
    background-size: cover;
    padding: 5% 0% 4% 0%;

}

div#pricing {
    background: url(../images/pricingBg.png) no-repeat center top;
    background-size: cover;
    padding: 5% 0% 3% 0%;
}

/*---------------------- section_7*/

.section_7 {
    background: url(../images/bg7.png) no-repeat center top;
    background-size: cover;
    padding: 5% 0% 4% 0%;
}

.section_7spc {
    padding: 0 8%;
}

.section_7_shape {
    padding: 0 19% 0 0;
    margin: 0 0 0 -5%;
}


.checklist1 {
    padding: 0 12% 0 0%;
    margin: 0 0% 0 -5%;
}

.checklist1 li {
    background: url(../images/checklist1.webp) no-repeat left 5px;
    padding-left: 35px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    text-align: left;
}

.my-video-3 {
    border-radius: 10px;
}

.mybutton1 .arrow-img {
    position: relative;
    margin-left: 15px;
    top: -2px;
}


/*---------------------- section_8*/

.offer_shape {
    background-color: rgb(216, 14, 14);
    padding: 10px 45px;
    display: inline-block;
    border-radius: 50px;
}

.section_8_shape1 {
    padding: 0 0% 0 2.5%;
}

.section_8_shape {
    box-shadow: 13.62px 26.73px 49px 0px rgba(0, 0, 0, 0.1);
    max-width: 86.2%;
    padding: 4.1% 5% 4.1% 3%;
    border-width: 1px;
    border-style: solid;
    border-radius: 60px;
    background-color: rgb(0, 0, 0);
}


/*---------------------- section_9*/

.section_9 {
    background: url(../images/bg7.webp) no-repeat center top;
    background-size: cover;
    padding: 5% 0% 5% 0%;
}

.price_shape {
    border-width: 1px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    display: inline-block;
    padding: 7px 28px;
    border-radius: 50px;
}

.table_main1 {
    padding: 0 30px;
}

.table_main_box2 {
    border-width: 1px;
    border-color: rgb(222, 222, 222);
    border-style: solid;
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 25px 53.2px 22.8px rgba(225, 95, 190, 0.08);
    padding: 0 0 7% 0;
}

.table_shape_m {
    background: url(../images/table_mockup_bg.png) no-repeat center top;
    background-size: contain;
    padding: 7% 0% 5% 0%;
}

.unlimited_shape {
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 222, 38) 0%, rgb(255, 197, 46) 51%, rgb(255, 172, 54) 100%);
    box-shadow: 0px 6px 24px 0px rgba(244, 202, 36, 0.3);
    padding: 6.5px 33px;
    display: inline-block;
    border-radius: 30px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.table_mockup {
    width: 95.5%;
}

.pricingtb hr {
    margin: 5% 0;
}

.onetm {
    border-radius: 10px;
    background-color: rgb(239, 255, 245);
    padding: 7px 3px;
}

.wortshape {
    background: #fff2ad;
    padding: 3px 5px;
    border-radius: 6px;
    display: inline-block;
}
.inc_shape {
    border-radius: 8px;
    background-color: rgb(255, 242, 173);
    padding: 6px 24px;
}

.checklist2 {
    padding: 0 12%;
}

.checklist2 li {
    background: url(../images/checklist1.webp) no-repeat left 5px;
    padding-left: 35px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    text-align: left;
}


/*---------------------- section_10*/

.section_10 {
    background: url(../images/bg10.webp) no-repeat center top;
    background-size: cover;
    padding: 5% 0% 3% 0%;
    margin-top: 3%;
}

.warning_shape {
    border-radius: 20px;
    background-color: rgb(216, 14, 14);
    display: inline-block;
    padding: 22px 35px;
}

.section_10spc {
    padding: 0 10%;
}

.section_10 .btn-links a.gradient-shrink-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 28px 28px;
    color: #111;
    background-color: rgb(25, 25, 25);
    overflow: hidden;
    text-decoration: none;
    transition: background-color 0.4s ease, color 0.4s ease, padding-right 0.4s ease;
    gap: 0;
    background-color: rgb(25, 25, 25);
    border: 0;
}

.section_10 .btn-links-span {
    background: url(../images/btn_bg.webp) no-repeat center top;
    background-size: contain;
    padding: 55px 16px;
}

/*---------------------- section_11*/

/*footer*/

.footer {
    background: url(../images/footerbg.webp) no-repeat center bottom;
    background-size: cover;
    position: relative;
    padding: 60px 0 2.5% 0;
    background-color: #010000;
}

.footer-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3%;
}
.logoicon-div {
  width: 260px;
}
.logoicon-img {
  position: relative;
  left: -12px;
}
.footer-links-inn {
  color: #fff;
  width: 72%;
  text-align: right;
}
.copyright-link {
  text-align: center;
  color: #ffffff;
}
.footer a {
  color: #ffffff;
  margin: 0 0.4%;
}
.footer a:hover {
  text-decoration: underline;
  color: #d0d0d0;
}
.footer hr {
  border-top: 1px solid hsl(0deg 0% 100% / 20%);
  margin-top: 40px;
  margin-bottom: 40px;
  opacity: 1;
}
.logofoot-img {
  margin-top: 5%;
}




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

  .hedone {
    font-size: 50px;
  }

  .hedone2 {
    font-size: 40px;
  }

}


/*------------------------------------------ Responsive_Media*/

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

  .banner_shape1 {
    padding: 8px 15px;
  }

  .topbar {
    padding: 15px 0;
  }

  .banner_mockup_back {
    top: 6%;
    left: 2%;
    max-width: 96%;
  }

  .banner_mockup {
    max-width: 85%;
  }

  .banner .btn-links a.gradient-shrink-btn {
    padding: 24px 24px;
  }

  .banner .btn-links-span {
    padding: 47px 13px;
  }

  .section_2 {
    padding: 16% 1.5% 0% 1.5%;
    margin-top: -3%;
    }

  .secrion2_icon. {
    max-width: 35%;
  }

  .spc0 {
    padding: 0 8px;
  }

  .congress_section {
    padding: 7% 3.8% 3% 3.8%;
  }


  .add_one_shape {
    max-width: 95%;
    }

    .add_three_shape {
    max-width: 95%;
    padding: 4.3% 2%;
    border-radius: 30px;
}

.add_four_shape {
    max-width: 95%;
    padding: 4.3% 2% 1% 2%;
    }

    .license_box {
    max-width: 90%;
    }

        .checklist3 li {
        margin-bottom: 7px;
        }


    .add_five_shape {
    max-width: 95%;
    padding: 6.1% 3% 6.1% 3%;
    }


    .add6_sppc {
    padding: 0 55px;
}

    .lice_section {
    margin-top: 9%;
    padding: 0 6%;
}


    .add_two_shape {
    max-width: 95%;
    padding: 4% 2%;
    }

  .Intrologo {
    max-width: 40%;
  }

  .party_pop {
    max-width: 6%;
  }

  .section2_text_spc {
    padding: 0 15px;
  }

  .rocket_shape {
    padding: 10px 25px;
  }

  .secrion2_icon {
    max-width: 35%;
  }

  .section_2Box1 {
    padding: 35px 5%;
  }

  .sp-spz {
    margin-top: 3%;
  }

  .section_4 {
    padding: 4% 1.5% 7% 1.5%;
    max-width: 95%;
    border-radius: 35px;
  }

  .section_7_shape {
    padding: 0 1.5% 0 2.5%;
    margin: 0 0 0 0%;
  }

  .section4_spc {
    margin-top: 0%;
  }

  .section_4_shape {
    margin-bottom: 5%;
  }

  .section_4_shape2 {
    padding: 0px 1.5%;
  }

  .section_4_shape3 {
    padding: 0px 1.5%;
  }

  .secret_section {
    padding: 7% 3% 7% 3%;
  }

  .sec4 {
    margin-top: 3%;
  }

  .section5_spc {
    margin-top: 5%;
  }

  .worn {
    margin: -6px 5px 0 0;
    max-width: 4%;
  }

  .speed_section {
    background-color: #000;
  }

  .section_6bg_inner {
    padding: 4.8% 3%;
    border-radius: 35px;
  }

  .section_5_shape1 {
    padding: 0 1.5%;
  }

  .section_5_shape2 {
    padding: 0 1.5%;
  }

  .section_6_shape1 {
    padding: 0 1.5%;
  }

  .section_6_shape2 {
    padding: 0 1.5%;
  }

  .section_6_shape {
   min-height: auto;
   padding: 4.2% 3%;
   }

  .section_7spc {
    padding: 0 1.5%;
  }

  .checklist2 {
    padding: 0 8%;
  }

  .checklist1 {
    padding: 0 1.5%;
  }

  .warning {
    max-width: 35%;
  }

  .section_8_shape {
    padding: 4.1% 2%;
  }

  .section_10spc {
    padding: 0 1.5%;
  }

  .section_10 .btn-links a.gradient-shrink-btn {
    padding: 24px 24px;
  }

  .section_10 .btn-links-span {
    padding: 47px 13px;
  }

  .intro_shape {
    padding: 9.5px 35.5px;
  }

  .table_shape_m {
    padding: 7% 3% 5% 3%;
  }

  .mybutton1 a {
    padding: 3.54% 3.56%;
    }


}



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

   .banner_shape1 {
   margin-top: 3%;
   }

   .lt_spc1 {
    letter-spacing: 0px;
  }

  .banner_mockup_back {
    top: 0%;
    }

  .button_main_box {
    padding: 5% 3%;
    max-width: 100%;
    border-radius: 15px;
  }

  .payment {
    max-width: 80%;
  }

  .section5_spc {
    margin-top: 0%;
  }

  .worn {
    margin: -6px 5px 0 0;
    max-width: 6%;
  }

  .Introducing {
    max-width: 34%;
  }

  .Intrologo {
    margin-bottom: 2%;
    max-width: 55%;
  }

  .section_6bg_inner {
     padding: 4.8% 3%;
    border-radius: 20px;
    }

    .rocket_shape2 {
    padding: 1px 20px 5px 20px;
    border-radius: 52px;
    display: inline-block;
    }

    .unlocked_section2 {
    border-radius: 30px;
    }

   .banner .btn-links-span {
   padding: 27px 0px;
   }

   .banner .btn-links a.gradient-shrink-btn {
   padding: 15px 30px;
   border-radius: 30px;
   }
  
   .section_2 {
   padding: 5% 1.5%;
   margin-top: 10%;
   }

   .section_4_shape {
        margin-bottom: 8%;
    }

    .spez_section {
    padding: 5% 10px;
    border-radius: 35px;
  }

  .thunder {
    max-width: 6%;
  }

  .pricebtn {
    max-width: 95%;
  }

   .section_2Box1 {
   padding: 25px 3%;
   height: auto;
   margin-bottom: 3%;
   }

   .section_2_spc {
   margin-top: 0%;
   }

   .secrion2_icon {
    max-width: 20%;
   }

   .section2_text_spc {
   text-align: center;
   margin-top: 5%;
   }

   .rocket_shape {
   padding: 10px 10px;
   }

   .rocket {
   margin: 0 5px 0 0px;
   max-width: 8%;
   }

   .section_4_shape2 {
   text-align: center;
   margin-top: 5%;
   }

    .section_4_shape3 {
    text-align: center;
    margin-top: 5%;
    }

   .section_5_shape {
        padding: 0 3.5%;
        text-align: center;
        margin-top: 3%;
    }

   .section_5_shape1 {
    margin: 3% 0 8% 0;
    }

    .section_5_shape2 {
    margin: 3% 0 8% 0;
    }

    .section7_img {
    max-width: 90%;
    }

   .growth {
   max-width: 10%;
   }

   .section_6_shape {
   max-width: 95%;
   padding: 6% 3%;
   border-radius: 25px;
   text-align: center;
   }

   .section_7_shape {
   padding: 0 5%;
   margin: 5% 0 0 0%;
   }

   .offer_shape {
   padding: 10px 31px;
   }

   .section_8_shape {
   padding: 4% 2% 6% 2%;
   max-width: 95%;
   border-radius: 25px;
   text-align: center;
   }

   .table_main1 {
   padding: 0 20px;
   }

   .table_logo {
   max-width: 65%;
   margin-bottom: 2%;
   }

   .checklist2 {
    padding: 0 5%;
   }

   .checklist2 li {
    background: url(../images/checklist1.webp) no-repeat left 1px;
   }

   .money_img {
    max-width: 70%;
   }

   .table_payment {
    max-width: 80%;
   }

   .warning {
    max-width: 50%;
   }

   .warning_shape {
    border-radius: 20px;
    padding: 13px 25px;
   }

   .section_10 .btn-links a.gradient-shrink-btn {
   padding: 15px 30px;
   border-radius: 30px;
   }

   .section_10 .btn-links-span {
   padding: 27px 0px;
   }

   .payment2 {
    max-width: 80%;
   }

   .mybutton1 .arrow-img {
    margin-left: 5px;
  }

  .mybutton1 a {
    padding: 2.3% 3.5%;
  }

  .toypu {
    margin-bottom: 0%;
  }

      .intro_shape {
        padding: 6.5px 27.5px;
      }

      .intro_Mockup {
    margin-top: 3.5%;
    margin-bottom: -3.5%;
}

.unloc_img {
    margin: auto;
}

.prc_btn {
    max-width: 100%;
}

.footer-links-inn {
    width: 100%;
    text-align: center;
}

.logoicon-div {
    width: 70%;
    text-align: center;
    margin: auto;
}

.footer-links {
    display: inline;
    align-items: center;
    margin-bottom: 3%;
}

.footer {
    padding: 40px 0 2.5% 0;
}



}



@media (min-width: 240px){
  .mycontainer{width:100%;}
  .mycontainer2{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) { 
  
}
@media only screen and (min-width: 992px) {
  .mycontainer{width: 920px;}
  .mycontainer2{width:920px;}   
  
}
@media only screen and (min-width: 1100px) {
  .mycontainer{width: 1060px;}
  .mycontainer2{width:1060px;}   
  
}
@media only screen and (min-width: 1200px) {
  .mycontainer{width: 1170px;}
  .mycontainer2{width:1180px;}  
  
}
@media (min-width:1300px) {
  .mycontainer{width:1219px;}
  .mycontainer2{width:1180px;}  
  
}
@media (min-width:1400px) {
  .mycontainer{width:1370px;}
  .mycontainer2{width:1219px;;}  
  
}
@media (min-width:1500px) {
  .mycontainer{width:1400px;}
  .mycontainer2{width:1219px;}
  
  
}
@media (min-width:1600px) { 
  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}  
  
  
}
@media (min-width:1700px) { 
  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}
  
  
}
@media (min-width:1800px) { 
  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}
  
  
}
@media (min-width: 1900px) { 
  .mycontainer{width:1440px;}
  .mycontainer2{width:1260px;}
  
 
}

@media (min-width:2000px) { .mycontainer { width: 1600px; } .mycontainer2 { width: 1800px; } }

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