/* Base Animation Classes */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  
  .fade-in.visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* Stagger Delay Classes */
  .stagger-1 { transition-delay: 0.1s; }
  .stagger-2 { transition-delay: 0.2s; }
  .stagger-3 { transition-delay: 0.3s; }
  .stagger-4 { transition-delay: 0.4s; }
  
  /* Slide Animations */
  .slide-in-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  
  .slide-in-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  
  .slide-in-left.visible,
  .slide-in-right.visible {
    opacity: 1;
    transform: translateX(0);
  }
  
  /* Scale Animations */
  .scale-up {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  
  .scale-up.visible {
    opacity: 1;
    transform: scale(1);
  }
  
  /* Smooth Scroll Behavior */
  html {
    scroll-behavior: smooth;
  }
  
  /* Custom Animations */
  @keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
  }
  
  .float-animation {
    animation: float 3s ease-in-out infinite;
  }
  
  /* Testimonial Transitions */
  .testimonial-slide {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  
  .testimonial-slide.active {
    opacity: 1;
    transform: translateX(0);
  }
  
  /* FAQ Animations */
  .faq-answer {
   
    transition: max-height 0.3s ease-out;
  }
  
  .faq-answer.show {
    max-height: 500px;
  }
  
  /* Navigation Scroll Effect */
  .nav-scrolled {
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
  }