<h3 class="np-card-heading">
  <span class="lang-en">Lesson categories</span>
  <span class="lang-es">Categorías de la lección</span>
</h3>
<div class="np-flex categories-flex">
  {% for category in course.categories %}
    {% assign firstChar = category.name | truncate: 1, "" %}
    {% if firstChar != '[' %}
      <div class="np-content-categories-content-item">
        {{ category.name }}
      </div>
    {% endif %}
  {% endfor %}
</div>

<style>
  .categories-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }

  .categories-flex .np-content-categories-content-item {
    margin-right: 0 !important;
  }
</style>