.custom-carousel{position:relative;width:100%;max-width:750px;overflow:hidden;margin:0 auto}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-slide{flex-shrink:0;width:100%}.carousel-slide img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;display:block}.carousel-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.carousel-nav button{background-color:rgba(0,0,0,.4);color:#fff;border:none;padding:14px;min-width:30px;min-height:30px;font-size:1.8em;cursor:pointer}@media (max-width:768px){.carousel-nav button{padding:10px;min-width:25px;min-height:25px;font-size:1.5em}}.carousel-nav button:hover{background-color:rgba(0,0,0,.7)}@media (max-width:1024px){.custom-carousel{max-width:100%}}@media (max-width:768px){.custom-carousel{max-width:100%}.carousel-slide img{max-height:60vh}}.carousel-dots{text-align:center;margin-bottom:10px}.carousel-dots button{width:18px;height:18px;border-radius:50%;margin:0 5px;background-color:#ccc;border:none;cursor:pointer;transition:background-color .3s ease}.carousel-dots button.active{background-color:#000}