.hero-banner .hero-banner-box{background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:7.8125vw;padding-top:var(--header-height);position:relative;width:100%}.hero-banner .bg-effects .grident-bottom{background:linear-gradient(180deg,rgba(152,44,255,0),rgba(0,0,0,.77) 48%,rgba(0,0,0,.93) 71%,#000);bottom:0;height:30vh;left:0;position:absolute;width:100%}.hero-banner .hero-banner-container{margin-left:auto;margin-right:auto;max-width:calc(100% - 96px);position:relative;width:100%}@media (max-width:1000px){.hero-banner .hero-banner-container{max-width:calc(100% - 6vw)}}.hero-banner .hero-banner-inner{align-items:flex-end;display:flex;gap:1.5625vw;justify-content:space-between;min-height:calc(100vh - var(--header-height) + 20px)}@media (max-width:1000px){.hero-banner .hero-banner-inner{min-height:calc(100vh - var(--header-height) + 60px)}}@media (max-width:750px){.hero-banner .hero-banner-inner{align-items:unset;flex-direction:column;justify-content:unset;min-height:calc(100vh - var(--header-height) + 70px)}}.hero-banner .hero-banner-left{display:flex;flex-direction:column;max-width:calc(60% - 1.5625vw);padding-left:1.0416666667vw;width:100%}@media (max-width:1000px){.hero-banner .hero-banner-left{padding-left:0}}@media (max-width:750px){.hero-banner .hero-banner-left{align-items:center;flex-grow:1;justify-content:center;max-width:100%;padding-bottom:4vw;padding-top:4vw}}.hero-banner .hero-banner-left .hero-banner-sub-title-wrap{display:none}@media (max-width:750px){.hero-banner .hero-banner-left .hero-banner-sub-title-wrap{display:flex}}.hero-banner .hero-banner-logo-wrap{max-width:41.6666666667vw;width:100%}@media (max-width:750px){.hero-banner .hero-banner-logo-wrap{max-width:54.1333333333vw;overflow:hidden}}.hero-banner .hero-banner-logo-wrap img{max-width:100%}@media (max-width:750px){.hero-banner .hero-banner-logo-wrap img{animation:slideUpBannerLogo 1s ease forwards;animation-delay:3s;transform:translateY(100%)}}.hero-banner .hero-banner-title-wrap{display:flex}@media (max-width:1000px){.hero-banner .hero-banner-title-wrap{padding-top:3vw}}@media (max-width:750px){.hero-banner .hero-banner-title-wrap{display:none;padding-top:0}}.hero-banner .hero-banner-title-wrap p{font-size:1.4583333333vw;font-weight:700;line-height:1.32;padding-left:2.0833333333vw}@media (max-width:1000px){.hero-banner .hero-banner-title-wrap p{font-size:2.6vw;padding-left:1vw}}@media (max-width:750px){.hero-banner .hero-banner-title-wrap p{font-size:3.8666666667vw;padding-left:0;text-align:center}}.hero-banner .hero-banner-title-wrap p span{color:#da00ff}.hero-banner .hero-banner-right{align-items:flex-end;display:flex;justify-content:flex-end;max-width:40%;width:100%}@media (max-width:750px){.hero-banner .hero-banner-right{max-width:100%}}.hero-banner .hero-banner-right-inner{display:flex;padding-bottom:2.2916666667vw;padding-right:.46875vw;width:100%}@media (max-width:1000px){.hero-banner .hero-banner-right-inner{padding-bottom:12vw;padding-right:0}}@media (max-width:750px){.hero-banner .hero-banner-right-inner{justify-content:center;padding-bottom:0}}.hero-banner .hero-banner-right-inner .hero-banner-title-wrap{display:none}@media (max-width:750px){.hero-banner .hero-banner-right-inner .hero-banner-title-wrap{display:flex}}.hero-banner .hero-banner-sub-title-wrap{display:flex;justify-content:flex-end;width:100%}@media (max-width:750px){.hero-banner .hero-banner-sub-title-wrap{animation:opacityBannerSubTitle 1s ease forwards;animation-delay:4s;display:none;justify-content:center;opacity:0;padding-top:6.1333333333vw}}.hero-banner .hero-banner-sub-title-wrap p{font-size:1.7708333333vw;font-weight:700;line-height:1;text-align:right}@media (max-width:1000px){.hero-banner .hero-banner-sub-title-wrap p{font-size:2.8vw}}@media (max-width:750px){.hero-banner .hero-banner-sub-title-wrap p{font-size:4vw;text-align:center}}.hero-banner .hero-banner-sub-title-wrap p span{color:#da00ff}.hero-banner .scroll-bottom-button-wrap{display:flex;padding-left:5vw}@media (max-width:1000px){.hero-banner .scroll-bottom-button-wrap{display:none}}.hero-banner .scroll-bottom-button{border:1px solid #fff;border-radius:1.8229166667vw;height:3.125vw;position:relative;width:1.8229166667vw}.hero-banner .scroll-bottom-button:after{animation:scroll-bottom-arrow 4s ease-in-out infinite;border:1.5px solid #fff;border-left:unset;border-top:unset;content:"";height:.7291666667vw;left:calc(50% - .07813vw);position:absolute;top:.625vw;transform:rotate(45deg) translateX(-50%);transform-origin:center;width:.7291666667vw}@keyframes scroll-bottom-arrow{0%{transform:rotate(45deg) translateX(-50%) translateY(0)}50%{transform:rotate(45deg) translateX(.4166666667vw) translateY(.8333333333vw)}to{transform:rotate(45deg) translateX(-50%) translateY(0)}}@keyframes slideUpBannerLogo{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes opacityBannerSubTitle{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=hero-banner.css.map */