.categories {
    background-image: url('../../../../default/images/categories-bg.png');
    background-size: cover;
}
.categories .categories-box .category {
    border:2px solid transparent;
    transition: all 0.3s ease-in-out;
}
.categories .categories-box .category:hover {
    border:2px solid var(--primary-color);
    background: var(--primary-color);

}
.categories .categories-box .category:hover h4 {
    color: white;
}
.categories .categories-box .category img {
    transition: all 0.3s ease-in-out;
}
.categories .categories-box .category:hover img {
    transform: rotate(20deg);
}