.main-brand-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
}

.main-brand-item {
    align-items: center;
    outline: 1px solid #DADADA;
    border-radius: 15px;
    flex-direction: column;
    min-height: 190px;
    grid-template-rows: 100px auto;
    justify-content: center;
}

.main-brand-item:hover {
    outline: 1px solid #000;
}

.main-brand-item:hover span {
    text-decoration: underline;
}

@media (min-width: 575px) {
    .main-brand-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px
    }
}

@media (min-width: 768px) {
    .main-brand-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px
    }
}

@media (min-width: 991px) {
    .main-brand-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 15px
    }
}