.brand-slide {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Mobile: 2 kolom */
    gap: 10px;
}

.brand-item {
    text-align: center;
    padding: 10px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-item img {
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
}

@media (min-width: 768px) {
    .brand-slide {
        grid-template-columns: repeat(4, 1fr); /* Tablet: 4 kolom */
    }
}
@media (min-width: 1024px) {
    .brand-slide {
        grid-template-columns: repeat(7, 1fr); /* Desktop: 7 kolom */
    }
}