@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.banner-main{display:flex;flex-direction:column;gap:5rem;justify-content:center;align-items:center;align-content:center;text-align:center;width:100%;height:auto;min-height:100dvh;color:var(--white-color);overflow:hidden}.banner-main .swiper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.banner-main .swiper .bg-img.mobile,.banner-main .swiper frame-placeholder{display:none}.banner-main .swiper iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:120%;aspect-ratio:16/9;transition:opacity 1s ease}.banner-main .content{display:flex;flex-direction:column;gap:5rem;justify-content:center;text-align:center;width:100%;height:100%}.banner-main .content h3{font-weight:var(--light-weight);font-stretch:110;font-style:normal;font-variation-settings:"slnt" 0,"wght" var(--light-weight),"wdth" 110}.banner-main .content .buttons{justify-content:center}.banner-main .scrolldown-btn{position:absolute;left:50%;transform:translate(-50%);bottom:-5rem;width:10rem;height:10rem;padding:2rem;border-radius:50%;background:var(--white-color);cursor:pointer}.banner-main .scrolldown-btn img,.banner-main .scrolldown-btn svg{width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain}@media only screen and (max-width:576px){.banner-main .content h2,.banner-main .content h3{font-size:var(--lg-font)}.banner-main .content h4{font-size:var(--md-font)}}
