/* Custom animations */
@keyframes float {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }
}

.review-card {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.review-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px -12px rgba(120, 113, 108, 0.25);
}

.review-card:hover .quote-mark {
  color: #fde68a;
  transform: translateY(-4px);
}

.review-card:hover .highlight-bar {
  transform: scaleX(1) rotate(-1deg);
}

.review-card:hover .accent-line {
  opacity: 1;
  transform: scaleX(1);
}

.review-card:hover .avatar {
  border-radius: 12px;
  transform: scale(1.05);
}

.quote-mark {
  transition: all 0.5s ease;
}

.highlight-bar {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.accent-line {
  opacity: 0;
  transform: scaleX(0);
  transition: all 0.5s ease;
}

.avatar {
  transition: all 0.3s ease;
}

.dot-pattern {
  background-image: radial-gradient(circle at 1px 1px, rgb(214 211 209) 1px, transparent 0);
  background-size: 40px 40px;
}