{% if banners %}
<section class="section-prems bg-center" >
	<div class="container-fluid">
		{% if title %}
		<div class="section-heading pt-5 pb-3 text-center">
			<h3 class="heading">{{ title }}</h3>	
		</div>
		{% endif %}
		<div class="bg-dominik-dark position-relative py-4 p-md-5 bg-center">
			<div class="row gy-0 gy-md-5 align-items-center">
				{% for i,banner in banners %}
				<div class="col-md-4">
					<div class="banner-text text-white py-4 px-4 px-md-0 py-md-5 text-shadow">
						<div class="heading mb-3">{{ banner.title }}</div>
						<p class="w-75">{{ banner.text|nl2br }}</p>
						
					</div>
					
				</div>
				{% if (i) is divisible by(2) %}
				<div class="col-md-4 d-none d-md-inline-block"></div>
				{% else %}
					
				{% endif %}
				{% endfor %}
				
			</div>
			{% if banners[0].image %}<div class="bg-absolute-background d-none d-md-block"><img src="{{ banners[0].image }}" loading="lazy"></div>{% endif %}
		</div>
	</div>
</section>
{% endif %}