body {
      font-family: 'Poppins', sans-serif;
}

@keyframes slideInFromRight {
  0%   { transform: scale(0.8) translateX(100%); opacity: 0; }
  70%  { transform: scale(1.05) translateX(0); opacity: 1; }
  100% { transform: scale(1) translateX(0); opacity: 1; }
}

@keyframes slideOutToLeft {
  0%   { transform: scale(1) translateX(0); opacity: 1; }
  100% { transform: scale(0.85) translateX(-100%); opacity: 0; }
}

@keyframes slideInFromLeft {
  0%   { transform: scale(0.8) translateX(-100%); opacity: 0; }
  70%  { transform: scale(1.05) translateX(0); opacity: 1; }
  100% { transform: scale(1) translateX(0); opacity: 1; }
}

@keyframes slideOutToRight {
  0%   { transform: scale(1) translateX(0); opacity: 1; }
  100% { transform: scale(0.85) translateX(100%); opacity: 0; }
}

.animate-in-right {
  animation: slideInFromRight 0.7s ease-out forwards;
}
.animate-out-left {
  animation: slideOutToLeft 0.6s ease-in forwards;
}
.animate-in-left {
  animation: slideInFromLeft 0.7s ease-out forwards;
}
.animate-out-right {
  animation: slideOutToRight 0.6s ease-in forwards;
}

.red-quotes {
  z-index: 100;
}