/* Basic styling for the logo items within the slider */
.cls-logo-carousel-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden; /* To handle potential float issues with slider */
}

.cls-logo-carousel .item {
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px; /* Ensure a minimum height for consistent display */
}

.cls-logo-carousel .item img {
    max-width: 100%;
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove extra space below image */
    margin: 0 auto; /* Center images */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: add a subtle shadow */
}

/* Ensure images don't exceed their original size if smaller than container */
.cls-logo-carousel .item img {
    max-width: 300px; /* Max width constraint */
    max-height: 300px; /* Max height constraint */
    object-fit: contain; /* Ensures the image fits within its content box without cropping or stretching */
}