.hero-sec{background:var(--black-100);width:100%;height:100vh;position:relative;overflow:hidden}.bg-video{z-index:0;height:calc(100% - 270px);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.bg-video__el{object-fit:cover;object-position:top center;transform-origin:top;width:100%;height:100%;transform:scale(1.09)}.bg-video__mask{background:linear-gradient(#0000 0% 55%,#000000a6 78%,#000 100%);position:absolute;inset:0}.bg-video:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 20% 45%,#000000e6 0%,#0009 55%,#0003 100%);position:absolute;inset:0}.hero-content{z-index:2;padding-top:200px;position:relative}.hero-inner{text-align:center;max-width:860px;margin:0 auto}.scroll{opacity:.75;margin-top:48px;font-size:14px}section.hero-sec .scroll .arrow .line{background:#fff;width:2px;height:0;transition:all .35s ease-in-out}section.hero-sec .scroll .arrow:hover .line{height:30px}section.hero-sec .scroll .arrow .hover-wrap{justify-content:center;align-items:center;margin-block:-3px;display:flex}@media (max-width:992px){.nav-links{display:none}.hero-sec{height:900px}.hero-title{font-size:48px}.bg-video{height:calc(100% - 360px)}}.hero-inner .title1{color:var(--white);padding-bottom:30px}.scroll svg{color:var(--white);font-size:40px}.scroll .text3{color:var(--white);margin-bottom:20px}.hero-inner .text2{color:var(--white-100)}@media (max-width:767px){body .hero-inner .title1 br{display:none}body .hero-sec{height:800px}}
.brands-sec{background:#fafafa;border-top:1px solid #0000000f;padding-top:60px;padding-bottom:60px}.brands-wrap{padding:0 15px}.brands-title{text-align:center;color:#0009;margin-bottom:14px;font-size:12px}.brands-marquee{width:100%;position:relative;overflow:hidden}.brands-marquee:before,.brands-marquee:after{content:"";z-index:2;pointer-events:none;width:80px;height:100%;position:absolute;top:0}.brands-marquee:before{background:linear-gradient(90deg,#fafafa 0%,#fafafa00 100%);left:0}.brands-marquee:after{background:linear-gradient(270deg,#fafafa 0%,#fafafa00 100%);right:0}.brands-track{align-items:center;gap:48px;width:max-content;animation:22s linear infinite marquee-right;display:flex}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0%)}}.brand-item{opacity:.95;justify-content:center;align-items:center;min-width:140px;display:flex}.brand-img{object-fit:contain;width:auto;height:50px}@media (prefers-reduced-motion:reduce){.brands-track{animation:none}}.brands-wrap p.text3{text-align:center;margin-bottom:50px}

.quote-sec{padding:80px 0;position:relative;overflow:hidden}.quote-sec:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff08 0%,#0000 50%);position:absolute;inset:0}section.quote-sec .full-container{max-width:1320px;margin:0 auto;padding:0 15px}.quote-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.quote-text{font-size:80px;font-weight:800;line-height:90px;font-family:var(--font-body);text-transform:uppercase;text-align:center;text-transform:capitalize;position:relative}.line-mask{display:inline-block;overflow:hidden}.line-item{background:var(--gradient-primary);color:#0000;white-space:nowrap;letter-spacing:-.02em;background-size:200%;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}@media (max-width:768px){.line-item{white-space:normal;word-break:keep-all}.quote-text{line-height:1.2}}.btn.smj{opacity:0;margin-top:48px}.arrow-icon{transition:transform .3s}.quote-btn:hover .arrow-icon{transform:translate(4px)}@keyframes textGlow{0%,to{text-shadow:0 0 20px #a0a0ff00}50%{text-shadow:0 0 20px #a0a0ff4d}}.line-item{animation:3s ease-in-out infinite textGlow}@media (max-width:992px){.quote-sec{padding:60px 0}.quote-btn{padding:12px 28px;font-size:1rem}}@media (max-width:576px){.quote-sec{padding:40px 0}.quote-btn{padding:10px 24px;font-size:.95rem}.btn.smj{margin-top:32px}}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quote-sec{animation:.8s ease-out fadeInUp}section.quote-sec .quote-text.mobile{display:none}@media (max-width:767px){body section.quote-sec .quote-text{display:none}body section.quote-sec .quote-text.mobile{font-size:36px;line-height:40px;display:block}}@media (min-width:768px) and (max-width:1024px){body section.quote-sec .quote-text{font-size:42px;line-height:52px;display:block}body section.quote-sec .quote-text.mobile{display:none}}
