{% assign count = 0 %}
{% assign items = page.language | append: '_topiccluster' | order_by : 'date_published', 'desc' %}
<section class="hub-section pb-1">
	<div class="container d-flex">
        <div class="article-tiles-container card-custom">
            {% for item in site[items] %}
            {% if item.type == "pillar" %}
            {% assign count = count | plus: 1 %}
            {% assign dt = item.date_published %}
            <div class="card pb-2 bg-light">
                <div class="inner card-img-caption">
                    <p class="card-text">
                        <a href="">{{ item.t_keyword }} </a>
                    </p>

                {% if item.article_body.content.heading.image.i_image %}
                {% picture thumbnail_254 collections/{{item.article_body.content.heading.image.i_image}} alt="{{ item.article_body.content.heading.image.i_image | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" class="card-img-top" %}
                {% endif %} 
    
                </div>
                <div class="card-body">
                <a href="{{ item.url }}" class="h6 card-title text-dark">{{ item.article_body.content.heading.t_title }}</a>
                <p class="card-text text-secondary text-sm">{{ page.article_body.content.heading.t_description | truncate: 120 }}</p>
                <a href="{{ item.url }}" class="topic-link">{{site.data.languages[page.language]global.t_read_more}} <i class="caret-right"></i></a>
                </div>
            </div>
            {% endif %}
            {% if count >= 20 %}
              {% break %}
            {% endif %}
        {% endfor %}
        </div>
    </div>
</section>