<article class="contractedKeys bg-{{ index.index0 }} py-5" id="{{ id }}">
	<section class="container pb-5">
		<div class="row g-3">
			<section class="col-12 col-md-6">
				{% if (component.blockTitle|length) > 0 %}
					<h3 class="contractedKeys__title">
						{{ component.blockTitle }}
					</h3>
				{% endif %}
				{% if (component.description|length) > 0 %}
					<div class="contractedKeys__description">
						{{ component.description }}
					</div>
				{% endif %}
				{% if component.listLinks.count() > 0 %}
					<ul class="m-0 p-0">
						{% for btn in component.listLinks.all() %}
							<li class="d-inline-block py-2">
								{% include 'components/_btnArrow' with {
                  btn: btn.itemLink,
                  classCustom: 'justify-content-start'
                } only %}
							</li>
							<br/>
						{% endfor %}
					</ul>
				{% endif %}
			</section>
			<section class="col-12 col-md-6">
				<div class="contractedKeys__contentImg">
					{% set img = component.image.one() %}
					<img data-src="{{ img.getUrl('blockImageGrid') }}" alt="{{ img.title }}" loading="lazy" class="lazyload img-absolute"/>
				</div>
			</section>
		</div>
	</section>
</article>
