.ilc-carousel {
    display: flex;
    justify-content: flex-start; /* Align items left */
    align-items: center;  /* Vertically align logos */
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    --ilc-gap: 15px;  /* Default gap as fallback */
}

.ilc-item {
    flex: 0 0 auto;
    margin-right: var(--ilc-gap);  /* Apply dynamic gap */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;  /* Ensure all items have the same height */
}

.ilc-item img {
    width: 150px;  /* Enforce consistent width */
    height: 32px;  /* Set fixed height */
    object-fit: contain;  /* Preserve aspect ratio */
}

/* Responsive adjustments for mobile and tablet */
@media (max-width: 1024px) {
    .ilc-item {
        margin-right: 1.5rem;  /* Adjust gap for tablet */
    }
}

@media (max-width: 767px) {
    .ilc-item {
        margin-right: 1rem;  /* Adjust gap for mobile */
    }
}