.slider{padding:20px 0}.slider-container{width:100%;height:350px;overflow:hidden}.slider-image{height:100%}.nav-button{background:hsla(0,0%,100%,.6);padding:0 10px;color:red}.slider-indicators{bottom:15px;gap:10px}.indicator{width:30px;height:2px;background-color:#ccc;border-bottom:3px #387478;transition:all .3s ease-in-out}.indicator.active{border-bottom:3px solid #387478}.slider{position:relative;width:100%;overflow:hidden}.slider-container{position:relative;display:flex;align-items:center;justify-content:center}.slider-image{width:100%;height:auto;object-fit:cover}.nav-button{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;background:transparent;border:none;cursor:pointer;z-index:10;color:#fff}.left{left:10px}.right{right:10px}.slider-indicators{position:absolute;bottom:10px;display:flex;gap:8px;justify-content:center;width:100%}.indicator{width:12px;height:12px;background:#ccc;border-radius:50%;cursor:pointer;transition:background .3s ease}.indicator.active{background:#333}