/* GSAP Animation Classes */

/* Header animations */
.navbar {
  animation: slideDownNav 0.6s ease-out;
}

@keyframes slideDownNav {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Page header animations */
.page-header {
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

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

/* Section animations */
section {
  animation: fadeIn 0.8s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Card hover effects */
.service-detail-card,
.gallery-card,
.stat-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-detail-card:hover,
.gallery-card:hover,
.stat-card:hover {
  transform: translateY(-10px);
}

/* Image animations */
.service-detail-image img,
.gallery-card-image img {
  transition: transform 0.4s ease;
}

.service-detail-card:hover .service-detail-image img,
.gallery-card:hover .gallery-card-image img {
  transform: scale(1.05);
}

/* Footer animations */
.footer {
  animation: fadeInUp 0.8s ease-out 0.6s both;
}