// Beautiful nav tabs
.nav-tabs {
  margin-bottom: 1rem;

  // Make responsive horizontally
  display: block;
  overflow-x: auto;
  overflow-y: clip;
  white-space: nowrap;

  .nav-item {
    // Make responsive horizontally
    display: inline-block;
  }
}
.nav-tabs .nav-link {
  border: none;
  color: #666;

  &.active {
    color: $primary;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid $primary;
  }

  &:hover, &:focus {
    color: $primary;
  }
}