body {
  overflow-x: hidden; /* Critical: prevents horizontal scroll */
  width: 100%;
  position: relative;
}

.service-card-extra {
  display: flex;
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.service-hidden {
  display: none !important;
}

.review-card {
  width: calc(33.333% - 16px);
  min-width: 260px;
}
@media (max-width: 1023px) {
  .review-card {
    width: calc(50% - 12px);
  }
}
@media (max-width: 639px) {
  .review-card {
    width: 100%;
  }
}
#reviewDots .rv-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cbd5e1;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s;
}
#reviewDots .rv-dot.active {
  background: #3a9ad7;
  width: 24px;
  border-radius: 4px;
}

.service-card:active {
  border-color: #d1d5db; /* gray-300 equivalent */
}

.service-card:active .fa-arrow-right {
  transform: translateX(4px);
}