/* Custom CSS for logo size adjustments */
img[src*="Bots_Post_Logo.png"],
img[src*="Standard-Bank-Logo.png"],
img[src*="Thito_Holdings_Logo.jpeg"] {
    max-height: 100px !important;
    max-width: 180px !important;
}

/* Fix for carousel animation */
.carousel-slide {
    animation: scroll 80s linear infinite !important;
    display: flex !important;
    width: max-content !important; /* Ensure all logos fit */
}

/* Ensure logos have consistent sizing */
.logo {
    flex: 0 0 auto !important;
    width: 180px !important;
    min-width: 150px !important;
    padding: 10px !important;
}

/* Make sure animation shows all logos */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - 90px)); /* Adjust based on logo width */
    }
}

/* Ensure carousel container has proper overflow */
.logo-carousel {
    overflow: hidden !important;
    width: 100% !important;
    position: relative !important;
}

/* STOP STATS CAROUSEL FROM MOVING - OVERRIDE ALL OTHER RULES */
#statsCarousel .carousel-slide {
    animation: none !important;
    display: flex !important;
    justify-content: space-around !important;
    width: 100% !important;
    transform: none !important;
}