/* Hide child and subchildren by default */
.main-menu-box .child,
.main-menu-box .subchildren {
  display: none;
}

/* Ensure active trail elements are always visible by adding the show class */
.main-menu-box ul.show {
  display: block !important; /* Force visible display */
}

/* Ensure .show class overrides display: none */
.child.show,
.subchildren.show {
  display: block !important; /* Show elements that are being hovered over */
}

/* General menu styles */
.main-menu-box ul {
  list-style: none;
}

.main-menu-box li {
  position: relative;
}

.main-menu-box li a {
  display: block;
  padding: 0px;
  color: #333;
  text-decoration: none;
  width: 100% !important;
}

.main-menu-box li a:hover {
  background-color: #f0f0f0;
}

/* Style for the angle icon */
.main-menu-box li a .fa-angle-right {
  margin-left: 10px;
  font-size: 12px;
  color: #333; /* Adjust this to the color of your menu */
  transition: transform 0.3s ease;
  float: right;
}

#active-link {
  font-weight: bold; /* or any other weight, e.g., 600, 700 */
  color: #000; /* Optionally change the color of the active link */
}