.transition-400-ms {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
}

.mf-animation:hover {
    background-position-x: 0px;
    background-position-y: 0px;
    animation-name: moving-background;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes moving-background {
    0%   {background-position-x: 0px;}
    50%   {background-position-x: -10px;}
    100%   {background-position-x: 0px;}
}

.card-home-category {
    width: 100%;
    min-height: 136px !important;
    height: 136px !important;
}

.card-category-main {
    min-width: 100% !important;
    min-height: 96px !important;
    height: 96px !important;
    border-radius: 8px;
    color: #2e2e2e !important;
    line-height: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.card-category-main:hover {
    box-shadow: 0 0px 12px rgb(0 0 0 / 15%) !important;
}

.card-home-category {
    border-radius: 8px;
    /* min-width: 124px !important; */
    min-height: 136px !important;
    /* width: 124px !important; */
    height: 136px !important;
    color: #2e2e2e !important;
    line-height: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.card-home-category:hover {
    box-shadow: 0 0px 12px rgb(0 0 0 / 15%) !important;
}

.card-home-category img{
    width: 48px; 
    height: 48px;
}

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

.card-home-category .text-card {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 13px;
}

.card-home-category:hover .text-card {
    transform: scale(1.1);
}

.card-home-divider {
    width: 2px;
    margin-top: 16px;
    background-color: #c4c4c4;
    margin-bottom: 16px;
}

#section-cat{
    padding: 10px 30px 2px 30px;
}

@media (max-width: 576px) {
    .card-home-category {
        min-height: 82px !important;
        height: 96px !important;
    }
    
    .card-home-category img{
        width: 36px;
        height: 36px;
    }

    .card-category-main {
        min-height: 72px !important;
        height: 72px !important;
    }
}