.carousel-container{position:relative;width:100%;height:500px;perspective:1000px;overflow:hidden}@media (min-width:768px){.carousel-container{height:550px}}.carousel-slides{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-slide{position:absolute;transition:all .5s ease-in-out;width:100%;max-width:90%;height:auto;cursor:pointer}.carousel-slide-active{transform:translateZ(0) scale(1);opacity:1;z-index:10}.carousel-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#363636;color:white;padding:8px;border-radius:50%;cursor:pointer;z-index:12;transition:background-color .3s ease}.carousel-nav-button:hover{background-color:#505050}.carousel-nav-button-prev{left:8px}.carousel-nav-button-next{right:8px}@media (min-width:768px){.carousel-nav-button{padding:12px}.carousel-nav-button-prev{left:16px}.carousel-nav-button-next{right:16px}}.carousel-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:8px}@media (min-width:768px){.carousel-dots{bottom:16px}}.carousel-dot{width:8px;height:8px;border-radius:50%;background-color:#808080;cursor:pointer;transition:all .3s ease}.carousel-dot:hover{transform:scale(1.25)}.carousel-dot-active{background-color:white}@media (min-width:768px){.carousel-dot{width:12px;height:12px}}@media (max-width:767px){.carousel-nav-button{display:none}}