html {scroll-behavior: smooth;}
/*Fonts*/
.liningNums{font-variant-numeric: lining-nums;}
.anton {font-family: "Anton", sans-serif;}
/*Common*/
body {font-family: "neue-frutiger-world", sans-serif;font-size: 14px;line-height: 1.42857143;color: #09040d;background-color: #fff;}
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}
.lg40-ls25{letter-spacing: -1px;}
.lg50-ls25{letter-spacing: -1.25px;}
.lg60-ls25{letter-spacing: -2.5px;}
.lg26-ls25{letter-spacing: -0.65px}
.lg20-ls25{letter-spacing: -0.5px}
.banner-span-1{letter-spacing:-0.87px}
.section3-title-left .instrument-text, .step-section .instrument-text, .section5-title-left .instrument-text, .pricing-section .instrument-text{letter-spacing:-0.61px}
.btn-section .instrument-text{letter-spacing:-0.44px;color: #969696;}
@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;}.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;}.sm34 {font-size: 34px;}.sm35 {font-size: 35px;}.sm36 {font-size: 36px;}.sm37 {font-size: 37px;}.sm38 {font-size: 38px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm42 {font-size: 42px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.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;}.lg64 {font-size: 64px;}.lg65 {font-size: 65px;}.lg66 {font-size: 66px;}.lg67 {font-size: 67px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg74 {font-size: 74px;}.lg78 {font-size: 78px;}.lg80 {font-size: 80px;}.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: 24px;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%;margin-bottom: 20px;padding: 0 34px;}
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;padding: 0;}
.navbar-light .navbar-nav .nav-link {color: #000000;padding: 0;margin-right: 28px;position: relative;display: block;text-decoration: none;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #000000;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;}
.nav-link.getlink, .nav-link.doclink{
padding: 9px 28px;
}
.nav-link.getlink{border-radius: 50px;color: #ffffff;transition: 0.5s;background-color: rgb(0, 0, 0);}
.nav-link.getlink:hover{transform: scale(1.03);}
.nav-link.doclink{transition: 0.5s;padding: 9px 21px;}
.nav-link.doclink:hover{transform: scale(1.03);}
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;}
.last-link{display: flex;gap: 0;font-size: 16px;letter-spacing: -0.48px;font-weight: 400;}
/* Text stays above gradient */
.navbar-toggler {background-color: white;}
.logo-img{}
.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);}
/*
---------------------------------------
hover effect 3
---------------------------------------
*/
.SMN_effect-3 a:after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #000000;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.SMN_effect-3 a:hover:after, .SMN_effect-3 a:focus:after {height: 2px;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.autoplayer-subarea-16-by-9 {padding-bottom: 59.25%;}
.video-box-main {overflow: hidden;margin-bottom: -7%;position: relative;}
.video-box{overflow: hidden;background-color: hsl(0deg 0% 100% / 13%);padding: 20px;border-radius: 49px;}
.video-box .autoplayer-area{border-radius: 49px;overflow: hidden;}
.section-title-div{
padding: 0 2%;
}
/*banner*/
.banner-navbar{display: flex;justify-content: space-between;width: 97.5%;margin: auto;align-items: center;}
.banner-logo-div{}
.banner-title{margin-top: 26px;letter-spacing: -2.34px;color: #fff;}
.banner-title span{position: relative;display: inline-block;}
.create-img{position: absolute;top: 0;left: -5%;}
.banner-subtitle{letter-spacing: -0.6px;margin-top: 3%;margin-bottom: 25px;color: #7e7e7e;}
.banner-subtitle2{letter-spacing: -0.16px;margin-top: 2.5%;}
.banner-subtitle2 span{background-color: rgb(37, 37, 37);display: inline-block;border-radius: 50px;padding: 7.41px 20px;color: #979797;}
.banner-subtitle-span{
border: 1px solid rgb(255 255 255 / 18%);
border-radius: 21px;
display: inline-block;
padding: 16.3px 38px;
}
.instrument-text{font-family: "Instrument Serif", serif;color: #777777;font-style: italic;font-weight: 400;}
.videle-img{position: absolute;right: 102%;top: 25px;}
.musicele-img{position: absolute;left: 104%;top: 14px;}
.banner-points{letter-spacing:-0.36px;color: #fff;display: flex;justify-content: center;margin-top: 2%; margin-bottom: 30px;}
.banner-points-list{
display: flex;
align-items: center;
width: auto;
gap: 9px;
border-radius: 10px;
background-color: rgb(178 178 178 / 12%);
padding: 9px 15px;
margin: 10px 8px;
}
.banner-points-list img{position: relative;top: 1px;}
/*section2*/
.section2-row{margin-top: 20px;}
.section2-point{padding: 11px;}
.section2-point-inn{}
.section2-point-inn{
height: 100%;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: flex-start;
background-color: hsl(0deg 0% 100% / 13%);
box-shadow: 0px 37px 24px 0px rgb(0 0 0 / 10%);
border-radius: 24px;
padding: 28px;
}
.section2-point-inn p{
letter-spacing: -0.55px;
color: #ffffff;
display: flex;
align-items: center;
flex-direction: row;
gap: 16px;
width: 100%;
}
.section2-point-inn h6{
color: #ffffff;
width: 100%;
margin-top: 3px;
font-weight: 300;
}
.point-div{
width: 44px;
margin-top: 4px;
}
.point-div-detail{}
/* Base video and layout */
.my-video{width:100%;height:auto;display:block;object-fit:cover;border-radius:30px}
.marquee-main2{--space:11px;display:grid;align-content:center;overflow:hidden;gap:11px;width:100%;padding:0;margin-top:3.4%;height:auto}
.marquee{width:100%;margin:auto;--duration:40s;--gap:var(--space);display:flex;overflow:hidden;user-select:none;gap:var(--gap);position:relative}
.marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:11px;min-width:100%;animation:scroll var(--duration) linear infinite}
.testi-slide{width:370px;border-radius:30px;overflow:hidden}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - var(--gap)))}}
/* Pause on hover and when class is applied */
.marquee:hover .marquee__group{animation-play-state:paused}
.marquee.paused .marquee__group{animation-play-state:paused}
/* Sound button overlay */
.user-img{position:relative}
.mute-icon{
position:absolute;
right:20px;
top:25px;
z-index:2;
width: 33px;
height: 33px;
border-radius:50%;
display:grid;
place-items:center;
border:none;
cursor:pointer;
background:rgba(0,0,0,.55);
backdrop-filter:saturate(140%) blur(2px);
opacity:0;
transform:translateY(4px);
transition:opacity .2s,transform .2s
}
.user-img:hover .mute-icon{opacity:1;transform:translateY(0)}
.user-img.is-sounding .mute-icon{ }
.icon-unmuted{display:none;}
/* Touch fallback: always show button on touch devices */
@media (hover:none){ .mute-icon{opacity:1;transform:none} }
.icon-muted{
width: 21px;
}
.icon-unmuted{
position: relative;
width: 19px;
top: 0;
left: -1px;
}
/* Add this to your CSS */
/* 1. Crucial for 3D effect. Applied to a parent element. */
.video-box-main {
perspective: 1200px;
}
#video-box-rotate {
/* 2. Set the initial, rotated state */
transform: rotateX(20deg);
/* 3. Set the transition for a smooth animation */
transition: transform 0.15s ease-out;
/* Optional: Sets the point of rotation to the bottom edge */
transform-origin: bottom;
}
/*section2*/
.slider1-title{margin-top: 7%;}
.slider1{position:relative;width:100%;top:0;overflow:hidden}
.slider1 .slider-row{width:983px;height:32px;background-image:url(../images/logos.webp);background-size:983px 32px;animation:60s linear infinite slide1;background-repeat:repeat-x;margin:auto}
@keyframes slide1{from{background-position-x:0}to{background-position-x:-983px}}
.faded{position:relative;color: rgb(0 0 0);padding: 30px 0;}
.faded:after{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-collapse:separate}
.faded.faded-left.faded-right:after{box-shadow: inset 200px 0 40px -16px,inset -200px 0 40px -16px;}
.slider-img{visibility:hidden}
.slidertext-img {position: absolute;z-index: 1;bottom: 30px;}
.section2-div{padding: 9px;}
.section2-div-inn{}
.section2-div:nth-child(odd) {width: 12.7%;}
.section2-div:nth-child(even) {width: 15%;}
.section2-div img{width:100%;}
.spark-img{
position: relative;
margin-top: -10%;
margin-bottom: -1.5%;
}
/*section3*/
.section3-title-left{width: 65%;}
.section3-title-right{width: 28%;padding: 10px 0 0 0;}
/* Spacer to force scrolling (for testing viewport trigger) */
/* --- Swiper Container Styling --- */
.section3 .highlight-slider-container {
width: 100%;
padding-top: 20px;
padding-bottom: 50px;
position: relative;
}
.section3 .swiper {
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 0; /* Added bottom padding for pagination space */
}
.section3 .swiper-slide {
width: 100%;
max-width: 100%;
height: 100%;
border-radius: 30px;
overflow: hidden;
position: relative;
background: #1a1a1a;
transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease;
box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}
.section3 .swiper-slide-active {
z-index: 10;
}
.section3 .swiper-slide video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.section3 .slide-caption {
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
opacity: 0;
transform: translateY(20px);
transition: all 0.4s ease;
padding: 200px 35px 40px 35px;
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
}
.section3 .slide-caption-left{
width: 69%;
}
.section3 .slide-caption-right{}
.section3 .swiper-slide-active .slide-caption {
opacity: 1;
transform: translateY(0);
transition-delay: 0.3s;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
color: white;
}
.section3 .slide-caption p {
font-size: 20px;
font-weight: 300;
letter-spacing: -0.6px;
}
.section3 .slide-caption h4 {
font-size: 22px;
font-weight: 700;
color: #ff791b;
letter-spacing: -0.66px;
}
.section3 .slide-caption h6 {
font-size: 15px;
font-weight: 300;
letter-spacing: -0.45px;
margin-top: 5px;
}
/* --- Custom Pagination Styling --- */
.section3 .swiper-pagination {
position: relative;
margin: auto;
margin-top: 50px;
width: fit-content;
background-color: rgb(38, 38, 41);
padding: 24px 28px;
border-radius: 100px;
}
.section3 .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #ccccce;
opacity: 1;
border-radius: 50%;
transition: width 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
margin: 0 6px !important;
}
.section3 .swiper-pagination-bullet-active {
width: 48px; /* Active bullet is wider (pill shape) */
border-radius: 4px;
background: #ccccce;
opacity: 1;
}
/* Mobile Adjustments */
@media (max-width: 768px) {
}
/* --- Mute Toggle Button Styling --- */
.mute-toggle {
position: absolute;
top: 30px;
right: 30px;
width: 44px;
height: 44px;
border-radius: 50%;
background: rgb(255 255 255 / 12%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 0;
z-index: 30;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease, transform 0.2s ease;
opacity: 0; /* Hidden by default */
pointer-events: none;
}
.mute-toggle:hover {
background: rgba(60, 60, 60, 0.8);
}
.mute-toggle:active {
transform: scale(0.95);
}
/* Show button only on active slide */
.swiper-slide-active .mute-toggle {
opacity: 1;
pointer-events: auto;
transition-delay: 0.3s;
}
.mute-toggle svg, .mute-toggle-btn svg {
width: 20px;
height: 20px;
fill: #fff;
}
/* Toggle Logic Classes */
.mute-toggle .icon-sound-on { display: none; }
.mute-toggle .icon-sound-off { display: block; }
/* When container has class 'sound-active', swap icons */
.mute-toggle.sound-active .icon-sound-on { display: block; }
.mute-toggle.sound-active .icon-sound-off { display: none; }
/*section4*/
.meet-img{
margin-top: -1%;
box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.49);
margin-bottom: 1%;
}
.section4-span{
color: #fff;
border: 1px solid rgb(255 255 255 / 23%);
display: inline-block;
border-radius: 50px;
padding: 2px 30px;
}
.clip-text{font-size: 148px;line-height: 90%;font-weight: 900;background: linear-gradient(to top, black 10%, transparent 50%), url(../images/cliptext.webp) center 43% / cover no-repeat;color: #de466c;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-transform: uppercase;letter-spacing: -5.92px;width: 110%;position: relative;left: -5.5%;margin-top: 2%;}
.mobileslider-img{
position: relative;
z-index: 2;
}
/*sectstep-section5*/
.connection-img{margin-bottom: -1.5%;}
.step-section-div-out{
margin-top: 2%;
padding: 0 4.56%;
}
.step-section-div{border-radius: 41px;position: relative;width: 100%;margin: 30px auto;padding: 4% 5% 0 5%;}
.step-section-div-1{
background-image: linear-gradient(to bottom, #fc9550, #fff4ed);
color: #522405;
}
.step-section-div-2{
background-image: linear-gradient(to bottom, #abd387, #f6fbf3);
color: #183300;
}
.step-section-div-3{
background-image: linear-gradient(to bottom, #90a4ff, #f4f6ff);
color: #101585;
}
.step-section-div h1{}
.step-section-div p{
margin-top: 10px;
letter-spacing: -0.66px;
}
.steptitle-img{
position: absolute;
right: 6%;
top: 12%;
}
.step-img{
margin-top: 5%;
}
.after-div.step-vid-tab{
margin: auto;
background-color: #18181a;
padding: 9px;
border-radius: 24px 0 0 24px;
width: 52.8%;
margin-top: 0;
overflow: visible;
position: relative;
position: relative;
left: -1.5%;
}
.after-div.step-vid-tab video{
width: 100%;
border-radius: 15px;
}
.stepelements-img{
position: absolute;
margin: auto;
position: absolute;
top: 42.5%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.stepelement2-img{
position: absolute;
top: 0;
height: 100%;
left: 100%;
}
.step3-div{position: relative;margin-top: 3%;text-align: center;}
.step3-div-1{position: relative;margin-top: 0;text-align: center;}
.step3-vid {
width: 86%;
position: absolute;
top: 30px;
left: 30px;
border-radius: 10px;
background-color: rgb(39, 39, 42);
}
.play-toggle, .play-toggle-before, .play-toggle-after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgb(0 0 0 / 29%);
border: 0;
width: 68px;
height: 68px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
color: #fff;
font-size: 30px;
}
.play-toggle span, .play-toggle-before span, .play-toggle-after span{
color: #fff;
font-size: 32px;
font-weight: bold;
}
.play-toggle,
.play-toggle-before,
.play-toggle-after {
transition: opacity 0.4s ease;
opacity: 1;
cursor: pointer;
}
.step3-video {
border-radius: 10px;
background-color: rgb(39, 39, 42);
overflow: hidden;
width: 86%;
position: absolute;
top: 30px;
left: 30px;
}
/*get-section*/
.get-title{font-size: 180px;line-height: 100%;font-weight: 800;text-transform: uppercase;letter-spacing:-5.4px;}
.clip-text-get{background: url(../images/cliptext3.webp) center 46% / cover no-repeat;color: #ffffff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;}
.get-span {
border: 1px solid rgb(59, 62, 64);
color: #afafaf;
display: inline-block;
padding: 1px 19px;
border-radius: 50px;
}
/*intro-section*/
.intro-section .instrument-text{letter-spacing:26.4px;color: #ffffff;}
.intro-title{font-size: 134px;line-height: 100%;font-weight: 800;text-transform: uppercase;letter-spacing:-4.02px;}
.clip-text-intro{background: url(../images/cliptext2.webp) center 35% / cover no-repeat;color: #ffffff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;}
.intro-div{background: url(../images/introelebg.webp) no-repeat center center;background-size: cover;padding: 2% 0 2% 0;margin-top: 2%;}
.meet-div{position: relative;}
.video-wrapper.intro-video{
position: absolute;
top: 6.5%;
right: 0;
left: 14.5%;
width: 38.5%;
border-radius: 10px;
margin: auto;
}
.introele-img{position: absolute;bottom: -14.5%;left: 7%;}
.introbox-img{
position: absolute;
bottom: 7%;
right: 10%;
}
/* Wrapper to establish positioning context */
.video-wrapper {
position: relative;
width: 100%;
max-width: 100%; /* Or your specific container width */
}
.intro-video {
width: 100%;
height: auto;
display: block;
}
/* The Toggle Button */
.mute-toggle-btn {
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
background-color: rgb(255 255 255 / 12%); /* Semi-transparent black */
border: 0;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: white; /* Icon color */
transition: all 0.3s ease;
outline: none;
}
.mute-toggle-btn:hover {
/* Icon becomes black on hover */
}
/* Utility class to hide the inactive icon */
.hidden {
display: none;
}
/*section6*/
.section5-title-left{width: 65%;}
.section5-title-right{width: 28%;padding: 10px 0 0 0;}
.section5-main-div{
padding: 0 7px;
margin-top: 3%;
}
.step-box{padding: 12px;text-align: center;}
.step-box-inn{border: 1px solid rgb(39, 39, 42);border-radius: 34px;background-color: rgb(255, 255, 255);padding: 0 0 9% 0;}
.step-box-1 .step-box-inn{border: 1px solid rgb(192, 212, 244);}
.step-box-2 .step-box-inn{border: 1px solid rgb(254, 220, 166);}
.step-box-3 .step-box-inn{border: 1px solid rgb(199, 228, 198);}
.step-box h5{
margin-bottom: 21px;
letter-spacing: -0.45px;
}
.step-box h5 span {display: inline-block;padding: 5px 14px 3px 14px;border-radius: 50px;text-transform: uppercase;}
.step-box h3{
margin-top: 7%;
letter-spacing: -0.85px;text-transform: uppercase;
}
.step-box p{
padding: 0 7%;
margin-top: 3%;
color: #565656;
letter-spacing: -0.45px;
}
.step-box-1 h5 span{background-color: #bff8ff;}
.step-box-2 h5 span{background-color: #fedca6;}
.step-box-3 h5 span{background-color: #dcf76d;}
/*section7*/
.demoframe-out{padding:0 14px;margin-top: 3%;width: 75.55%;margin: auto;margin-top: 3%;}
.demotext-img{position: absolute;left: 102%;top: 6px;}
.demoframe-out .responsive-video{border-radius: 36px;}
.video-wrapper {
position: relative;
overflow: hidden;
}
.my-video {
width: 100%;
display: block;
border-radius: 10px;
}
/* Sound Button Style */
.sound-btn {
position: absolute;
top: 10px;
right: 10px;
background: rgba(0,0,0,0.6);
color: #fff;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 18px;
cursor: pointer;
outline: none;
}
/* Hover Text */
.hover-text {
position: absolute;
bottom: 10px;
left: 10px;
color: #fff;
background: rgba(0,0,0,0.6);
padding: 8px 12px;
border-radius: 6px;
font-size: 14px;
opacity: 0;
transition: 0.3s;
}
.video-wrapper:hover .hover-text {
opacity: 1;
}
/*section8*/
.section8-box{width: 89%;margin-top: 33px;}
.section8-box-1{
margin-top: 5%;
}
.section8-box-inn{border-radius: 41px;background-color: rgb(255, 255, 255);padding: 4.1% 2%;overflow: hidden;}
.section8-box-1 .section8-box-inn{background:url(../images/featuresbg1.webp) no-repeat center center;background-size: cover;padding: 4.1% 4% 4.1% 2%;}
.section8-box-2 .section8-box-inn{background:url(../images/featuresbg2.webp) no-repeat center center;background-size: cover;}
.section8-box-3 .section8-box-inn{background:url(../images/featuresbg3.webp) no-repeat center center;background-size: cover;}
.section8-box-4 .section8-box-inn{background:url(../images/featuresbg4.webp) no-repeat center center;background-size: cover;}
.section8-box-5 .section8-box-inn{background:url(../images/featuresbg5.webp) no-repeat center center;background-size: cover;}
.section8-box-6 .section8-box-inn{background:url(../images/featuresbg6.webp) no-repeat center center;background-size: cover;}
.section8-box-7 .section8-box-inn{background:url(../images/featuresbg7.webp) no-repeat center center;background-size: cover;}
.section8-box-8 .section8-box-inn{background:url(../images/featuresbg8.webp) no-repeat center center;background-size: cover;}
.section8-box-9 .section8-box-inn{background:url(../images/featuresbg9.webp) no-repeat center center;background-size: cover;}
.section8-box-10 .section8-box-inn{background:url(../images/featuresbg10.webp) no-repeat center center;background-size: cover;}
.section8-box-11 .section8-box-inn{background:url(../images/featuresbg11.webp) no-repeat center center;background-size: cover;}
.section8-box-12 .section8-box-inn{background:url(../images/featuresbg12.webp) no-repeat center center;background-size: cover;}
.section8-box-13 .section8-box-inn{background:url(../images/featuresbg13.webp) no-repeat center center;background-size: cover;}
.section8-box-14 .section8-box-inn{background:url(../images/featuresbg14.webp) no-repeat center center;background-size: cover;}
.section8-detail {
padding: 0 5.3% 0 5.3%;
/**/
height: auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.section8-box h3{letter-spacing: -1px;}
.section8-box p{margin-top: 13px;letter-spacing:-0.45px; padding-right: 4%;}
.feature1-div{position: relative;text-align: center;}
.feature1-div .my-video{border-radius: 20px;margin-top: 25px;z-index: 1;position: relative;}
.feature1ele-img{
position: absolute;
bottom: -15px;
right: -13px;
}
.feature1-img{}
.feature2-img{
max-width: 113%;
position: relative;
left: -5%;
}
.feature3-img{
position: relative;
max-width: 107%;
left: -7%;
}
.feature4-img{
max-width: 108%;
position: relative;
left: -3%;
}
.feature5-img{
max-width: 117%;
position: relative;
left: -10%;
}
.feature6-img{
max-width: 115%;
position: relative;
left: -7%;
}
.feature7-img{
max-width: 111%;
position: relative;
left: -8%;
}
.feature8-img{
max-width: 116%;
position: relative;
left: -4%;
}
.feature9-img{
max-width: 116%;
position: relative;
left: -9%;
}
.feature10-img{
max-width: 110%;
position: relative;
left: -2%;
}
.feature11-img{
max-width: 109%;
position: relative;
left: -7%;
}
.feature12-img{
max-width: 111%;
position: relative;
left: -7%;
}
.feature13-img{
max-width: 113%;
position: relative;
left: -7%;
}
.feature14-img{
max-width: 112%;
position: relative;
left: -7%;
}
/**/
.video-container {margin: auto;position: relative;width: 100%;max-width: 100%;aspect-ratio: 16 / 9;border-radius: 36px;overflow: hidden;background-color: #000;}
.video-iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-box iframe{position: absolute;}
.video-thumbnail{background-color: #000;}
.video-thumbnail img.demothumb{width: 100%;height: 100%;object-fit: cover;cursor: pointer;display: block;}
.video-thumbnail.video-thumbnail-1 img.demothumb{margin-top: -33px;}
/*section9*/
.browser-div{padding: 0 13px;}
.browser-div-inn{border-radius: 41px;padding: 44px 50px;}
.browser-div-1{width: 36.6%;}
.browser-div-2{width: 55.9%;}
.browser-div-2-1{width: 50%;padding: 26px 13px 0 0;}
.browser-div-2-2{width: 50%;padding: 26px 0 0 13px;}
.browser-div-3{width: 64.5%;padding-top: 26px;}
.browser-div-4{width: 27.95%;}
.browser-div-1-inn{background-color: #e1d3fc;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.browser-div-2-inn{background-color: #ffbdd1;display: flex;flex-direction: column;justify-content: space-between;}
.browser-div-2-1-inn{background-color: #dfeeac;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.browser-div-2-2-inn{background-color: #ffe88b;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.browser-div-3-inn{background-color: #ffcda4;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.browser-div-4-inn{background-color: #cde2f6;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.browser-div h3{font-size: 30px;letter-spacing:-0.75px;font-weight: 700;line-height: 140%;}
.browser-div p{font-size: 18px;letter-spacing:-0.45px;font-weight: 400;line-height: 140%;margin-top: 8px;}
.browser-div-1{color: #401f58;}
.browser-div-2{color: #621240;}
.browser-div-2-1{color: #2a4824;}
.browser-div-2-2{color: #533f09;}
.browser-div-3{color: #6b3923;}
.browser-div-4{color: #1e415a;padding-top: 26px;}
.browser1-img{opacity: 0;}
.browser2-img{opacity: 0;}
.browser3-img{opacity: 0;}
.browser4-img{opacity: 0;}
.browser5-img{opacity: 0;}
.browser6-img{opacity: 0;}
.browser7-img{opacity: 0;}
/*section10*/
.section10-box-out{
padding: 0 16px 32px 16px;
margin-bottom: 2.4%;
}
.section10-box{}
.section10-box h2{
line-height: 140%;
font-size: 30px;
margin-top: 18px;
}
.section10-box p{
line-height: 140%;
font-size: 18px;
margin-top: 6px;
}
/*section11*/
.section11 .section11-main-div {
position: relative;
display: flex;
flex-direction: column;
gap: 100px;
margin: 0;
}
.section11 .card {
width: 100%;
border-radius: 32px;
position: sticky;
display:flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 41px;
background-color: rgb(238, 240, 246);
overflow: hidden;
top: 284px; /* pushes cards below headline */
}
.section11-sticky {
position: sticky;
top: 0;
z-index: 2;
padding-top: 40px;
}
.section-main-div.section11-sticky{
padding-top: 90px;
}
.client-img-div{padding: 0;}
.client-text-div{
padding: 0 5.4%;
}
.client-text-div h2{font-size: 36px;font-weight: 500;letter-spacing:-0.9px;line-height: 130%;}
.client-text-div p{font-size: 18px;font-weight: 400;letter-spacing:-0.45px;line-height: 170%;color: #5a6271;margin-top: 4%;padding-right: 6%;}
.client-text-div h5{font-size: 22px;font-weight: 500;letter-spacing:-0.55px;line-height: 140%;margin-top: 11%;}
.client-text-div h6{font-size: 17px; font-weight: 400;letter-spacing:-0.45px;line-height: 140%;color: #5a6271;}
/*section12*/
.funnel-box-out{
text-align: center;
padding: 0 11px 22px 11px;
}
.funnel-box{
border-radius: 36px;
overflow: hidden;
padding: 6% 0 3.7% 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.funnel-box-1{
background:url(../images/funnelbg1.webp) no-repeat center top;background-size: cover;
background-color: #050d16;
}
.funnel-box-2{
background:url(../images/funnelbg2.webp) no-repeat center top;background-size: cover;
background-color: #e9ccc6;
}
.funnellogo-img{}
.funnel-box .funnel-title-p{
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 40px;
}
.funnel-box-1 p{
color: #fff;
}
.funnel-box-2 p{
color: #000;
}
.funnel-title{
border-radius: 50px;
display: inline-block;
padding: 1px 18.5px 0px 18.5px;
}
.funnel-box-1 .funnel-title{
border: 1px solid rgb(255, 255, 255);
}
.funnel-box-2 .funnel-title{
border: 1px solid #000;
}
.fe-img{
margin-left: auto;
position: relative;
top: -1%;
}
.funnel-box-3{
border-radius: 36px;
overflow: hidden;
padding: 10.2% 0 3% 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.funnel-box-3-1{background-color: #ebffd1;}
.funnel-box-3-2{background-color: #fdebd1;}
.funnel-box-3-3{background-color: #e3e2ff;}
.funnel-box-3-4{background-color: #d3edff;}
.funnel-pretitle{
text-transform: uppercase;
letter-spacing: -0.4px;
}
.funnel-title-2{
text-transform: uppercase;
letter-spacing: -0.6px;
margin-top: 14px;
}
.funnel-subtitle{
margin-top: 5px;
margin-bottom: 9px;
letter-spacing: -0.45px;
display: inline-block;
}
.funnel-subtitle span{
border-style: solid;
border-width: 1px;
border-color: rgb(199, 226, 201);
background-color: rgb(255, 255, 255);
padding: 2px 15px 0px 15px;
border-radius: 50px;
display: inline-block;
}
.box-img{}
.funnel-box-3-1 .funnel-pretitle{color: #7c8f65;}
.funnel-box-3-2 .funnel-pretitle{color: #a18761;}
.funnel-box-3-3 .funnel-pretitle{color: #8080a6;}
.funnel-box-3-4 .funnel-pretitle{color: #687985;}
.funnel-box-3-1 .funnel-subtitle span{box-shadow: 0px 5px 16px 0px rgba(111, 132, 75, 0.18);}
.funnel-box-3-2 .funnel-subtitle span{border-color: rgb(224, 206, 189);
box-shadow: 0px 5px 16px 0px rgba(154, 123, 89, 0.18);
}
.funnel-box-3-3 .funnel-subtitle span{border-color: rgb(201, 197, 235);
box-shadow: 0px 5px 16px 0px rgba(108, 112, 156, 0.18);
}
.funnel-box-3-4 .funnel-subtitle span{border-color: rgb(188, 210, 223);box-shadow: 0px 5px 16px 0px rgba(22, 108, 124, 0.18);}
/*section13*/
.rewards-box-out{padding: 0 11px;}
.rewards-box{border-radius: 36px;overflow: hidden;}
.rewards-box-top{
padding: 7% 8.5% 11% 8.5%;
}
.rewards-box-1{}
.rewards-box-2{}
.rewards-box-1 .rewards-box-top{background:url(../images/rewardsbg1.webp) no-repeat center top;background-size: cover;background-color: #08634b;}
.rewards-box-2 .rewards-box-top{background:url(../images/rewardsbg2.webp) no-repeat center top;background-size: cover;background-color: #71050b;}
.rewards-box h4{font-size: 16px;font-weight: 400;letter-spacing:-0.4px;text-transform: uppercase;color: #fff;}
.rewards-box h2{font-size: 36px;font-weight: 600;letter-spacing:-0.9px;margin-top: 22px;}
.rewards-box h5{font-size: 20px;font-weight: 400;letter-spacing:-0.5px;color: #fff;margin-top: 9px;}
.rewards-box p{font-size: 18px;font-weight: 400;letter-spacing:-0.45px;color: #fff;display: flex;flex-direction: row;align-items: center;gap: 7px;margin-top: 32px;}
.rewards-box h4 span{
background-color: rgb(255 255 255 / 18%);
display: inline-block;
border-radius: 50px;
padding: 5.5px 18px;
}
.rewards-box h2 span{}
.rewards-box h5 span{}
.rewards-box p span{
color: #b7bfbb;
border-radius: 6px;
background-color: rgb(255 255 255 / 18%);
display: inline-block;
padding: 3px 14px;
}
.rewards-box-2 p span{color: #edc7c7;}
.rewards-box-1 h2 span{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #c8f005, #00a583);
}
.rewards-box-2 h2 span{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #ff7b5d, #ffab32);
}
.rewards-box-bottom{border-radius: 36px;background-color: rgb(255, 255, 255);margin-top: -34px;padding-bottom: 9%;}
.rewards-box-bottom{}
.rewards-box-bottom ul{
font-size: 34px;
text-align: center;
letter-spacing: -0.85px;
font-weight: 600;
}
.rewards-box-bottom li{
padding: 4.33% 0;
}
.rewards-box-bottom li span {color:#7b7b79;}
.rewards-box-bottom li sup{
font-size: .55em;
top: -0.65em;
}
.rewards-box-bottom li:nth-child(even) {background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 12%, rgb(237 237 237 / 71%) 53%, rgb(255, 255, 255) 89%);
background-image: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 12%, rgb(237 237 237 / 71%) 53%, rgb(255, 255, 255) 89%);
background-image: -ms-linear-gradient(0deg, rgb(255, 255, 255) 12%, rgb(237 237 237 / 71%) 53%, rgb(255, 255, 255) 89%);
}
.rewards-box-bottom h6{font-size: 18px;font-weight: 400;letter-spacing:-0.45px;color: #fff;text-align: center;margin-top: 20px;}
.rewards-box-bottom h6 span{background-color: rgb(196, 38, 38);display: inline-block;padding: 2px 11.41px;}
.section13-text h3{letter-spacing:-0.7px;margin-top: 4%;}
.section13-text p{letter-spacing:-0.5px;margin-top: 18px;}
/*section14*/
.section14-main-div p{letter-spacing:-0.6px;color: #999999;margin-top: 14px;}
.launches-box{padding: 0;}
.launches-box-1{text-align: left;}
.launches-box-2{text-align: center;padding: 0 15px;}
.launches-box-3{text-align: right;}
.mobile-launches-box{display: none;}
/*section15*/
.section15-title{letter-spacing:-1.3px;font-size: 52px;}
.section15-pra{letter-spacing:-0.5px;line-height: 150%;font-size: 20px;}
.section15-div-1{
width: 18.5%;
}
.section15-div-2{
width: 31%;
}
.section15-div-3{
width: 21%;
padding: 0 13px;
}
.affiliate-img{
max-width: 101%;
position: relative;
left: -2%;
margin-top: 13%;
}
.rocket-element{
position: absolute;
bottom: -68px;
transform: rotate(-30deg);
right: -53%;
width: 130%;
}
/*section16*/
.section16-div-left{padding: 0 15px;width: 40.6%;}
.section16-div-right{padding: 0 15px;width: 33.5%;}
.section16-div-right-inn{position: relative;}
.links-row{margin: 0;}
.links-btn-div{width: 33.33%;padding: 6px;position: relative;z-index: 2;}
.links-btn{border-radius: 20px;background-color: rgb(255, 255, 255);width: 100%;height: 100%;font-size: 18px;font-weight: 600;color: #000000;text-align: center;line-height: 120%;padding: 24.3px 15px;display: -webkit-flex;display: flex;align-items: center;justify-content: center;transition: transform 0.4s ease;letter-spacing: -0.45px;}
.links-btn:hover{color: #ffffff;background-color: #000000;transform: scale(1.03);}
.everything-img {max-width: 102%;position: relative;top: 28px;left: -7px;}
/*section17*/
.section17-left-div{
width: 50%;
padding: 0;
}
.section17-right-div{
width: 29.5%;
}
.section17-div-out{padding: 6px;width: 19.463%;}
.section17-div{border-radius: 41px;padding: 28px 30px;}
.section17-div h4{font-size: 20px;font-weight: 600;color: #fff;letter-spacing:-0.5px;line-height: 130%;}
.section17-div p{font-size: 17px;font-weight: 400;letter-spacing:-0.425px;line-height: 140%;margin-top: 8px;}
.section17-div-1{background:url(../images/bg1.webp) no-repeat center bottom;background-size: cover;background-color: #002650;height: 351px;}
.section17-div-2{background:url(../images/bg2.webp) no-repeat center bottom;background-size: cover;background-color: #000e18;height: 321px;}
.section17-div-3{background:url(../images/bg3.webp) no-repeat center bottom;background-size: cover;background-color: #ffe9df;height: 291px;}
.section17-div-4{background:url(../images/bg4.webp) no-repeat center bottom;background-size: cover;background-color: #000000;height: 321px;}
.section17-div-5{background:url(../images/bg5.webp) no-repeat center bottom;background-size: cover;background-color: #081508;height: 351px;}
.section17-div-3 h4{color: #151515;}
.section17-div-1 p{color: #c3d2e1;}
.section17-div-2 p{color: #bec5ca;}
.section17-div-3 p{color: #90766b;}
.section17-div-4 p{color: #bec5ca;}
.section17-div-5 p{color: #C0DDF1;}
/*section18*/
.section18-main-div{padding: 0 3.9%;margin-top: 1%;}
.section18-title{
width: 74.81%;
margin: auto;
padding: 0 15px;
margin-bottom: 3%;
}
.section18-title p{margin-top: 1.5%;}
.section18-box-out{padding: 0 6px;width: 25.2%;}
.section18-box{border-radius: 41px; padding: 38px;}
.section18-box-1{background-color: #e8d8ef;}
.section18-box-2{background-color: #c3edc5;}
.section18-box-3{background-color: #c1e9f4;}
.creator-link-div{
margin-top: 8%;
}
.creator-link{width: 100%;margin: 11px 0;display: flex;align-items: center;justify-content: center;gap: 6px;width: 110%;position: relative;left: -5%;flex-direction: column;}
.creator-link a{border-radius: 50px;color: #000000 !important;padding: 11.6px 26px;position: relative;line-height: 120%;transition: 0.5s;font-size: 17px;letter-spacing: -0.425px;background-color: rgb(255, 255, 255);}
.creator-link a:hover{color: #000000 !important;}
.button-text{}
.skype{margin-top: 0px;margin-right: 2px;}
.team{}
/*footer*/
.footer-links{
display: flex;
align-items: center;
justify-content: space-between;
}
.logoicon-div{
width: 55px;
}
.logoicon-img{}
.footer-links-inn{
color: #fff;
width: 72%;
}
.copyright-link{text-align:center;color: #ffffff;}
.footer a {color: #ffffff;margin: 0 1.5%;}
.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%;
}
/* Default navbar styling */
#nav-bar {position: fixed;bottom: 12px;top: auto;left: 0;right: 0;margin: 0 auto;width: 68.9%;background-color: #20202038;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;padding: 20px;text-align: center;display: block;border: 1px solid #ffffff36;}
#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);}
#nav-bar h3{font-size: 34px;font-weight: 600;}
#nav-bar h3 span{font-size: 19px;font-weight: 400;}
.logo-img-2{width: 194px;margin: 0 4px;margin-top: -3px;}
/*btn-section*/
.btn-section{position: relative;z-index: 1;margin-top: 60px;}
.check-text{margin-top: 10px;letter-spacing: -0.18px;}
.check-text span{
display: inline-flex;
align-items: center;
gap: 9px;
border-radius: 50px;
padding: 9px 27px;
margin: 0 1px;
border: 1px solid rgb(255 255 255 / 15%);
background-color: rgb(0, 0, 0);
color: #ffffff;
}
.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: #ffffff;
display:table;
transition:0.5s;
position:relative;
letter-spacing: -0.56px;
margin: auto;
border-radius: 100px;
background:url(../images/btnbg.webp) no-repeat center center;
background-size: cover;
box-shadow: inset 0 0 21px 0 hsl(22deg 98% 50% / 30%);
letter-spacing: -0.37px;
padding: 9px 9px 9px 78px;
border: 1px solid rgb(255, 132, 0);
background-color: #2a0c00;
}
.mybutton1 a:hover{-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;z-index:1;text-decoration:none!important;background-color: rgb(165 206 0);transform: scale(1.05);}
.mybutton1 .arrow-img{position: relative;margin-left: 27px;}
.mybutton1 a:hover .arrow-img{ }
.payment-img{margin-top: -58px;width: 447px;}
.btn-section-text1{}
.btn-section-text2{
margin-top: 30px;
}
.section7 .check-text span {
display: inline-flex;
align-items: center;
gap: 9px;
border-radius: 50px;
padding: 9px 27px;
margin: 0 1px;
border: 0;
background-color: #ffffff;
color: #09040d;
}
/*pricing-section*/
.table-box{padding: 4px;margin-top: 5%;}
.table-box1-inn {
background: url(../images/tablebg1.webp) no-repeat center top;
background-size: cover;
padding: 3px;
overflow: hidden;
border-radius: 55px;
}
.table-box1-inn-2{padding: 0 0 12% 0;border-radius: 30px;background-color: rgb(255, 255, 255);position: relative;z-index: 1;overflow: hidden;}
.table-box-top {background: url(https://clipsfieldai.com/special/images/tablebg1.webp) no-repeat center top;background-size: cover;border-radius: 0;padding: 9% 1%0 1%;}
.table-box2-top {border-radius: 0;padding: 6% 1% 0 1%;}
.table1-name{border: 2px solid rgb(255, 255, 255);border-radius: 50px;display: inline-block;padding: 0px 20px 4px 20px;color: #fff;text-transform: uppercase;}
.table-name{border-radius: 50px;display: inline-block;padding: 2px;}
.table-name-inn{border: 1px solid rgb(255 255 255 / 26%);border-radius: 50px;display: inline-block;padding: 7px 27px 6px 27px;text-transform: uppercase;color: #fff;}
.cover1 {position: relative;z-index: 2;margin-top: -1%;margin-bottom: 0;}
.cover2{position: relative;margin-top: 5%;margin-bottom: 0;}
.table-box2-bottom {padding: 6% 9% 9% 9%;position: relative;z-index: 1;border-radius: 50px;background-color: rgb(255, 255, 255);margin-top: -7%;}
.price-checklist2-2{margin-top: 0;padding-top: 0;}
.price-checklist2 li {background: url(../images/pricecheck1.webp) no-repeat left 9px;padding-left: 32px;list-style: none;margin-left: 0px;padding-top: 0;padding-bottom: 3%;margin-top: 3%;text-align: left;}
.table-text {padding: 0 7%;margin-top: 2.5%;}
.list-title {color: #fff;border-radius: 0;background-image: -moz-linear-gradient( 0deg, rgb(8,148,255) 0%, rgb(201,89,221) 32%, rgb(255,46,84) 73%, rgb(255,144,4) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(8,148,255) 0%, rgb(201,89,221) 32%, rgb(255,46,84) 73%, rgb(255,144,4) 100%);background-image: -ms-linear-gradient( 0deg, rgb(8,148,255) 0%, rgb(201,89,221) 32%, rgb(255,46,84) 73%, rgb(255,144,4) 100%);
padding: 2.6% 0;margin: auto;margin-top: 3%;width: 100%; position: relative;left: 0;margin-bottom: 5%;}
.list-title1{color: #fff;background-color: #c6c5ce;padding: 2.6% 0;margin: auto;margin-top: 3%;width: 100%;position: relative;left: 0;margin-bottom: 5%;}
.get-pricing-list{}
.get-pricing-list span{display: inline-block;list-style: disc;width: 100%;display: list-item;padding: 0;font-weight: 500;}
.get-pricing-list span::marker{color: #01be4f;}
.coupon-off {
display: inline-block;
padding: 1px 2px 3px 2px;
background-color: rgb(255, 228, 45);
font-weight: 700;
}
.slider-title{display: none;text-align: center;}
.pricing-span{letter-spacing:-0.48px;border: 1px solid rgb(0, 0, 0);display: inline-block;border-radius: 50px;padding: 3px 30px;}
/*vs-section*/
.vs-section-div{width: 86%;margin-top: 3%;}
.vs-div-out{padding: 8px;}
.vs-div{border-radius: 26px;background-color: rgb(255, 255, 255); }
.vs-div-img{padding: 0;}
.vs-div-list{padding: 0 30px;}
.vs-div h4{color: #09040d;letter-spacing: -0.825px;}
.vs-div ul{color: #363636;letter-spacing: -0.5px;}
.vs-div ul li{display: flex;align-items: flex-start;gap: 8px;position: relative;margin: 25px 0;line-height: 150%;}
.close-img{position: relative;top: 6px;}
.check-img-1{position: relative;top: 30px;max-width: 130%;left: -13%;margin-bottom: -1%;}
.manual-vs-img{width: 50%;}
.manual-vs-list{width: 50%;}
.superclip-vs-img{width: 42.5%;}
.superclip-vs-list{width: 57.5%;}
/*revenue-section*/
.revenue-span {border: 1px solid rgb(0, 0, 0);display: inline-block;border-radius: 50px;padding: 4px 21px;}
.swiper-main-div{margin-top: 5%;padding: 0;}
.swiper-main-div .swiper-container {
width: 100%;
height: auto;
position: relative;
padding: 0;
margin-top: -60px;
}
.swiper-main-div .swiper-wrapper {
transition-timing-function: linear !important;
position: relative;
}
.swiper-main-div .swiper-slide {
background: transparent;
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
padding: 30px 9px 50px 9px;
height: 100%;
}
@-webkit-keyframes line-slide {
0% {
background-position: -5% 0;
}
100% {
background-position: 100% 0;
}
}
@keyframes line-slide {
0% {
background-position: -5% 0;
}
100% {
background-position: 100% 0;
}
}
.swiper-main-div .conversations-div {padding: 28px 0 28px 24px;background: url(../images/conversationsbg.webp) no-repeat center top;background-size: cover;background-color: rgb(13, 12, 16);border-radius: 35px;box-shadow: 0px 6px 49px 0px rgba(0, 0, 0, 0.1);width: 257px;height: 100%;}
.swiper-main-div .conversations-div h3{color: #ffffff;font-size: 25px;line-height: 120%;letter-spacing: -1.5px;margin-top: 20px;}
.swiper-main-div .conversations-div h6{color: #8C8C8C;font-size: 18px;line-height: 145%;margin-top: 20%;letter-spacing: -0.54px;}
/*license-section*/
.license-title-span{
border: 1px solid rgb(59, 62, 64);
color: #ffffff;
display: inline-block;
padding: 1px 15px 6px 15px;
border-radius: 50px;
}
.license-left{
width: 22%;
padding: 0 15px;
}
.license-center{
width: 33%;
padding: 0 15px;
}
.license-right{
width: 23%;
padding: 0 15px;
}
.license-left h1{
font-size: 74px;
font-weight: 400;
font-family: "Anton", sans-serif;
text-transform: uppercase;
}
.license-left h1 span{
background-color: rgb(252, 212, 101);
display: inline-block;
padding: 0px 16px;
}
.license-left h1 span.license-text-1{border-radius: 15px 15px 15px 0;}
.license-left h1 span.license-text-2{border-radius: 0 0 15px 15px;position: relative;}
.license-right p{
font-size: 18px;
color: #fff;
line-height: 140%;
letter-spacing: -0.36px;
font-weight: 300;
}
.shap-img{
position: absolute;
top: 0;
left: 100%;
}
/*with-without-section*/
.with-without-title{border: 1px solid rgb(0, 0, 0);display: inline-block;border-radius: 50px;padding: 3px 30px;}
.without-box{padding: 0;width: 42.5%;}
.with-box{padding: 0;width: 51.5%;}
.without-box-inn{border: 1px solid rgb(172, 172, 172);background-color: #fff;border-right: 0;padding: 8% 0;height: 100%;}
.with-box-inn{background-color: #000000;background:url(../images/withbg.webp) no-repeat center top;background-size: cover;padding: 8% 0;height: 100%;}
.withoutlogo-img{}
.withlogo-img{}
.without-box ul, .with-box ul{margin-top: 5%;}
.without-box li, .with-box li{letter-spacing:-0.44px;font-size: 22px;font-weight: 300;display: flex;align-items: flex-start;gap: 10px;line-height: 130%;padding: 21px 21% 21px 11%;}
.without-box li img, .with-box li img{position: relative;top: 7px;}
.without-box ul{}
.without-box ul li{color: #828282;}
.with-box ul{}
.with-box ul li{color: #dfdfdf;}
.without-box li:nth-child(even){background-color: #f4f4f4;}
.with-box li:nth-child(even){background-color: hsl(0deg 0% 100% / 7%);}
/*onetime-section*/
.onetime-section-detail{padding: 0 2%;}
.onetime-box-out{width: 72%;margin-bottom: -4%;margin-top: 3%;}
.onetime-box{border: 1px solid rgb(255, 255, 255);border-radius: 44px;background-color: rgb(255, 255, 255);box-shadow: 0px 11px 54px 0px rgba(0, 0, 0, 0.08);text-align: center;padding: 5% 6% 4% 6%;}
.onetime-box h4{
letter-spacing: -0.56px;
}
.onetime-box p{color: #4c4c4c;margin-top: 20px;}
.onetime-span{
border-width: 1px;
border-color: rgb(208, 0, 29);
border-style: dashed;
border-radius: 22px;
background-color: rgb(255, 255, 255);
display: inline-block;
padding: 14px 29px;
}
.onetime-heighlight{background-color: rgb(198, 32, 32);display: inline-block;color: #fff;padding: 0 5px;}
/*moneyback-section*/
.moneyback-box-out{
margin-top: 4%;
}
.moneyback-box{background:url(../images/moneybackboxbg.webp) no-repeat center top;background-size: cover;padding: 3% 0 0 0;border-radius: 40px;border: 1px solid #000;}
.moneyback-detail-div{
padding: 0 3% 0 0;
}
.moneyback-img-div{
padding-left: 0;
}
.moneyback-box h4{font-family: "Kalam", cursive;letter-spacing:-0.56px;margin-top: 1%;}
.moneyback-box h2{letter-spacing:-0.52px;margin-top: 16px;}
.moneyback-box p{letter-spacing:-0.4px;margin-top: 10px;}
/**/
/**/
.table-box{padding: 15px;margin-top: 0;width: 26.7%;}
.table-box1-inn {
padding: 0;
border: 1px solid rgb(214, 214, 214);
border-radius: 20px;
background-color: rgb(0 0 0);
position: relative;
z-index: 1;
overflow: hidden;
}
.col-12.table-box1-inn.table-box-1 {
margin-bottom: 20px;
}
.table-box-2, .table-box-4{
margin-bottom: 30px;
}
.table-studio-edition.table-box-3{
margin-bottom: 20px;
}
.table-box-top {background: url(../images/tablebg1.webp) no-repeat center top;background-size: cover;border-radius: 0;padding: 7% 6% 0 6%;}
.table-name{}
.table-name-inn {
border-radius: 50px;
display: inline-block;
padding: 5px 20px 5px 20px;
color: #ffffff;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 0;
background-color: #000;
}
.table-box-top h3{}
.table-box-top h4{}
.table-box-top p{color: #7b7b79;}
.table-box-top hr{
margin: 10% 0;
}
.box-img {
margin-top: 30px;
margin-bottom: -29px;
position: relative;
z-index: 2;
}
.cover {
position: relative;
z-index: 2;
margin-top: 5%;
margin-bottom: -6%;
}
.price-checklist2 {
padding: 11% 7% 0 7%;
position: relative;
z-index: 1;
background-color: #fff;
}
.price-checklist2-2{padding: 1% 7% 0 7%;}
.price-checklist2-3{padding: 0.5% 7% 0 7%;}
.price-checklist2 li {
background: url(../images/check3.webp) no-repeat left 7px;
padding-left: 28px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 1.4%;
margin-top: 1.4%;
text-align: left;
}
.price-checklist2-list{
margin-bottom: 2px;
}
.price-checklist2-list li {
background: url(../images/pricecheck2list.webp) no-repeat 4px 11px;
padding-left: 26px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0%;
margin-top: 3%;
text-align: left;
}
.price-checklist3-list li {
background: url(../images/pricecheck2list.webp) no-repeat 4px 11px;
padding-left: 26px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0%;
margin-top: 3%;
text-align: left;
}
.table-text {
padding: 0 7%;
margin-top: 1.5%;
}
.list-title {
color: #fff;
background-image: -moz-linear-gradient( 0deg, rgb(8,148,255) 0%, rgb(201,89,221) 32%, rgb(255,46,84) 73%, rgb(255,144,4) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(8,148,255) 0%, rgb(201,89,221) 32%, rgb(255,46,84) 73%, rgb(255,144,4) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(8,148,255) 0%, rgb(201,89,221) 32%, rgb(255,46,84) 73%, rgb(255,144,4) 100%);
padding: 2% 0;
margin: auto;
margin-top: 3%;
width: 100%;
position: relative;
left: 0;margin-bottom: 4%;
}
.revenue-span {
border: 1px solid rgb(0, 0, 0);
display: inline-block;
border-radius: 50px;
padding: 4px 21px;
}
.funnel-detail-box-inn {
background: url(../images/table1.webp) no-repeat center top;
background-size: cover;
margin: auto;
border-radius: 30px;
padding: 4% 3.5% 3% 3.5%;
background-color: #0e041c;
}
.funnel-detail-box-list {
border-radius: 20px;
background-color: #fff;
margin-top: -10%;
}
.funnel-detail-box-list {
padding: 14% 14% 8% 14%;
}
.tableChecklist li.title {
background: transparent !important;
padding-left: 0;
font-weight: 700;
}
.table-new-title{padding: 22px 0;display: inline-flex;text-align: center;margin-top: 25px;width: 138.9%;position: relative;left: -19.5%;margin-bottom: 20px;background-color: #d1fe17;}
.table-hightlight{padding: 1px;border-radius: 50px;overflow: hidden;/* background-image: linear-gradient(to right, #f870d0, #ffee68); *//* display: inline-flex; *//* box-shadow: 0px 5px 46px 0px rgba(113, 27, 88, 0.2); */text-align: center;text-transform: uppercase;}
.table-new-title h3{
width: 100%;
}
.tableChecklist li {
background: url(https://assets.rocketvideos.pro/bundle/images/tablechecklist.webp) no-repeat left 13px;
padding-left: 36px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 9px;
padding-bottom: 7px;
margin-bottom: 7px;
text-align: left;
}
.table-title {
background-color: white;
display: inline-block;
padding: 2px 20px;
border-radius: 50px;
text-transform: uppercase;
}
.tableCover {
position: relative;
width: 90%; margin-top: -3%;
}
/**/
.top{top: 0;width: 100%;z-index: 11;}
.banner{background:url(../images/banner.webp) no-repeat center top;background-size: cover;padding: 38px 0 0 0;position: relative;border-radius: 0 0 100px 100px;background-color: #fff;}
.section2{background:url(../images/section2.webp) no-repeat center top;background-size: cover;padding: 6% 0 0% 0;position: relative;}
.table-section{background-color: #fff;padding: 3% 0;background-image: linear-gradient(to bottom, #ffffff, #f0f2f5);}
.section3{background:url(../images/section3.webp) no-repeat center top;background-size: cover;padding: 0 0 1% 0;position: relative;overflow: hidden;}
.section4{background-color: #000000;padding: 5% 0 0 0;border-radius: 100px 100px 0 0;overflow: hidden;position: relative;margin-bottom: -31px;}
.step-section{background:url(../images/stepsectionbg.webp) no-repeat center top;background-size: cover;padding: 0 0 3% 0;position: relative;z-index: 1;}
.get-section{background:url(../images/getsectionbg.webp) no-repeat center top;background-size: cover;padding: 3% 0 3% 0;position: relative;z-index: 1;}
.intro-section{background:url(../images/introbg.webp) no-repeat center top;background-size: cover;padding: 4% 0 0 0;position: relative;z-index: 1;}
.section5{padding: 0 0 3% 0;position: relative;z-index: 1;}
.vs-section{background:url(../images/vsbg.webp) no-repeat center top;background-size: cover;padding: 4% 0 6% 0;position: relative;z-index: 1;}
.revenue-section{background:url(../images/revenuebg.webp) no-repeat center top;background-size: cover;padding: 5.6% 0 2% 0;position: relative;z-index: 1;margin-top: -3%;}
.testers-section{}
.testers-main-box{width: 97.5%;border-radius: 50px;background-color: rgb(245, 245, 247);padding: 3% 0 4% 0;}
.testimonial-main-box{width: 87%;margin: auto;margin-top: 2.8%;}
.testimonial-box-out{padding: 9px;}
.testimonial-box{border-radius: 26px;background-color: rgb(255, 255, 255);display: flex;align-items: flex-start;gap: 22px;padding: 50px 54px;}
.coma-img {position: relative;top: 10px;}
.testimonial-box p{font-size: 30px;font-weight: 500;letter-spacing: -0.75px;}
.testimonial-detail{display: flex;align-items: center;gap: 6px;}
.person-img{}
.testimonial-box h4{font-size: 22px;font-weight: 400;letter-spacing: -0.55px;color: #757575;}
.testimonial-box hr{border-top: 1px solid #e5e5e5;opacity: 1;margin-top: 30px;margin-bottom: 20px;}
.license-section{background:url(../images/licensebg.webp) no-repeat center top;background-size: cover;padding: 4% 0 0% 0;overflow: hidden;}
.with-without-section{padding: 4% 0;}
.onetime-section{background:url(../images/onetimebg.webp) no-repeat center top;background-size: cover;padding: 4% 0 0% 0;}
.moneyback-section{background:url(../images/moneybackbg.webp) no-repeat center top;background-size: cover;padding: 5% 0 5% 0;margin-top: -3%;}
.pricing-section{padding: 4% 0 5% 0;position: relative;z-index: 1;background-color: #f5f5f7;}
.section6{padding: 3% 0 3% 0;position: relative;z-index: 1;}
.section7{padding: 0;position: relative;}
.section7-main-div{background-color: #ffffff;width: 97.5%;border-radius: 50px;padding: 4.5% 15px;}
.section8{background:url(../images/section8.webp) no-repeat center top;background-size: cover;padding: 4% 0 8.5% 0;background-color: #f0f2f5;}
.section9{background-color: #fff;padding: 5% 0 6% 0;}
.section10{background-color: #f0f2f5;padding: 5% 0 2% 0;}
.section11{background-color: #ffffff;padding: 0 0 2% 0;position: relative;}
.section12{background-color: #ffffff;padding: 4.5% 0 5% 0;position: relative;}
.section13{background: url(../images/section13.webp) no-repeat center bottom;background-size: cover;padding: 5% 0 5% 0;}
.section14{background-color: #ffffff;padding: 0 0 2.5% 0;}
.section14-main-div{background: url(../images/section14.webp) no-repeat center bottom;background-size: cover;text-align: center;border-radius: 50px;background-color: #000;width: 97.5%;padding: 0;}
.section15{background: url(../images/section15.webp) no-repeat center top;background-size: cover;padding: 0;position: relative;}
.section16{background-color: #ffffff;padding: 0 0 3% 0;}
.section16-main-div{background-color: #f0f2f5;width: 97.5%;border: 1px solid rgb(199, 199, 199);border-radius: 50px;padding: 7% 15px;}
.section17{background-color: #fff;padding: 3% 0 4% 0;}
.section18{background-color: #ffffff;padding: 0 0 20px 0;}
.section18-main-div{background-color: #f0f2f5;width: 97.5%;border-radius: 50px;padding: 4.5% 15px;}
.footer{background: url(../images/footer.webp) no-repeat center top;background-size: cover;position: relative;padding: 40px 0 3% 0;background-color: #010000;bottom: 0;}
@media only screen and (max-width: 992px){
.banner{border-radius: 0 0 50px 50px;}
.section4{border-radius: 50px 50px 0 0;}
.mybutton1 .arrow-img{width: 80px;}
.section2-div {padding: 4px;}
.slidertext-img{width: 120px;}
.steptitle-img{width: 160px;}
.connection2-img{width: 100px;}
.step-box-inn {border-radius: 25px;padding: 16px 20px;}
.section8-box-inn {border-radius: 20px; }
.section8-detail {padding: 0 20px 0 40px;}
}
@media only screen and (max-width: 767px){
.lg50-ls25 {letter-spacing: -0.25px;}
.lg60-ls25 {letter-spacing: -1.5px;}
.banner{padding: 20px 0 0px 0;border-radius: 0 0 20px 20px;}
.section2{padding: 60px 0 0px 0;margin-top: 0;}
.section3{padding: 20px 0 0px 0;text-align: center;}
.section4{padding: 20px 0 0px 0;background-color: #1d1c1e;}
.section5{padding: 0px 0 45px 0;text-align: center;}
.section6{padding: 10px 0 40px 0;text-align: center;}
.section7{padding: 0 0 40px 0;text-align: center;}
.section8{padding: 0 0 50px 0;}
.section9{padding: 50px 0 50px 0;text-align: center;}
.section10{margin-top: 0;padding: 40px 0;text-align: center;}
.section11{padding: 0 15px;text-align: center;}
.section12{padding: 60px 0 45px 0;text-align: center;}
.section13{text-align: center;padding: 50px 15px;}
.section14{padding: 0;}
.section15{padding: 45px 0 0 0;text-align: center;overflow: hidden;}
.section16{padding: 60px 0 40px 0;}
.section17{padding: 30px 0 15px 0;text-align: center;}
.footer{padding: 30px 0 30px 0;}
.nav-link.getlink, .nav-link.doclink { padding: 8px 18px ; border-radius: 8px; }
.navbar-light .navbar-nav .nav-link { margin-right: 0; text-align: center;padding: 5px 0;}
.navbar-collapse { padding: 12px 0 0 0; }
.SMN_effect-3 a:after { left: 0;right: 0;margin: auto;width: 50%; }
.footer hr {margin-top: 30px;margin-bottom: 30px;opacity: 1;}
#nav-bar{padding: 7px 16px;}
.mobile-launches-box div{width: 50%;padding: 7px 9px;margin: auto;}
.steptitle-img {
width: 100px;
position: relative;
right: 0;
top: 0;
margin-bottom: 10px;
}
.step-section-div{
border-radius: 20px;
position: relative;
width: 100%;
margin: 20px auto;
padding: 15px 15px 0 15px;
}
.demotext-img {
width: 160px;
position: relative;
left: 0;
top: 0;
display: block;
right: 0;
margin: auto;
transform: rotate(5deg);
}
.video-container {
border-radius: 20px;
}
.clip-text {
background: linear-gradient(to top, #00000000 10%, transparent 50%), url(../images/cliptext.webp) center 43% / cover no-repeat;
color: #de466c;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: 100%;
left: 0;
margin-top: 22px;
margin-bottom: 20px;
}
.videle-img, .slidertext-img{display: none;}
.musicele-img {
left: 121%;
}
.video-box {
padding: 10px;
border-radius: 20px;
}
.faded.faded-left.faded-right:after {
box-shadow: inset 40px 0 40px -16px, inset -40px 0 40px -16px;
}
.slider-title{display: block;color: #bdbdbd;font-size: 14px;font-family: "Kalam", cursive;}
.mybutton1 a{
padding: 11px 40px 11px 40px;
width: 91%;
}
.mybutton1 .arrow-img {
width: 40px;
margin-left: 0;
position: absolute;
right: 12px;
top: 20px;
}
.payment-img {
margin-top: -20px;
width: 277px;
}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 100%;}
.section3-title-right{width: 100%;}
.section5-title-left{width: 100%;}
.section5-title-right{width: 100%;}
.swiper-slide {
border-radius: 10px;
}
.slide-caption p {line-height: 120%;}
.slide-caption h4 {}
.slide-caption h6 {margin-top: 0;}
.swiper {
padding:0;
}
.swiper-pagination{
margin-top: 20px;
}
.highlight-slider-container {
padding-top: 20px;
padding-bottom: 40px;
}
.connection2-img{
position: relative;
transform: none;
margin: auto;
right: 0;
left: 0;
width: 60px;
margin-top: -20px;
margin-bottom: -20px;
}
.step-box {
padding: 10px 15px;
}
.section5-main-div {
padding: 0;
margin-top: 10px;
}
.step-box p{padding:0;}
.check-text span{
padding: 9px 22px !important;
margin: 4px 1px !important;
}
.mute-toggle-btn {
top: 5px;
right: 5px;
width: 30px;
height: 30px;
}
.section8-box {text-align: center;}
.section8-box .section8-box-inn {padding: 20px 20px 20px 20px;}
.feature1-div .my-video {border-radius: 20px;margin-top: 10px;}
.feature1-div .my-video {border-radius: 20px;margin-top: 10px;}
.section8-detail {padding: 0;margin-bottom: 10px;}
.feature1ele-img {bottom: -8px;right: -8px;width: 100px;}
.section8-box p {padding-right: 0;margin-top: 5px;}
.feature1-div {margin-top: 15px;}
.section8-box h3 {margin: auto;}
.feature1-img,.feature2-img,.feature3-img,.feature4-img,.feature5-img,
.feature6-img,.feature6-img,.feature7-img,.feature8-img,.feature9-img,
.feature10-img,.feature11-img,.feature12-img,.feature13-img,.feature14-img{max-width: 100%;position: relative;left: 0;}
.section8-img{padding: 0;}
}
@media (min-width: 240px){
.mycontainer{width:100%;}
.mycontainer2{width:100%;}
.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%;}
/**/
.navbar {padding: 0 0;}
/**/
.section-title-div ,.section3-title-left , .section3-title-right, .section5-title-left, .section5-title-right{
padding: 5px 15px;
}
.video-wrapper.intro-video{top: 8.5%;left: 27%;width: 63%;}
.introele-img{bottom: -7%;left: -5%;width: 110px;}
.introbox-img{bottom: -6%;right: 1%;width: 55px;}
.clip-text{font-size: 148px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 134px;letter-spacing:-4.02px;}
.clip-text{font-size: 45px;letter-spacing: -2.92px;left: 0;}
.intro-title{font-size: 42px;letter-spacing:-4.02px;}
.videle-img{width: 73px;top: 25px;}
.musicele-img{width: 35px;top: 52%;}
.section2-div:nth-child(odd) {width: 13%;}
.section2-div:nth-child(even) {width: 15.5%;}
.slide-caption {padding: 10px 10px 10px 10px;}
.slide-caption p {font-size: 11px;}
.slide-caption h4 {font-size: 14px;}
.slide-caption h6 {font-size: 10px;}
/**/
.after-div.step-vid-tab {width: 85%;}
}
@media (min-width: 480px){
.mainvideo {position: static;width: 100%;height: 0px;}
.video {width: 485px;height: 273px;top: 54px;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%;}
/**/
.navbar {padding: 00;}
/* Default navbar styling */
#nav-bar {width: 97%;}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 33%;}
.section5-title-left{width: 59%;}
.section5-title-right{width: 39%;}
.video-wrapper.intro-video{top: 7.5%;left: 25%;width: 67%;}
.introele-img{bottom: -8.5%;left: -9%;width: 300px;}
.introbox-img{bottom: -8%;right: -3%;width: 155px;}
.clip-text{font-size: 65px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 82px;letter-spacing:-4.02px;}
.videle-img{width: 56px;top: 20px;}
.musicele-img{width: 50px;top: 8px;}
.section2-div:nth-child(odd) {width: 15%;}
.section2-div:nth-child(even) {width: 16.5%;}
.slide-caption {padding: 50px 15px 20px 15px;}
.slide-caption p {font-size: 12px;}
.slide-caption h4 {font-size: 16px;}
.slide-caption h6 {font-size: 11px;}
/**/
.after-div.step-vid-tab {width: 70.8%;}
}
@media only screen and (min-width: 992px) {
.mycontainer{width: 920px;}
.mycontainer2{width:920px;}
.mainvideo {position: absolute;width: 551px;height: 327px;top: 40px;left: 30px;}
.video {width: 429px;height: 162px;top: 21px;left: 11px;margin-bottom: 10%;}
.modal-lg {max-width: 980px;}
/**/
.navbar {padding: 0 34px;}
/* Default navbar styling */
#nav-bar {width: 98%;}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 31%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 37%;}
.video-wrapper.intro-video{top: 6.5%;left: 21%;width: 52%;}
.introele-img{bottom: -12.5%;left: -3%;width: 380px;}
.introbox-img{bottom: -10%;right: 1%;width: 205px;}
.clip-text{font-size: 81px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 92px;letter-spacing:-4.02px;}
.videle-img{width: 63px;top: 19px;}
.musicele-img{width: 55px;top: 9px;}
.section2-div:nth-child(odd) {width: 14.5%;}
.section2-div:nth-child(even) {width: 16.5%;}
.slide-caption {padding: 100px 20px 20px 20px;}
.slide-caption p {font-size: 12px;}
.slide-caption h4 {font-size: 18px;}
.slide-caption h6 {font-size: 13px;}
/**/
.after-div.step-vid-tab {width: 70.8%;}
}
@media only screen and (min-width: 1100px) {
.mycontainer{width: 1060px;}
.mycontainer2{width:1060px;}
.mainvideo {position: absolute;width: 551px;height: 327px;top: 40px;left: 30px;}
.video {width: 429px;height: 162px;top: 21px;left: 11px;margin-bottom: 10%;}
.modal-lg {max-width: 980px;}
/**/
.navbar {padding: 0 34px;}
/* Default navbar styling */
#nav-bar {width: 95%;}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 28%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 32%;}
.video-wrapper.intro-video{top: 6.5%;left: 21%;width: 52%;}
.introele-img{bottom: -12.5%;left: -3%;width: 380px;}
.introbox-img{bottom: -10%;right: 1%;width: 205px;}
.clip-text{font-size: 90px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 94px;letter-spacing:-4.02px;}
.videle-img{width: 63px;top: 20px;}
.musicele-img{width: 52px;top: 14px;}
.section2-div:nth-child(odd) {width: 14.5%;}
.section2-div:nth-child(even) {width: 16.5%;}
.slide-caption {padding: 160px 20px 25px 20px;}
.slide-caption p {font-size: 14px;}
.slide-caption h4 {font-size: 20px;}
.slide-caption h6 {font-size: 13px;}
/**/
.after-div.step-vid-tab {width: 71.8%;}
}
@media only screen and (min-width: 1200px) {
.mycontainer{width: 1170px;}
.mycontainer2{width:1180px;}
.mainvideo {position: absolute;width: 655px ;height: 382px;top: 70px;left: 38px;}
.video {width: 403px;height: 196px;top: 1px;left: 0px;margin-bottom: 0px;}
/**/
.navbar {padding: 0 34px;}
/* Default navbar styling */
#nav-bar {width: 94%;}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 28%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 33%;}
.video-wrapper.intro-video{top: 6.5%;left: 17.5%;width: 43.5%;}
.introele-img{bottom: -13.5%;left: 2%;width: 450px;}
.introbox-img{bottom: -12%;right: 6%;width: 235px;}
.clip-text{font-size: 97px;letter-spacing: -5.92px;}
.intro-title{font-size: 104px;letter-spacing:-4.02px;}
.videle-img{width: 73px;top: 25px;}
.musicele-img{width: 55px;top: 14px;}
.videle-img{width: 68px;top: 27px;}
.musicele-img{width: 55px;top: 14px;}
.section2-div:nth-child(odd) {width: 14.5%;}
.section2-div:nth-child(even) {width: 16.5%;}
.slide-caption {padding: 200px 35px 40px 35px; }
.slide-caption p {font-size: 15px;}
.slide-caption h4 {font-size: 20px;}
.slide-caption h6 {font-size: 14px;}
/**/
.after-div.step-vid-tab {width: 68.8%;}
}
@media (min-width:1300px) {
.mycontainer{width:1219px;}
.mycontainer2{width:1180px;}
/**/
.navbar {padding: 0 34px;}
/* Default navbar styling */
#nav-bar {width: 90%;}
/**/
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 27%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 32%;}
.video-wrapper.intro-video{top: 6.5%;left: 17.5%;width: 43.5%;}
.introele-img{bottom: -13.5%;left: 2%;width: 450px;}
.introbox-img{bottom: -12%;right: 6%;width: 235px;}
.clip-text{font-size: 104px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 104px;letter-spacing:-4.02px;}
.videle-img{width: 73px;top: 25px;}
.musicele-img{width: 55px;top: 14px;}
.section2-div:nth-child(odd) {width: 14.5%;}
.section2-div:nth-child(even) {width: 16.5%;}
.slide-caption {padding: 200px 35px 40px 35px; }
.slide-caption p {font-size: 16px;}
.slide-caption h4 {font-size: 20px;}
.slide-caption h6 {font-size: 13px;}
.after-div.step-vid-tab {width: 65.8%;}
}
@media (min-width:1400px) {
.mycontainer{width: 1320px;}
.mycontainer2{width: 1300px;}
.d-xl-2-block{display: block !important;}
/**/
.navbar {padding: 0 34px;}
/* Default navbar styling */
#nav-bar {width: 86%;}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 26%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 30%;}
.video-wrapper.intro-video{top: 6.5%; left: 14.5%;width: 38.5%; }
.introele-img{bottom: -13.5%;left: 7%;width: 473px;}
.introbox-img{bottom: -15%;right: 11%;width: 246px;}
.clip-text{font-size: 111px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 114px;letter-spacing:-4.02px;}
.videle-img{width: 73px;top: 25px;}
.musicele-img{width: 55px;top: 14px;}
.section2-div:nth-child(odd) {width: 14.5%;}
.section2-div:nth-child(even) {width: 16.5%;}
.slide-caption {padding: 200px 35px 40px 35px; }
.slide-caption p {font-size: 17px;}
.slide-caption h4 {font-size: 21px;}
.slide-caption h6 {font-size: 14px;}
/**/
.after-div.step-vid-tab {width: 61.8%;}
}
@media (min-width:1500px) {
.mycontainer{width: 1360px;}
.mycontainer2{width: 1300px;}
/**/
.navbar {padding: 0 34px;}
/* Default navbar styling */
#nav-bar {width: 78%;}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 26%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 29%;}
.video-wrapper.intro-video{top: 6.5%; left: 14.5%;width: 38.5%; }
.introele-img{bottom: -14.5%;left: 7%;width: 473px;}
.introbox-img{bottom: -15%;right: 10%;width: 261px;}
.clip-text{font-size: 118px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 114px;letter-spacing:-4.02px;}
.videle-img{width: 73px;top: 25px;}
.musicele-img{width: 55px;top: 14px;}
.section2-div:nth-child(odd) {width: 14%;}
.section2-div:nth-child(even) {width: 16%;}
.slide-caption {padding: 200px 35px 40px 35px; }
.slide-caption p {font-size: 19px;}
.slide-caption h4 {font-size: 22px; }
.slide-caption h6 {font-size: 15px; }
/**/
.after-div.step-vid-tab {width: 59.8%;}
}
@media (min-width:1600px) {
.mycontainer{width: 1430px;}
.mycontainer2{width: 1405px;}
/**/
.navbar {padding: 0 34px;}
/* Default navbar styling */
#nav-bar {width: 79%;}
/**/
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 24%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 28%;}
.video-wrapper.intro-video{top: 6.5%; left: 14.5%;width: 38.5%; }
.introele-img{bottom: -14.5%;left: 7%;width: 473px;}
.introbox-img{bottom: -15%;right: 10%;width: 261px;}
.clip-text{font-size: 126px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 124px;letter-spacing:-4.02px;}
.videle-img{width: 73px;top: 25px;}
.musicele-img{width: 55px;top: 14px;}
.section2-div:nth-child(odd) {width: 13%;}
.section2-div:nth-child(even) {width: 15.5%;}
.slide-caption {padding: 200px 35px 40px 35px; }
.slide-caption p {font-size: 20px;}
.slide-caption h4 {font-size: 22px; }
.slide-caption h6 {font-size: 15px; }
.after-div.step-vid-tab {width: 56.8%;}
}
@media (min-width:1700px) {
.mycontainer{width: 1518px;}
.mycontainer2{width: 1405px;}
/**/
.navbar {padding: 0 34px;}
/* Default navbar styling */
#nav-bar {width: 74%;}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 24%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 29%;}
.video-wrapper.intro-video{top: 6.5%; left: 14.5%;width: 38.5%; }
.introele-img{bottom: -14.5%;left: 7%;width: 473px;}
.introbox-img{bottom: -15%;right: 10%;width: 261px;}
.clip-text{font-size: 133px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 134px;letter-spacing:-4.02px;}
.videle-img{width: 73px;top: 25px;}
.musicele-img{width: 55px;top: 14px;}
.section2-div:nth-child(odd) {width: 13%;}
.section2-div:nth-child(even) {width: 15.5%;}
.slide-caption {padding: 200px 35px 40px 35px; }
.slide-caption p {font-size: 20px;}
.slide-caption h4 {font-size: 22px; }
.slide-caption h6 {font-size: 15px; }
/**/
.after-div.step-vid-tab {width: 56.8%;}
}
@media (min-width:1800px) {
.mycontainer{width: 1518px;}
.mycontainer2{width: 1405px;}
/**/
/* Default navbar styling */
#nav-bar {width: 69%;}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 24%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 28%;}
.video-wrapper.intro-video{top: 6.5%; left: 14.5%;width: 38.5%; }
.introele-img{bottom: -14.5%;left: 7%;width: 473px;}
.introbox-img{bottom: -15%;right: 10%;width: 261px;}
.clip-text{font-size: 141px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 134px;letter-spacing:-4.02px;}
.videle-img{width: 73px;top: 25px;}
.musicele-img{width: 55px;top: 14px;}
.section2-div:nth-child(odd) {width: 12.7%;}
.section2-div:nth-child(even) {width: 15%;}
.slide-caption {padding: 200px 35px 40px 35px; }
.slide-caption p {font-size: 20px;}
.slide-caption h4 {font-size: 22px; }
.slide-caption h6 {font-size: 15px; }
/**/
}
@media (min-width: 1900px) {
.mycontainer{width: 1518px;}
.mycontainer2{width: 1405px;}
/**/
.navbar {padding: 0 34px;}
/* Default navbar styling */
#nav-bar {width: 68.9%;}
.section-title-div {padding: 0 2%;}
.section3-title-left{width: 65%;}
.section3-title-right{width: 28%;}
.section5-title-left{width: 60%;}
.section5-title-right{width: 29%;}
.video-wrapper.intro-video{top: 6.5%; left: 14.5%;width: 38.5%; }
.introele-img{bottom: -14.5%;left: 7%;width: 473px;}
.introbox-img{bottom: -15%;right: 10%;width: 261px;}
.clip-text{font-size: 148px;letter-spacing: -5.92px;left: -5.5%;}
.intro-title{font-size: 134px;letter-spacing:-4.02px;}
.videle-img{width: 73px;top: 21px;}
.musicele-img{width: 55px;top: 14px;}
.section2-div:nth-child(odd) {width: 12.7%;}
.section2-div:nth-child(even) {width: 15%;}
.slide-caption {padding: 200px 35px 40px 35px; }
.slide-caption p {font-size: 20px;}
.slide-caption h4 {font-size: 22px; }
.slide-caption h6 {font-size: 15px; }
}
@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%;}