.rev-card {
  width: clamp(320px, 30vw, 380px) !important;
  min-width: clamp(320px, 30vw, 380px) !important;
  max-width: clamp(320px, 30vw, 380px) !important;
  height: 410px;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgb(15 23 42 / 8%);
}

.rev-card > div:first-child {
  padding: 24px;
}

.rev-card span.rounded-full {
  padding-inline: 10px;
}

.rev-card .rev-quote {
  display: -webkit-box;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-height: 1.65;
  font-size: 15px;
}

.rev-card:hover {
  transform: translate(-4px);
  box-shadow: 0 18px 38px rgb(15 23 42 / 13%);
}

.animate-marquee {
  margin: 20px 0 32px;
}

@media (max-width: 640px) {
  section .rev-card {
    width: 86vw !important;
    min-width: 86vw !important;
    max-width: 86vw !important;
    height: 390px;
  }

  .rev-card > div:first-child {
    padding: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .animate-marquee {
    animation: none !important;
  }

  .rev-card {
    transition: none !important;
  }
}