{% if (component.fieldText|length) > 0 %}
    {% include 'quarks/_loadCssComponent' with {
        name: '_' ~ component.type
    } only %}
	{% set category_section = component.categoryEvents[0] ?? null %}
	<section {{ dataComponent }} id="{{ id }}" class="meetingsWithWomenLeaders bg-{{ index.index0 }} {{ separation }}">
		<section class="container py-4">
			{% include 'components/_setHeadTitles' %}
			{% include 'components/_sliderEvents' with {
        onlyTheSlider: true,
        set_query: craft.entries().section(component.fieldText).relatedTo(
          category_section
        ).limit(
          6
        ).all()
          ?? []
      } %}

			{% if not component.itemLink.isEmpty() %}
				<section class="text-center">
					{% include 'components/_btnArrow' with {
            btn: component.itemLink,
            parentClass: 'd-inline-block'
          } only %}
				</section>
			{% endif %}
		</section>
	</section>
{% endif %}