<section
{% if data.id_block is defined %}id="{{ data.id_block }}"{% endif %}
class="section-blue-text-image {% if even == 1 %}first-section{% endif %}"
>
<div class="w-100 bg-blue-very-light h-100 d-flex align-items-center">
<div class="container row container-section">
<div class="col-md-12 col-lg-6 txt">
<div class="d-flex align-items-center">
{#% if data.logo_before_title is defined %}
<img src="{{ asset('uploads/') ~ data.logo_before_title.0 }}" alt="{{ data.title }}" class="icon-tool-link">
{% else %#}
<div class="pr-3 tify">
<div class="tify_wh_wheel"></div>
<div class="tify_arm"></div>
<div class="tify_wheel"></div>
</div>
{#% endif %#}
<div class="txt-blc">
{% if data.pre_title is defined %}
<p class="pre-title">{{ data.pre_title }}</p>
{% endif %}
{% if data.title is defined and data.title %}
<h2 class="blue">{{ data.title }}</h2>
{% endif %}
</div>
</div>
{% if data.description is defined and data.description is not empty %}
<div class="blue-dark pb-3">
{{ data.description.0|raw }}
</div>
{% elseif 'description' ~ data.block is defined %}
<div class="blue-dark pb-3">
{{ data['description' ~ data.block].0|raw }}
</div>
{% endif %}
{% if data.url_link is defined and data.url_link %}
<a class="btn-section blue-dark" href="{{ data.url_link }}">{{ data.label_btn }}</a>
{% endif %}
</div>
<div class="col-md-6 position-relative img-to-bottom no-responsive-rect img">
{% if data.illustration is defined and data.illustration is not empty %}
<img src="{{ asset('uploads/' ~ data.illustration.0) }}" alt="{{ data.title }}" class="position-absolute" loading="lazy">
{% endif %}
</div>
</div>
</div>
</section>