/* Contact Page - Styles */

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
  transform: translateY(-1px);
}

/* Animation des cartes */
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.lg\:col-span-1 > div {
  animation: slideInLeft 0.6s ease-out;
}

.lg\:col-span-2 > div {
  animation: slideInRight 0.6s ease-out;
}