.section-title {
    color: black;
    text-align: center;
    margin-top: 50px;
}

.section-title-border {
    background-color: #c63b4e;
    height: 6px;
    width: 80px;
    margin: auto;

}


.category-card {
    transition: 400ms;
    background-color: #fafafa;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.category-card:hover {
       box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.category-card:hover h3 {
}

.category-card img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    transition: transform 1s;
}

.category-card:hover img {
    transform: scale(1.05);
}

.category-title {

    height: 80px;
    overflow: hidden;
    text-align: center;
    padding: 16px 8px;
}

.category-title h3 {
    font-size: 1.6em !important;
}

.category-image-container {
    height: 220px;
    overflow: hidden;
}

.main-link {
    border: 2px solid teal;
    padding: 16px 32px;
}


/*  brands   */
.brand-card {
    height: 150px;
    overflow: hidden;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.brand-card img {
    display: block;
    transition: transform 0.3s;

}

.brand-card:hover img {
    transform: scale(1.05);
}

@media (max-width: 601px) {

    .category-image-container {
        height: 350px;
        overflow: hidden;
    }

}