.dropdown-content {
      display: none;
      position: absolute;
      background-color: white;
      min-width: 12rem;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      z-index: 50;
    }
    
    .nav-link:hover {
      color: #0d6efd;
      transform: scale(1.05);
    }

    #mobileMenu {
      transition: transform 0.3s ease-in-out;
    }
    #mobileMenu.closed {
      transform: translateX(-100%);
    }
    #mobileMenu.open {
      transform: translateX(0);
    }
   .clip-bottom-triangle {
        clip-path: polygon(0 100%, 100% 0, 100% 100%);
    }
    .scroll-marquee {
    display: flex;
    width: max-content;
    animation: marquee 40s linear infinite;
  }

  .paused-marquee {
    animation-play-state: paused !important;
  }

  @keyframes marquee {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  @keyframes gallery-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-gallery-scroll {
  animation: gallery-scroll 60s linear infinite;
}
.fade-in-up {
  animation: fadeInUp 1s ease-out both;
}
.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out both;
  }
  .animate-fade-in-left {
    animation: fadeInLeft 0.8s ease-out both;
  }
  .animate-fade-in-right {
    animation: fadeInRight 0.8s ease-out both;
  }
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes fadeInLeft {
    from { opacity: 0; transform: translateX(-40px); }
    to { opacity: 1; transform: translateX(0); }
  }
  @keyframes fadeInRight {
    from { opacity: 0; transform: translateX(40px); }
    to { opacity: 1; transform: translateX(0); }
  }
      @keyframes flight-parabola {
    0% {
      left: 0%;
      top: 70%;
      opacity: 0.3;
    }
    25% {
      top: 20%;
      opacity: 0.7;
    }
    50% {
      left: 50%;
      top: -40%; /* Higher arc: flight goes way above */
      opacity: 1;
    }
    75% {
      top: 20%;
      opacity: 0.7;
    }
    100% {
      left: 100%;
      top: 70%;
      opacity: 0.3;
    }
  }

  .animate-flight-parabola {
    position: absolute;
    animation: flight-parabola 8s ease-in-out infinite;
  }

 @keyframes waveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-15px);
    }
  }

  .wave-motion {
    animation: waveUpDown 2.5s ease-in-out infinite;
  }

  .wave-delay-1 { animation-delay: 0s; }
  .wave-delay-2 { animation-delay: 0.3s; }
  .wave-delay-3 { animation-delay: 0.6s; }
  .wave-delay-4 { animation-delay: 0.9s; }
  .wave-delay-5 { animation-delay: 1.2s; }

  .hover-diagonal {
    transition: transform 0.4s ease-in-out;
  }

  .hover-diagonal:hover {
    transform: translateX(10px) translateY(-10px);
  }
  
.clip-triangle-down {
  clip-path: polygon(0 0, 100% 0, 0 100%);
}