<article id="{{ id }}" class="btitleAndLiks bg-{{ index.index0 }} mt-5 py-5">
	<section class="container pb-4">
		<div class="row g-3">
			<section class="col-12 col-lg-8">
				{% if component.blocks.count() > 0 %}
					{% for item in component.blocks.all() %}
						<div class="text-start text-md-end me-lg-5 my-5">
							<h2 class="btitleAndLiks__title">
								{{ item.itemTitle }}
							</h2>
							{% if item.links.count() > 0 %}
								<ul class="m-0 p-0 btitleAndLiks__links">
									{% for jtem in item.links.all() %}
										<li class="my-4">
											{{
                        jtem.itemLink.getLink({
                          class: 'btn-t-primary btn px-md-4 py-2'
                        })
                      }}
										</li>
									{% endfor %}
								</ul>
							{% endif %}
						</div>
					{% endfor %}
				{% endif %}
			</section>
			<section class="col-12 col-lg-4">
				<div class="btitleAndLiks__img">
					{% set img = component.image.one() %}
					<img data-src="{{ img.getUrl('imageMedium') }}" alt="{{ img.title }}" loading="lazy" class="lazyload img-absolute"/>
				</div>
			</section>
		</div>
	</section>
</article>
