.carousel{position:relative;width:100%;height:100%;margin:0;overflow:hidden;box-shadow:0 4px 10px #0000004d}.carousel-slides{display:flex;transition:transform .3s ease-in-out}.slide{min-width:100%}.slide img{width:100%;height:100%;object-fit:cover}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;font-size:2rem;padding:.5rem;cursor:pointer;border-radius:50%;z-index:2}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.carousel-btn:hover{background:#000c}.carousel-indicators{position:absolute;bottom:10px;width:100%;display:flex;justify-content:center;gap:8px}.dot{height:12px;width:12px;background-color:#fff9;border-radius:50%;display:inline-block;cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:#fff}:root{--color-0: #ffffff;--color-1: #d6e4f5;--color-2: #a4c8df;--color-3: #7bb7d1;--color-4: #4aa0c4;--color-5: #1d3a6d;--color-6: #f77947}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-5);background-color:#fff}main{padding-top:100px}h2{font-size:2.5rem;font-weight:300;margin-bottom:1.5rem;color:var(--color-5)}