/*overall tabs---*/
.menu-tabs {
  display: flex;
  padding: 0;
  list-style: none;
  border-radius: 2.6vw;
  /* border: 0.01vw solid #000; */
  gap: 20px;
}

.menu-tabs li {
  flex: 1;
  text-align: center;
  border-radius: 2.6vw;
  background-color: var(--search-bg);
}

.menu-tabs li:hover {
  background: var(--gradient);
}

.menu-tabs li:hover a {
  color: var(--color-white);
}
.menu-tabs li a {
  display: block;
  width: 100%;
  padding: 0.85vw;
  text-decoration: none;
  color: var(--primary-color);
  font-size: 1.1vw;
}

.menu-tabs .highlight {
  background: var(--gradient);
}

.menu-tabs .highlight a {
  color: var(--color-white);
}

.menu-tabs .bl-1 {
  /* border-left: 0.01vw solid #000; */
}

.menu-tabs .br-1 {
  /* border-right: 0.1vw solid #000; */
}