.header-menu nav ul li {
  margin: 0;
  text-align: center;
  height: 85%;
  display: flex;
  align-items: center;
  background-color: var(--main-menu-bg-color) !important;
  position: relative;
  padding: 6px;
  font-weight: 600;
  display: flex;
  justify-content: center;
}
.header-menu nav ul li.active {
  background-color: var(--heading-hover-color) !important;
  border-radius: 0px 0px 0px 0px !important;
}

.header-menu nav>ul>li>a {
  color: var(--main-menu-font-color) !important;
}

.header-menu nav ul li {
  margin: 0;
  text-align: center;
  height: 71%;
  display: flex;
  align-items: center;
  background-color: var(--main-menu-bg-color) !important;
  position: relative;
  padding: 6px;
  font-weight: 600;
  display: flex;
  justify-content: center;
}

.header-menu nav ul li:hover {
  border-bottom: none !important;
  background-color: #b7b7b7 !important;
}
.header-menu nav ul li a:hover {
  color: var(--main-menu-hover-color) !important;
}
