.slider-img {
      width: 100vw;
      height: 100vh;
      object-fit: cover;
    }
    #slider {
      width: 300vw; /* 3 images = 3 x 100vw */
    }
    
  .active {
  color: #2563eb; 
  font-weight: bold;
  text-decoration: underline;
}

  .active {
    color: #f97316; /* Tailwind ka orange-400 */
    text-decoration: underline;
  }
a:hover {
  color: orange; /* hover pe orange */
  text-decoration: underline; /* chahe toh underline bhi */
}
h2{
  color:orange;
}