.l-lineTabs {
  position: relative; }
  .l-lineTabs::after, .l-lineTabs::before {
    content: "";
    width: 20px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 52%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 52%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 52%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    background-size: 100% auto; }
  .l-lineTabs::before {
    left: 0;
    transform: rotate(180deg); }
  .l-lineTabs > ul {
    justify-content: center;
    overflow: scroll;
    align-items: flex-end;
    text-align: center;
    font-size: 0px;
    white-space: nowrap;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    justify-content: left; }
    .l-lineTabs > ul::-webkit-scrollbar {
      display: none; }
    @media (min-width: 576px) {
      .l-lineTabs > ul {
        justify-content: center; }
       }
    .l-lineTabs > ul > li > a {
      border-bottom: 3px solid #E1EFEF;
      color: #1c1c1c;
      display: block;
      text-align: center;
      padding: 8px 16px;
      outline: none; }
      .l-lineTabs > ul > li > a.active {
        border-bottom: 3px solid #00a19b;
        font-weight: 500;
        color: #00a19b; }
        .l-lineTabs > ul > li > a.active h2 {
          color: #00a19b; }
          @media (min-width: 991px) {
           
              .l-lineTabs > ul > li > a {
              
                padding: 8px 50px;
               } }