/* Desktop Carousel Styles */
#tour-cards-carousel-desktop .carousel-inner {
    padding-left: 10.5rem;
    /* Match the padding of "EMBRACE THE ESCAPE" title */
    padding-right: 10.5rem;
    width: 100%;
}

/* Ensure all cards in a carousel item have the same height */
#tour-cards-carousel-desktop .carousel-item .row {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    /* Start from left to align with title */
    margin-left: 0;
    margin-right: 0;
    flex-wrap: nowrap;
    /* Prevent wrapping to next line */
}

#tour-cards-carousel-desktop .carousel-item .row>[class*="col-"] {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    flex: 0 0 33.333%;
    /* Each column takes exactly 1/3 of the row */
    max-width: 33.333%;
    /* Ensure it doesn't exceed 1/3 */
}

#tour-cards-carousel-desktop .carousel-control-prev {
    left: -2.5rem;
}

#tour-cards-carousel-desktop .carousel-control-next {
    right: -2.5rem;
}

/* Mobile Carousel Styles */
#tour-cards-carousel-mobile .carousel-inner {
    padding-left: 3rem;
    padding-right: 3rem;
}

#tour-cards-carousel-mobile .carousel-control-prev {
    left: 0;
}

#tour-cards-carousel-mobile .carousel-control-next {
    right: 0;
}

/* Common Carousel Styles */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(56%) sepia(62%) saturate(393%) hue-rotate(85deg) brightness(92%) contrast(92%);
}

@media (max-width: 767px) {

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 1.5rem;
        height: 1.5rem;
    }
}