.carousel{position:relative}.carousel,.carousel-slide{width:100%;overflow:hidden}.carousel-slide{height:100vh;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;transition:background-image .5s ease-in-out}.carousel-slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,43,.6);z-index:1}.carousel-content{position:relative;text-align:center;color:#fff;padding:20px;border-radius:8px;width:80%;z-index:2}.carousel-content h1{font-size:2.5rem;margin-bottom:10px}.carousel-content p{font-size:1.2rem;margin-bottom:50px}.carousel-content a{padding:10px 20px;font-size:1rem;color:#000;background-color:#fd9800;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.carousel-content a:hover{background-color:#fd9800;opacity:.6}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.dot{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,.6);cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:#181842}.dot:hover{background-color:#fd9800;opacity:.8}