Profile Page Header Tab

$tab-padding-mob: 4rem;

.profile-page-header-tab {
  display: flex;
  // justify-content: center;
  overflow-x: auto;

  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */

  /* Hide scrollbar for Chrome, Safari and Opera */
  &::-webkit-scrollbar {
    display: none;
  }

  li {
    position: relative;
    margin-left: 330px;

    a {
      cursor: pointer;
      text-decoration: none;
      display: block;
      white-space: nowrap;
      font-family: 'FS Dillon', arial, helvetica, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 1.4rem;
      line-height: 1.8rem;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #011e41;
      padding: 1.6rem 0;
      height: 100%;
      border-bottom: 0.3rem solid $red;
    }
  }

  &--container {
    height: 100%;
    background-color: $grey-light;
  }

  @include xl {
    li {
      margin-left: 570px;
    }
  }

  @include sm {
    li {
      margin-left: 50px;
    }
  }

  @include xs {
    li {
      margin-left: 50px;
    }
  }
}