.HeroSection_heroSection__OxcIj{height:calc(100dvh - 84px);-webkit-padding-before:215px;padding-block-start:215px;background-image:linear-gradient(90deg,transparent 0 50px,rgba(89,136,210,.2) 50px 51px,transparent 52px 100px);background-size:100px;background-repeat:space;position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:0}&:before,[data-theme=dark] &:before{background-image:radial-gradient(circle at 50% 50%,transparent,#1c1b22,#1c1b22)}[data-theme=light] &:before{background-image:radial-gradient(circle at 50% 50%,transparent,#fff,#fff)}.HeroSection_hero__Y4umb{max-width:600px;margin:0 auto;text-align:center;display:grid;grid-gap:1rem;gap:1rem;position:relative;z-index:2;@media screen and (max-width:767px){.HeroSection_heading__jTq5w{font-size:35px}}@media screen and (max-width:420px){.HeroSection_heading__jTq5w{font-size:30px}}}.HeroSection_action__S4im5{display:flex;gap:1rem;justify-content:center;@media screen and (max-width:420px){flex-direction:column;justify-content:center;align-items:center}}@media screen and (max-width:991px){-webkit-padding-before:5rem;padding-block-start:5rem}@media screen and (max-width:500px){-webkit-padding-before:3rem;padding-block-start:3rem}}.HeroSection_image__EWl7s{height:clamp(700px,85vh,900px);width:100%;overflow:clip;margin-top:-300px;& div{position:relative;translate:0 55%;animation:HeroSection_rotate__hpkmN 360s linear infinite;height:100%;width:100%;&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:850px;width:800px;margin:auto;background-color:rgba(200,113,242,.6);border-radius:50%;z-index:-1;filter:blur(40px);animation:HeroSection_rotate__hpkmN 20s linear infinite reverse;@media screen and (max-width:767px){height:700px;width:700px;left:auto;right:unset}@media screen and (max-width:567px){height:550px;width:550px;left:unset;animation:unset}@media screen and (max-width:420px){height:450px;width:450px}}& img{object-fit:contain;object-position:50% 100%;@media screen and (max-width:767px){object-position:unset}}@media screen and (max-width:567px){translate:0 50%}}@media screen and (max-width:767px){height:700px}@media screen and (max-width:567px){height:600px}@media screen and (max-width:420px){height:550px}}@keyframes HeroSection_rotate__hpkmN{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}