.banner-container{width:100%;height:400px;margin-top:2rem;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.banner-slide{opacity:0;visibility:hidden;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .8s ease-in-out,visibility .8s ease-in-out;position:absolute;top:0;left:0}.banner-slide.active{opacity:1;visibility:visible}.banner-content{color:#fff;text-align:center;z-index:10;width:100%;max-width:600px;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.banner-title{text-shadow:0 2px 10px #00000080;letter-spacing:-.5px;margin:0;font-family:Inter,Outfit,sans-serif;font-size:1.5rem;font-weight:400}.banner-button{text-shadow:0 2px 10px #00000080;letter-spacing:-.5px;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3;border:2px solid #fff;border-radius:50px;margin:0;padding:1rem 2rem;font-family:Inter,Outfit,sans-serif;font-size:1rem;font-weight:500;transition:background-color .3s,transform .2s,box-shadow .3s}.banner-button:hover{background-color:#fff6;transform:scale(1.05);box-shadow:0 5px 15px #0000004d}.banner-dots-container{z-index:10;gap:.75rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.banner-dot{cursor:pointer;width:12px;height:12px;box-shadow:none;background-color:#fff6;border:none;border-radius:50%;padding:0;transition:all .3s cubic-bezier(.25,.8,.25,1);transform:scale(1)}.banner-dot.active{background-color:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80}