<article id="{{ id }}" class="textAndListBlock bg-{{ index.index0 }} pb-5">
	<section class="container">
		{% if (component.blockTitle|length) > 0 %}
			<h2 class="textAndListBlock__title text-start text-lg-center">
				{{ component.blockTitle }}
			</h2>
		{% endif %}
		<div class="textAndListBlock__description text-start">
			{{ component.description }}
		</div>
		{% if component.listText.count > 0 %}
			<ul class="px-0 py-3 m-0 textAndListBlock__listText col-lg-9">
				{% for item in component.listText.all() %}
					<li class="textAndListBlock__listText--item mb-4">
						<p class="my-0 bullet me-2 pt-1">
							<img data-src="/assets/img/bullet.svg" src="" alt="bullet" loading="lazy" class="lazyload im-fluid"/>
						</p>
						<div class="description">
							{{ item.text }}
						</div>
					</li>
				{% endfor %}
			</ul>
		{% endif %}
	</section>
</article>
