.nav-tabs {
  border-bottom: none;

  .nav-item {
    margin-bottom: -2px;

    .nav-link {
      color:                                                $gray-800;
      padding-bottom: 12px;

      &.active {
        border: none;
        border-radius: 0px;
        box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.17);
        position: relative;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color:                                              $black;

        &::before {
          content: '';
          display: inline-block;
          background: white;
          width: 100%;
          height: 10px;
          position: absolute;
          bottom: -5px;
          left: 0px;
        }
      }

      &:hover {
        border: none;
      }
    }
  }
}
