<article class="insabiListsLinks bg-{{ index.index0 }} py-5 mt-5" id="{{ id }}">
	<section class="container pb-4">
		<h2 class="insabiListsLinks__title text-start text-lg-center col-lg-7 mx-auto">
			{{ component.blockTitle }}
		</h2>
		{% if (component.description|length) > 0 %}
			<div class="descriptionList text-start text-lg-center col-lg-8 mx-auto pb-3">
				{{ component.description }}
			</div>
		{% endif %}
		{% if component.listText.count() > 0 %}
			{% include 'components/_listTextC' with {
        list: component.listText.all(),
        customClass: 'col-lg-7 mx-auto'
      } only %}
		{% endif %}
		{% if (component.aditionalText|length) > 0 %}
			<p class="insabiListsLinks__aditionalText text-start {{
					        component.alingAditionalText
					        }}">
				{{ component.aditionalText }}
			</p>
		{% endif %}
		{% if not component.blockLink.Empty() %}
			<div class="insabiListsLinks__link col-lg-8 mx-auto text-start text-lg-center">
				{% if component.typeLink == 'simple' %}
					{{
            component.blockLink.getLink({
              class: 'btn btn-t-primary insabiListsLinks__link--item'
            })
          }}
				{% else %}
					<section class="d-inline-block">
						{% include 'components/_btnArrow' with {
              btn: component.blockLink,
              classCustom: 'justify-content-end px-0'
            } only %}
					</section>
				{% endif %}
			</div>
		{% endif %}
	</section>
</article>
