.nav-tabs {
  border-bottom: 1px solid #eaeaea;
  justify-content: center;
}
.nav-tabs li {
  margin-left: 12px;
  margin-right: 12px;
}
.nav-tabs li .nav-link {
  color: rgba(39, 42, 53, 0.7);
  font-size: 1.125rem;
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 100%;
  position: relative;
  background: transparent;
  padding-bottom: 12px;
}
.nav-tabs li .nav-link span.exploded {
  display: block;
  font-size: 0.875rem;
}
.nav-tabs li .nav-link:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 4px;
  background: #e6d0bc;
  transition: all 300ms;
  border-radius: 10px;
  transform: translate3d(-50%, 0, 0);
}
.nav-tabs li .nav-link.active {
  color: #272a35;
  background: transparent;
}
.nav-tabs li .nav-link.active:after {
  width: 100%;
}

@media screen and (max-width: 640px) {
  .nav-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .nav-tabs li .nav-link {
    white-space: nowrap;
  }
}