.carousel-item::before {
     content: "";
     position: absolute;
     top: 0; left: 0;
     width: 100%; height: 100%;
     background: rgba(0, 0, 0, 0.4); /* Black tint with transparency */
     z-index: 1;
   }

    .carousel-item img {
      width: 100%;
      height: 75vh;
      object-fit: cover;

    }

    .carousel-caption-center {
      position: absolute;
      top: 50%;
      left: 50%;
            color: white;

      transform: translate(-50%, -50%);
      text-align: center;
      background: transparent;
      padding: 1.5rem;
      border-radius: 10px;
      max-width: 90%;
    }

    .carousel-caption-center h5 {
      font-size: 2rem;
      font-weight: 600;
      /* animation: fadeIn 1s ease-in-out; */
    }

    .carousel-caption-center p {
      font-size: 1.1rem;
      /* animation: fadeIn 1.5s ease-in-out; */
    }

    .carousel-caption-center h5,
.carousel-caption-center p {
  color: #ffffff; /* Bright white text */
  font-weight: 600;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9); /* Stronger shadow for visibility */
}


    @keyframes fadeIn {
      from { opacity: 0; transform: scale(1); }
      to { opacity: 1; transform: scale(1); }
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      filter: brightness(0.7);
    }

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
      filter: brightness(1.2);
      transition: all 0.3s ease;
    }

    @media (max-width: 768px) {
      .carousel-caption-center h5 {
        font-size: 1.5rem;
      }
      .carousel-caption-center p {
        font-size: 0.9rem;
      }
    }