/* ==========================================================================
   Custom CSS for AI Testing Site - WP Bakery Carousel Styling
   ========================================================================== */

/* Move dots below images */
#accreditations .vc_images_carousel .vc_carousel-indicators {
    bottom: -30px !important;
}

/* Style all dots (inactive by default) */
#accreditations .vc_images_carousel .vc_carousel-indicators li {
    background-color: #cccccc !important;
    border: 1px solid #cccccc !important;
    opacity: 0.6 !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    margin: 0 6px !important;
    transition: background 0.3s, opacity 0.3s;
}

/* Only one active dot is blue */
#accreditations .vc_images_carousel .vc_carousel-indicators li.vc_active {
    background-color: #07456b !important;
    border: 1px solid #07456b !important;
    opacity: 1 !important;
}

/* Partial dots (if present) are faded */
#accreditations .vc_images_carousel .vc_carousel-indicators li.vc_partial {
    background-color: #cccccc !important;
    border: 1px solid #cccccc !important;
    opacity: 0.3 !important;
}

/* Carousel container spacing for dots */
#accreditations .vc_images_carousel {
    padding-bottom: 50px !important;
}

/* Image styling */
#accreditations .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item a > img,
#accreditations .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item img {
    max-height: 120px !important;
    object-fit: contain !important;
}

/* Individual carousel items spacing */
#accreditations .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
    padding: 0 7px !important;
}

/* Responsive adjustments */
@media screen and (min-width: 768px) {
    #accreditations .vc_images_carousel .vc_carousel-indicators {
        bottom: -20px !important;
    }
}
@media only screen and (max-width: 768px) {
    #accreditations .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item a > img,
    #accreditations .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item img {
        max-height: 80px !important;
    }
    #accreditations .vc_images_carousel .vc_carousel-indicators {
        bottom: -25px !important;
    }
    #accreditations .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
        padding: 0 5px !important;
    }
}
@media only screen and (max-width: 480px) {
    #accreditations .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item a > img,
    #accreditations .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item img {
        max-height: 60px !important;
    }
    #accreditations .vc_images_carousel .vc_carousel-indicators {
        bottom: -20px !important;
    }
    #accreditations .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
        padding: 0 3px !important;
    }
}