<section {{ dataComponent }} id="{{ id }}" class="gridVideoAndText bg-{{ index.index0 }} {{ separation }}">
	<section class="container">
		<div class="row g-3 my-4 my-md-0">
			<section class="col-12 col-lg-6 pe-lg-4 d-flex flex-column justify-content-center my-md-4 my-lg-0">
				{% include 'components/_setHeadTitles' with {
          stylesClass: 'text-start text-lg-end'
        } %}
				{% if (component.description|length) > 0 %}
					<div class="descriptionList text-start text-lg-end">
						{{ component.description }}
					</div>
				{% endif %}
			</section>
			{% set video = component.groupsVideos[0] ?? null %}
			{% if video %}
				<section class="col-12 col-lg-6 ps-lg-4 my-4 my-lg-0 d-flex flex-column justify-content-center">
					{% include 'components/_blockVideo' with {
            contentVideo: video,
            type: video.type,
            titleVideo: video.itemTitle
          } only %}
				</section>
			{% endif %}
		</div> 
	</section>
</section>