{% if articles %}
	<div class="row mt-3 mt-md-0 p-3 p-md-0 pt-xl-3 g-3 g-xl-4 pr-module">
		<div class="pr-module-header fsz-22 dark-text fw-700 text-center text-md-start mt-0 mt-md-2 mb-2">{{ heading_title }}</div>
		{% for article in articles %}
			<div class="pr-module-item pr-module-col">
				<div class="content-block h-100 d-flex flex-column p-3 overflow-hidden">
					<div class="pr-module-img">
						<a href="{{ article.href }}">
							<img src="{{ article.thumb }}" alt="{{ article.name }}" title="{{ article.name }}" class="img-responsive" />
						</a>
					</div>
					<div class="rm-module-title flex-grow-1">
						<a class="pr-last-news-title fw-700 fsz-14 dark-text" href="{{ article.href }}">{{ article.name }}</a>
					</div>
					{% if article.rating %}
					<div class="pr-module-rating d-flex align-items-center justify-content-start">
						<div class="pr-module-rating-stars d-flex align-items-center">
							{% for i in 1..5 %}
								{% if product.rating < i %}
									<span class="pr-module-rating-star"></span>
								{% else %}
									<span class="pr-module-rating-star pr-module-rating-star-is"></span>
								{% endif %}
							{% endfor %}
						</div>
					</div>
					{% endif %}
					<div class="fsz-14 dark-text my-4">{{ article.description }}</div>
					<button class="button button-primary br-7 mt-auto" type="button" onclick="location.href = ('{{ article.href }}');"><i class="fas fa-share"></i> <span class="hidden-xs hidden-sm hidden-md">{{ button_more }}</span></button>
				</div>
			</div>
		{% endfor %}
	</div>
{% endif %}