.testimonials-section { background: #f3f3f3; padding: 60px 0; position: relative; }
.slider-testimonials-container { max-width: 1140px; margin: 0 auto; }
.slider-testimonials-section-title { text-align: center; font-size: 32px; font-weight: 700; color:#333; margin-bottom:30px; }
.slider-testimonials-section-title span { color: var(--blue);}
.slider-testimonials { position: relative; }
.viewport { overflow: hidden; width: 100%; }
.track { display: flex; gap:10px; transition: transform .5s ease;margin: 20px 0 20px; }
.slide { flex: 0 0 75%; transition: transform .5s ease; display:flex; justify-content:center;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);border-radius: 15px}
.slide img { width: 100%; border-radius: 15px;}
/* .nav { position: absolute; top: 93%; transform: translateY(-50%); width:40px; height:40px; border-radius:50%; background:#030303; color:#fff; border:none; display:flex; justify-content:center; align-items:center; cursor:pointer; z-index:5; } */
/* .nav.prev { left:45%; }
.nav.next { right:45%; } */
.dots { display:flex; justify-content:center; gap:10px; margin-top:60px; }
.dots button { width:8px; height:8px; border-radius:50%; border:none; background: #89d4f1; cursor:pointer; }
.dots button.active { background: #27B9F2;width:14px; height:14px; }
.google-reviews-btn-wrapper { text-align:center; margin-top:30px; }
.google-reviews-btn { display:inline-flex; align-items:center; gap:10px; padding:12px 30px; background:#0077ff; color:#fff; border-radius:50px; text-decoration:none; font-weight:600; } 

.slider-testimonials-container {
    position: relative;
    border-radius: 10px;
    overflow: hidden; 
}


/* .slider-testimonials-container::before,
.slider-testimonials-container::after {
    content: "";
    position: absolute;
    top: 0;
    width: 25px;            
    height: 100%;
    background: var(--white); 
    z-index: 2;
} */


.slider-testimonials-container::before {
    left: 0;
    border-radius: 10px 0 0 10px;
    box-shadow: 5px 0 10px rgba(0,0,0,0.3); 
}


.slider-testimonials-container::after {
    right: 0;
    border-radius: 0 10px 10px 0;
    box-shadow: -5px 0 10px rgba(0,0,0,0.3); 
}

@media (max-width: 667px) {
 /* .nav { position: absolute; top: 90%; transform: translateY(-50%); width:30px; height:30px; border-radius:50%; background:#030303; color:#fff; border:none; display:flex; justify-content:center; align-items:center; cursor:pointer; z-index:5; }
.nav.prev { left:40%; }
.nav.next { right:40%; } */
.dots { display:flex; justify-content:center; gap:10px; margin-top:60px; }
}