#eteam-tab-widget {
  display: none;
}
#eteam-tab-widget .tab-wrap {
  background: var(--bg-soft-brown);
  width: 100%;
  padding: 20px;
}
#eteam-tab-widget .tabs-nav {
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#eteam-tab-widget .tabs-nav li {
  background: linear-gradient(
    to bottom,
    transparent 50%,
    var(--bg-primary) 50%
  ) !important;

  background-size: 100% 200% !important;
  background-position: top !important;
  transition: background-position 0.5s ease;

  display: flex;
  align-items: center;

  font-weight: bold;
  margin: 0;
  padding: 10px 25px !important;
  border-bottom: 3px solid var(--bg-primary);
  cursor: pointer;
}

#eteam-tab-widget .tabs-nav li.active {
  background-position: bottom !important;
}
#eteam-tab-widget .tabs-nav li.active img {
  filter: brightness(0) invert(1);
}
#eteam-tab-widget .tabs-nav li + li {
  margin-top: 0;
}
#eteam-tab-widget .tabs-content-holder {
  padding: 20px 10px 0;
}
#eteam-tab-widget .title {
  font-size: 1.625rem;
  font-family: var(--font-primary);
  font-weight: var(--font-bold);
  text-shadow: var(--shadow-text-16);
  margin-bottom: 15px;
}

@media only screen and (max-width: 1099px) {
  #eteam-tab-widget .title {
    font-size: 1.375rem;
  }
}

@media only screen and (max-width: 666px) {
  #eteam-tab-widget .tabs-nav li {
    padding: 6px 18px !important;
  }
}
@media only screen and (max-width: 567px) {
  #eteam-tab-widget .tabs-nav li {
    padding: 10px 15px !important;
    width: 16.6666%;
  }
}
@media only screen and (max-width: 413px) {
  #eteam-tab-widget .tabs-nav li {
    padding: 10px 13px !important;
    /* width: 16.6666%; */
    width: 22%;
  }
  #eteam-tab-widget .tab-wrap {
    padding: 20px 10px;
  }
}