_tabs.scss

_tabs.scss

.panel-tabs {
  height: 400px;
}

.nav-tabs {
  border: 0;
  display: flex;

  > li {
    flex: 1;
    text-align: center;
    a {
      margin-right: 0;
      color: $more-gray;
      border-right: 1px solid $gray;
      transition: background-color 0.2s;
      &:hover {
        border-color: $gray $gray $gray;
      }
    }
    &:last-child a {
      border-right: 0;
    }
    &:after {
      width: 0;
      height: 0;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-top: 12px solid $green;
      content: '';
      position: absolute;
      left: 46%;
      opacity: 0;
      transition: opacity 0.2s;
    }
  }

  li.active {
    .tab-icon {
      fill: $white;
    }
    &:after {
      opacity: 1;
    }
  }

}

.tab-icon-wrapper {
  margin: 7px auto;
  height: 35px;
}

.onboarding-group {
  margin: 0;
}

#webcam_check1-group {
  margin-top: 20px;
}

#mobile-group {
  margin-top: 15px;
}