{% if banners %}
<section class="section-services" >
	<div class="container-fluid">
		{% if title %}
		<div class="section-heading pb-3 py-5 text-center">
			<h3 class="heading">{{ title }}</h3>	
		</div>
		{% endif %}
		<div class="row g-2 justify-content-center">
			{% for banner in banners %}

			<div class="col-md-3 col-sm-6">
				<a href="{{ banner.link }}" class="item service-module-card text-center bg-dominik h-100">
					<img src="{{ banner.image }}" loading="lazy">
					<div class="banner-text mt-3 mb-3 px-4">
						<div class="subheading mb-3">{{ banner.title }}</div>
						<p class="mb-0">{{ banner.text|nl2br }}</p>
						<span class="service-module-card__link">{{ banner.button ?: 'Подробнее' }} <span>→</span></span>
					</div>
				</a>
			</div>
			
			{% endfor %}
		</div>
	</div>
</section>
{% endif %}
