<nav class="np-sub-navigation">
  <div class="np-sub-navigation-content">
    {% for link in navigations.sub_navigation %}
      {% unless link.label == 'Catalog' or link.label == 'Learning Paths'%}
        <div class="np-sub-navigation-content-item {{ link.active_class }}">
          <div class="np-sub-navigation-content-item-bar"></div>
          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
            {{ link.label }}
            </a>
            </div>
        {% endunless %}
    {% endfor %}
  </div>
</nav>

<style>
  .np-sub-navigation-content-item-link {
    height: unset;
    margin: 15px 0;
  }
  .np-sub-navigation-content-item-bar {
    margin: 0;
    width: 100%;
    height: 10px;
    border-radius: 17px;
    position: absolute;
    top: -5px;
    background: #abd538;
  }
  .np-sub-navigation {
    padding-top: 0;
  }
  .np-sub-navigation-content-item {
    position: relative;
  }
  .np-sub-navigation-content-item-active .np-sub-navigation-content-item-link {
    color: #009d01;
  }
</style>