{% block element_section_title %}
<section data-element="{{ element.type }}"
class="{% if element.config.center.value === true %} text-center{% endif %}{% if block.type == 'circular-thumbnail-slider' %} pl-8 lg:pl-0{% endif %}">
{% block element_section_title_subtitle %}
{% if element.config.subtitle.value %}
<div class="section-title text-[32px] font-light text-black md:text-xl">
{{ element.config.subtitle.value }}
</div>
{% endif %}
{% endblock %}
{% block element_section_title_title %}
{% if element.config.pagetitle.value === 'h1' %}
<h1 class="section-title text-[32px] font-light text-black md:text-6xl">
{{ element.config.title.value }}
</h1>
{% elseif element.config.pagetitle.value === 'h2' %}
<h2 class="section-title text-[32px] font-light text-black md:text-6xl">
{{ element.config.title.value }}
</h2>
{% elseif element.config.pagetitle.value === 'h3' %}
<h3 class="section-title text-[32px] font-light text-black md:text-6xl">
{{ element.config.title.value }}
</h3>
{% endif %}
{% endblock %}
{% block element_section_title_description %}
{% if element.config.description.value %}
<div class="section-description font-light {% if block.type != 'image-slider-textarea' %}lg:text-2xl{% endif %}">
{{ element.config.description.value }}
</div>
{% endif %}
{% endblock %}
</section>
{% endblock %}