/**
 * Property Card Carousel Transition Speed
 * 
 * This CSS file overrides the default transition speed for property card carousels
 * to make the image transitions faster.
 */

/* Speed up the carousel transition */
.property_unit_carousel .carousel-inner .item {
    -webkit-transition: 0.3s ease-in-out left !important;
    -moz-transition: 0.3s ease-in-out left !important;
    -o-transition: 0.3s ease-in-out left !important;
    transition: 0.3s ease-in-out left !important;
}

/* For WebKit browsers (Chrome, Safari) */
@media all and (transform-3d), (-webkit-transform-3d) {
    .property_unit_carousel .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.3s ease-in-out !important;
        -moz-transition: -moz-transform 0.3s ease-in-out !important;
        -o-transition: -o-transform 0.3s ease-in-out !important;
        transition: transform 0.3s ease-in-out !important;
    }
}

/* Ensure the carousel controls are visible and clickable */
.property_unit_carousel .carousel-control {
    opacity: 0.7;
}

.property_unit_carousel .carousel-control:hover {
    opacity: 1;
}