<div class='category-courses category-carousel courses-carousel np-carousel' >
    <div class="np-dashboard-resources-title" style="padding-top: 15px;">
        WELLNESS WORKSHOPS
    </div>
    <div id='#category-courses-carousel' class="row courses-carousel np-carousel" style="min-width: 150%;">
        {% if items.any? %}
            {% assign sorted_items = items | sort: "name" %}
            {% for course in sorted_items %}
                {% for category in course.categories %}
                    {% if category.name == "Wellness Workshops" %}
                        <div class="np-carousel-category-card wellness-workshop-cards" style="padding-left: -10px;"> 
                            {% include "cards_course_by_topic" with course %}
                        </div>
                    {% endif %}
                {%endfor%}
            {% endfor %}
        {% endif %}
    </div>
</div>