@charset "utf-8";

.review-slider { position: relative; max-width: 750px; margin: 0px auto; overflow: hidden; }

.slider-track { display: flex; transition: transform 0.5s ease-in-out; }

.review { min-width: 100%; box-sizing: border-box; }

.slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgb(17, 24, 39); color: rgb(255, 255, 255); border: none; font-size: 22px; padding: 10px 14px; border-radius: 50%; cursor: pointer; z-index: 10; opacity: 0.8; }

.slider-btn:hover { opacity: 1; }

.prev-btn { left: 10px; }

.next-btn { right: 10px; }

.dots { text-align: center; margin-top: 12px; }

.dots button { width: 10px; height: 10px; border-radius: 50%; border: none; margin: 0px 5px; background: rgb(209, 213, 219); cursor: pointer; }

.dots button.active { background: rgb(17, 24, 39); }