/*
*
* ==========================================
* CATEGORY BLOCK
* ==========================================
*
*/
.categories-item {
  position: relative;
  transition: all 0.2s;
}

.categories-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
border:2px solid #ffc107;
  transition: all 0.3s;
  border-radius: 0.25rem;
  opacity: 0;
  z-index: 1;
}

.categories-item .card-body {
  z-index: 2;
}

.categories-item svg {
  color: #4E66F8;
  transition: all 0.3s;
}



.categories-item:hover svg {
  color: white;
}

.categories-item:hover::before {
  opacity: 1;
}

.categories-item:hover .categories-item-number {
  color: white;
}

.categories-item .categories-item-number {
  color: #6c757d;
  transition: all 0.2s;
}