/* Basic styling for dropdown */
.unique-dropdown-item {
  position: relative;
}

.unique-dropdown-link {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #000; /* Change to desired color */
}

/* Remove list-style from submenu items */
.unique-submenu, .unique-subsubmenu {
  list-style: none; /* Remove dots */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margin */
}

/* Increase the width of the dropdown and submenus */
.unique-submenu {
  display: none; /* Hide submenu by default */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff; /* Background color */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  min-width: 200px; /* Set a minimum width for the dropdown */
}

/* Show submenu on hover */
.unique-dropdown-item:hover .unique-submenu {
  display: block; /* Show submenu on hover */
}

/* Sub-submenu styling */
.unique-subsubmenu {
  display: none; /* Hide sub-submenu by default */
  position: absolute;
  top: 0;
  left: 100%; /* Position it to the right of the parent */
  background-color: #fff; /* Background color */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  min-width: 150px; /* Set a minimum width for the sub-submenu */
}

/* Show sub-submenu on hover */
.unique-submenu-item:hover .unique-subsubmenu {
  display: block; /* Show sub-submenu on hover */
  width: 100%;
}

/* Submenu links */
.unique-submenu-link, .unique-subsubmenu-link {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  /* color: #000;  */
  background-color: #63b144;
}

/* Hover effect for links */
.unique-submenu-link:hover, .unique-subsubmenu-link:hover {
  background-color: #f0f0f0; /* Change to desired hover color */
}