.categories-box{}
.categories-box .categories-items{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:36px 12px;}
.categories-box .categories-item{position:relative;background:#fff;flex:1 0 20%;border:1px solid #c0c0c0;padding:12px 0px;transition:0.5s;max-width: 480px;}
.categories-box .categories-item:hover{background:transparent;border:1px solid var(--main);}
.categories-box .categories-item img{width:100%;height:auto;transition:0.5s;}
.categories-box .categories-item:hover img{transform:scale(0.9);}
.categories-box .categories-desc{padding:6px 6px 24px 6px;}
.categories-box .categories-desc p{text-align:center;}
.categories-box .categories-item span.badge{position:absolute;bottom:-12px;left:0;right:0;margin:auto;width:200px;background:#fff;color:#607d8b;border:1px solid #c0c0c0;transition:0.5s;}
.categories-box .categories-item:hover span.badge{background:#fff;border:1px solid var(--main);bottom:-1px;}
.categories-box .categories-item .categories-item-title{}
.categories-box .categories-item .categories-item-title a{display:block;background:transparent;padding:6px 0px;transition:0.5s;}
.categories-box .categories-item:hover .categories-item-title a{background:var(--main);color:#fff;padding:6px 0px;}