/* Hero Section Animations */
@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  .hero-animate {
    animation: fadeInUp 1s ease-out forwards;
  }
  
  .hero-image-animate {
    animation: fadeIn 1s ease-out 0.3s forwards;
    opacity: 0;
  }
  
  .hero-content h1 {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out 0.2s forwards;
  }
  
  .hero-content p {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out 0.4s forwards;
  }
  
  .contact-button {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out 0.6s forwards;
  }