/* NAV BUTTONS HOVER EFFECT */
.navHover{
    font-size: 1vw;
    font-weight: 500;
    letter-spacing: 1px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    /* transition: .1s; */
    overflow: hidden;   
}
.navHover span{
    position: relative;
    display: inline-block;
    text-shadow: 0 35px #fff;
    transition: transform 0.29s ease-in-out;
    transform: translateY(0px);

}
.navHover:hover span.hover{
    transform: translateY(-35px);
}
.navHover span.hover{
    transform: translateY(-35px);
    transition-delay: 0s; /* Remove delay for instant reaction */
}
 
ul {
    overflow: hidden;
}

.heroBtn {
    transition: .1s;
    font-size: .9em;
}
  
  




 /* Full-screen background container */


 .sans-serif {
    font-family: sans-serif;
    font-weight: 700;
    letter-spacing: -10px;
 }

 .heroSection {
    position: relative;
 }
 .background-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* So it doesn't interfere with clicks */
    background-color: transparent;
    z-index: -111; /* Place it behind other content */
  }

  /* Each vertical line */
  .background-lines .line {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
  }

  /* Position lines across the screen */
  .background-lines .line:nth-child(1) { left: 10%; }
  .background-lines .line:nth-child(2) { left: 30%; }
  .background-lines .line:nth-child(3) { left: 45%; }
  .background-lines .line:nth-child(4) { left: 60%; }
  .background-lines .line:nth-child(5) { left: 75%; }
  .background-lines .line:nth-child(6) { left: 90%; }
  .background-lines .line:nth-child(7) { left: 130%; }

  /* Animated highlight with fading edges */
  .background-lines .line::before {
    content: "";
    position: absolute;
    top: -20%;
    left: 0;
    width: 100%;
    height: 24%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, 
                                            rgba(255, 255, 255, 0.6) 50%, 
                                            rgba(255, 255, 255, 0) 100%);
    animation: highlightMove 5s infinite linear;
  }

  /* Staggered animation for each line */
  .background-lines .line:nth-child(1)::before { animation-delay: 0s; }
  .background-lines .line:nth-child(2)::before { animation-delay: 0.7s; }
  .background-lines .line:nth-child(3)::before { animation-delay: 1s; }
  .background-lines .line:nth-child(4)::before { animation-delay: 1.3s; }
  .background-lines .line:nth-child(5)::before { animation-delay: 1.6s; }
  .background-lines .line:nth-child(6)::before { animation-delay: 1.9s; }

  /* Smooth glowing highlight movement */
  @keyframes highlightMove {
    0% {
      top: -20%;
      opacity: 0.5;
    }
    50% {
      opacity: 1;
    }
    100% {
      top: 100%;
      opacity: 0;
    }
  }