/* Image Height Fix for About and CTA sections */
.mini-carousel.single-image .mini-carousel-item img {
    height: 350px;  /* Increased from 200px to ensure proper height */
    object-fit: cover;
    width: 100%;
}

/* Ensure consistent image heights across different sections */
.mini-slider .mini-carousel-container {
    height: auto;  /* Remove any fixed height restriction */
}

.mini-carousel-item {
    flex: 0 0 100%;
    min-width: 100%;
    position: relative;
    height: auto;  /* Allow height to be determined by content */
}

/* Ensure images maintain aspect ratio while filling container */
.about-section .mini-carousel-item img,
.cta-section .mini-carousel-item img {
    height: 350px;  /* Fixed height for about and CTA sections */
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .mini-carousel.single-image .mini-carousel-item img,
    .about-section .mini-carousel-item img,
    .cta-section .mini-carousel-item img {
        height: 300px;
    }
}

@media (max-width: 767px) {
    .mini-carousel.single-image .mini-carousel-item img,
    .about-section .mini-carousel-item img,
    .cta-section .mini-carousel-item img {
        height: 250px;
    }
}

@media (max-width: 575px) {
    .mini-carousel.single-image .mini-carousel-item img,
    .about-section .mini-carousel-item img,
    .cta-section .mini-carousel-item img {
        height: 200px;
    }
}