/* Remove any parent container restrictions */
.hero {
    padding: 0;
    margin: 0;
}

/* Full-Width Carousel */
#carouselExample {
    width: 100vw; /* Viewport width for full width */
    max-width: 100%;
    margin: 0 auto; /* Center if necessary */
    padding: 0;
    border-radius: 0;
}

/* Ensure Images Fill Entire Screen */
.carousel-item img {
    width: 100vw; /* Force full width */
    height: 85vh; /* Increase height */
    object-fit: cover; /* Ensures images fit properly without distortion */
    display: block; /* Remove extra space */
}

/* Fix Bootstrap Container Issue */
.container, .container-fluid {
    max-width: 100% !important;
    padding: 0 !important;
}

/* Responsive Adjustments */
@media (max-width: 992px) { 
    .carousel-item img {
        height: 65vh;
    }
}

@media (max-width: 768px) { 
    .carousel-item img {
        height: 50vh;
    }
}

@media (max-width: 480px) { 
    .carousel-item img {
        height: 40vh;
    }
}
.recipes-section img {
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.image-container {
    background: transparent !important;
    box-shadow: none !important;
}