/* Carousel Text Styling */
.custom-caption h1 {
    font-size: 2rem; /* Adjust font size for headings */
    color: #f9f9f9; /* Light color for text */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Add shadow for readability */
    font-weight: bold;
}

.custom-caption p {
    font-size: 1rem; /* Adjust font size for paragraphs */
    color: #d1d1d1; /* Slightly dimmed color */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); /* Add shadow for readability */
}

.carousel-item img {
    filter: brightness(85%); /* Dim the background image for better text contrast */
}

.hero2 {
    font-size:40px !important;
    backdrop-filter:drop-shadow(20px);
/*    font-family:*/
}




.hero3 {
    font-size: 20px !important;
    backdrop-filter: brightness(30px);
    color: rgb(7 51 47)!important;
}


 @media screen and (max-width: 540px) {
    .carousel {
        height: 300px;
    }
    .carousel-item img {
        width: 100%!important;
    }
   .hero2{
      font-size:17px!important;
     
   }
    .hero3 {
        font-size: 15px !important;
    }

    .custom-caption{
     bottom:-10% !important;
     left:40%!important;
    }

 }





/* Responsive Adjustments */
@media (max-width: 768px) {
    .custom-caption h1 {
        font-size: 1.5rem; /* Smaller text size for mobile */
    }

    .custom-caption p {
        font-size: 0.9rem; /* Smaller paragraph text size for mobile */
    }
}