.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: #DEF6FD

}
.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(17deg);
}