.banner-warp{display:flex;justify-content:center;width:100%}.banner-container{position:relative;width:100%;max-width:900px;overflow:hidden;display:flex;background-color:#000}.banner-container.full{max-width:100%!important}@media (min-width: 900px){.banner-container{margin-top:40px;border-radius:16px}.banner-container.full{margin-top:0!important;border-radius:0!important}}.banner-slider{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.banner-slide-wrapper{flex:0 0 100%;width:100%;aspect-ratio:2.4;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.banner-bg-blur{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(15px);transform:scale(1.1);opacity:.5;z-index:0}.banner-img{width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:1;animation:image-zoom 5s ease-in-out infinite alternate}@keyframes image-zoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.banner-btn{position:absolute;top:50%;height:100%;transform:translateY(-50%);background-color:#0000;color:#fff;border:none;cursor:pointer;padding:10px 20px;font-size:32px;transition:background .3s;z-index:10}.banner-btn:hover{background-color:#0006}.banner-btn.left{left:0}.banner-btn.right{right:0}.banner-dots{position:absolute;bottom:-20px;width:100%;text-align:center}.banner-dot{font-size:42px;color:#ffffff80;margin:0 4px;cursor:pointer;user-select:none;transition:color .3s}@media (max-width: 420px){.banner-dot{font-size:38px}.banner-btn{font-size:24px}}.banner-dot.active{color:#fffffff2}