.home_page_slider {
    width: 100%;
    height: auto;
    margin: 2% 0;


}

/* Set the height of each carousel item to 50vh */
.carousel-item {
    height: 70vh;
    /* 50% of the viewport height */
}

.carousel-item img {
    object-fit: inherit;
  /* Ensure the image covers the carousel item without distortion */
    height: 100%;
    /* Make the image fill the entire carousel item */
    width: 100%;
    /* Make the image span the entire width of the carousel item */
}

/* Optional: Mobile responsiveness */
@media (max-width: 768px) {
    .carousel-item {
        height: 50vh;
        /* Reduce the height for smaller screens */
    }
}