{% include 'quarks/_loadCssComponent' with {
    name: '_' ~ component.type
  } only %}
<section {{ dataComponent }} id="{{ id }}" class="insabiLargeImgAndText bg-{{ index.index0 }} {{ separation }}">
	<div class="container-flud px-0">
		<section class="row"> 
			<div class="col-12 col-lg-5 d-none d-lg-block">
				<section class="insabiLargeImgAndText__contentImg">
					{% set img = component.image[0] ?? null %}
					{% if img %}
						{% include 'components/_imageTransformsSimple' with {
              img: img,
              setClass: 'img-absolute',
              alt: component.blockTitle,
              transforms: {
                '(min-width: 1200px)': {
                  width: 900
                },
                '(min-width: 992px)': {
                  width: 850
                },
                '(min-width: 576px)': {
                  width: 480
                }
              },
              default: {
                width: 10,
                height: 10
              }
            } only %}
					{% endif %}
				</section>
			</div>
			<section class="col-12 col-lg-7">
				<div class="col-10 mx-auto ms-lg-5 me-lg-auto py-4">
					{% include 'components/_setHeadTitles' with {
            stylesClass: 'col-12 col-md-9 me-auto'
          } %}

					{% if (component.description|length) > 0 %}
						<section class="insabiLargeImgAndText__description">
							{{ component.description }}
						</section>
					{% endif %}

					{% include 'components/_btnArrow' with {
            btn: component.itemLink,
            classCustom: 'justify-content-start px-0',
            parentClass: 'd-inline-block'
          } only %}

					{% if (component.additionalText|length) > 0 %}
						<section class="insabiLargeImgAndText__additionalText">
							{{ component.additionalText }}
						</section>
					{% endif %}

					{% set listsText = component.listsText.all() ?? [] %}
					{% if (listsText|length) > 0 %}
						{% include 'components/_listTextC' with {
              list: listsText
            } only %}
					{% endif %}
				</div>
			</section>
		</section>
	</div>
</section>