.carousel{width:100%}@media (min-width:640px){.carousel{width:80%}}.carousel{overflow:hidden}.carousel-track{display:flex;transition:transform .4s ease-in-out}.carousel-slide{min-width:100%;box-sizing:border-box}.carousel-dot{height:.25rem;width:.25rem;padding:.25rem!important}.carousel-buttons{top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.carousel-button{background-color:rgba(0,0,0,.5);border:none;color:#fff;font-size:20px;padding:10px 15px!important;cursor:pointer;border-radius:50%;outline:none;transition:background-color .3s}.carousel-button:hover{background-color:rgba(0,0,0,.8)}.active{height:.375rem;width:.375rem;background-color:var(--c4);padding:.375rem!important}