video.bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 0;
}
html {
  scroll-behavior: smooth;
}

.hero-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 0;
}

    .fade-up {
        opacity: 0;
        transform: translateY(40px);
    transition: opacity 1.8s ease-in-out, transform 1.8s ease-in-out;
      }
    
      .fade-up.show {
        opacity: 1;
        transform: translateY(0);
      }
      #custom-cursor {
        transition: transform 0.2s ease, opacity 0.2s ease;
        mix-blend-mode: screen;
        z-index: 9999;
        pointer-events: none;
        opacity: 0; /* Start invisible */
      }
    
      .hover-target {
          transition: transform 0.3s ease, filter 0.3s ease;
      }
      
    
      .hover-target:hover {
        transform: scale(1.05);
        filter: brightness(1.2);
      }
      a.hover-target {
  cursor: pointer;
}
      @keyframes fade-in {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fade-in 1.5s ease forwards;
}

     /* 🔸 Glow Text */
  @keyframes intense-glow {
    0%, 100% {
    text-shadow: none; /
  }
  50% {
    text-shadow:
      0 0 12px #fde047,
      0 0 24px #facc15,
      0 0 36px #f59e0b,
      0 0 48px #f59e0b; 
  }
}
  .fade-in-sub {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 1.8s ease 1s forwards;
  }
  @keyframes fadeUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }


  .glow-text {
  animation: intense-glow 3.5s ease-in-out infinite;
  color: #facc15; 
}

  .animated-bg {
    background: linear-gradient(135deg, #100026, #000d2f, #000000, #2a275c);
    background-size: 300% 300%;
    animation: gradientShift 8s ease-in-out infinite;
  }

  @keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
  @keyframes float-slow {
  0%   { transform: translateY(0) rotate(0deg); }
  50%  { transform: translateY(-15px) rotate(3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

.animate-float-slow {
  animation: float-slow 8s ease-in-out infinite;
}
  @media (min-width: 768px) {
    .government-card {
      grid-row: span 2; /* spans 2 rows to make it visually taller */
      height: 34rem;
    }
  }

  a[class*="hover-target"] {
  cursor: pointer !important;
}