.carousel{width:100%;margin:10px 0;position:relative}.carousel-wrapper{z-index:0;width:100%;margin:auto;position:relative;overflow:hidden}.carousel-inner{-webkit-user-select:none;user-select:none;transition:transform .5s;display:flex}.carousel-item{opacity:1;flex-shrink:0;transition:opacity .5s}.carousel-control{color:#ffffff70;cursor:pointer;z-index:10;background:0 0;border:1px solid #ffffff70;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:all .3s;display:flex;position:absolute;top:-30px;transform:translateY(-50%)}.carousel-control:hover{color:#fff;border-color:#fff}.carousel-control.prev{right:50px}.carousel-control.next{right:10px}.carousel-pagination{justify-content:center;margin-top:10px;display:flex}.pagination-dot{background-color:var(--extra-light-gray);cursor:pointer;border:none;border-radius:12px;width:12px;height:12px;margin:0 5px;transition:all .3s}.pagination-dot.active{background-color:var(--accent-green);width:36px}
