.brand-categories{
    display: flex;
        justify-content: start;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0 10px;
        max-width: 1200px;
        margin: auto;
}

.brand-categories .brand-category{
    max-width: 20%;
    width: 20%;
    padding: 10px 10px;
}

.brand-categories .brand-category .name h3{
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    padding-top: 7px;
    color: black;
}

.brand-categories .brand-category .name:hover h3,
.brand-categories .brand-category:hover .name h3{
    color: #1A5A40;
}