/*your custom css goes here*/ 


:root
 {
       --hov-primary: #018b10cc !important;
    --soft-secondary-base: #018b10cc !important;
 }



.text-secondary, .hov-text-secondary:hover {
    color: #000000cc !important;
}







.category-nav-element .sub-cat-menu {
    position: absolute;
    top: 100%;              /* directly below parent */
    width : 50%;
    background: #fff;
    display: none;          /* hidden until hover */
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Show on hover */
.category-nav-element:hover .sub-cat-menu {
    display: block;
}

/* Card columns */
.sub-cat-menu .card {
  border-radius: 10px;
  padding: 15px;
}

/* Card Title */
.sub-cat-menu .card ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  display: block;
  padding: 6px 0;
  transition: color 0.3s;
}

.sub-cat-menu .card ul li a:hover {
  color: #007bff;
}
.card-columns .card {
    display: inline-grid !important
}