@keyframes vibrate {
  0% { transform: translateX(0); }
  20% { transform: translateX(-2px); }
  40% { transform: translateX(2px); }
  60% { transform: translateX(-2px); }
  80% { transform: translateX(2px); }
  100% { transform: translateX(0); }
}

.vibrate {
  animation: vibrate 0.4s ease-in-out;
}
.testimonial-card {
  perspective: 1000px;
}

.testimonial-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.8s ease;
}

.testimonial-face {
  position: absolute;
  inset: 0;
  padding: 2rem;
  backface-visibility: hidden;
  height: 100%;
  width: 100%;
}

.testimonial-back {
  transform: rotateY(180deg);
}

#chat-icon {
  transition: opacity 0.5s ease;
}

#chat-box.active {
  opacity: 1;
  pointer-events: auto;
}