.hero-section{display:flex;position:relative;min-height:100vh;background-color:#000002;background-size:cover;background-position:50%;overflow:hidden;scroll-behavior:smooth;z-index:0;background-image:url(/img/other/home/bg.webp)}.hero-section:after{top:0;right:0;background:linear-gradient(90deg,#262a6d,#823c36d9);overflow:hidden}.hero-section:after,.hero-section:before{content:"";position:absolute;width:22%;height:22%;border-radius:50%;z-index:-1;filter:blur(100px)}.hero-section:before{left:0;bottom:0;background-color:#823c36ee}.hero-section .hero-contain{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white);padding:clamp(1.875rem,-.6708rem + 8.1466vw,4.375rem) 0;height:100%}.hero-section .hero-contain .hero-badge{background:#141522;border:.5px solid #47456b99;padding:.5rem 1.125rem}.hero-section .hero-contain .main-title{font-size:clamp(1.875rem,.6021rem + 4.0733vw,3.125rem)!important;font-weight:700;margin-bottom:1rem;will-change:transform;transform:translateZ(0)}.hero-section .hero-contain .sub-title{font-size:clamp(1.125rem,1.0528rem + .3082vw,1.25rem)!important;font-weight:400}.hero-section .hero-contain .content{margin-inline:38px}.hero-contain{position:relative;color:var(--white);padding:clamp(1.875rem,-.6708rem + 8.1466vw,4.375rem) 0;height:100%;z-index:0;will-change:transform;transform:translateZ(0)}.hero-contain:after{content:"";position:absolute;top:0;left:-102px;width:50%;height:50%;background-size:125px;background-repeat:no-repeat;background-position:-10% 25%;z-index:1}@keyframes afterMove{0%{right:0;top:10%;background:linear-gradient(0deg,#262a6d,#823c36d9);transform:scale(1)}25%{right:10%;bottom:25%;background:linear-gradient(25deg,#262a6d,#823c36d9);transform:scale(1.4)}50%{right:30%;top:50%;transform:scale(1.7);background:linear-gradient(50deg,#262a6d,#823c36d9)}75%{right:50%;top:25%;background:linear-gradient(75deg,#262a6d,#823c36d9);transform:scale(1.4)}to{right:60%;top:10%;background:linear-gradient(90deg,#262a6d,#823c36d9);transform:scale(1.2)}}@keyframes beforeMove{0%{left:10%;transform:scale(1)}25%{left:25%;transform:scale(1.4)}50%{left:70%;transform:scale(1.8)}75%{left:25%;transform:scale(1.4)}to{left:10%;transform:scale(1.2)}}@media (max-width:768px){.hero-section:after,.hero-section:before{animation:none;position:static;display:none}.hero-section{background-attachment:scroll}.hero-contain{min-height:100vh;padding:1.875rem 0}.hero-section .hero-contain .main-title{font-size:1.875rem!important}.hero-section .hero-contain .sub-title{font-size:1.125rem!important}}