.testimonial-section {
  max-width: 1280px;
  margin: 60px auto;
  text-align: center;
  padding: 0 20px;
}

.title {
  margin-bottom: 20px;
  font-size: 2rem;
  color: #333;
}

.carousel {
  position: relative;
  overflow: hidden;
  padding: 0 0; 
}

.carousel-track {
  display: flex;
  transition: transform 0.4s ease-in-out;
  padding-bottom: 10px;
}

.testimonial {
  background: #fff;
  margin: 0 10px;
  flex: 0 0 calc(33.333% - 20px);  /* 3 per view minus gap */
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  text-align: center;
}

.avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 15px;
}

.testimonial h3 {
  margin: 10px 0 5px;
  font-size: 1.2rem;
  color: #222;
}

.stars {
  color: #ffb400;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.testimonial p {
  font-size: 0.95rem;
  color: #555;
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(23, 31, 50, 0.4);
  color: #171f32;
  border: none;
  padding: 15px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 1.5rem;
  z-index: 2;
}
.arrow:hover {
  background: rgba(223, 98, 44, 0.6);
}
.left  { left: 0px;  }
.right { right: 0px; }

/* Responsive: show 1 or 2 slides on small screens */
@media (max-width: 900px) {
  .testimonial { flex: 0 0 calc(50% - 20px); }
}
@media (max-width: 600px) {
  .testimonial { flex: 0 0 calc(100% - 20px); }
}