<section class="bgc-15683A position-relative">
<img src="{{ asset('assets/img/catmid.svg') }}" alt="Facomia"
class="wi-50 position-absolute zi-9 t-0 b-0 my-auto l-0" data-aos="fade-right" data-aos-duration="800"/>
<div class="container-header container mx-auto">
<div class="row position-relative">
<div class="col-12 pay-70-sm pay-40 position-relative zi-9" >
<div class="d-sm-flex text-center text-sm-left align-items-center cg-40">
{% if icon %}
<img data-aos="fade-right" data-aos-duration="800" src="{{ icon }}" alt="{{ title }}" class="wi-70-sm wi-50 white-filter"/>
{% endif %}
<div class="mat-0-sm mat-15">
<h1 data-aos="fade-up" data-aos-duration="800" class="dearxt mab-5 americanaBold">{{ title }}</h1>
<h2 data-aos="fade-up" data-aos-duration="800" data-aos-delay="400" class="kbsuip may-0">
{{ intro|raw }}
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-12 position-absolute r-0 t-0 b-0 zi-1">
{% if img %}
<div class="bgp-center bgs-cover bg-header w-100 h-100 t-0 l-0 position-absolute"
style="background-image:url({{img}})">
</div>
{% else %}
<div class="bgp-center bgs-cover bg-header w-100 h-100 t-0 l-0 position-absolute"
style="background-image:url({{ asset('assets/img/Rectangle 43.png')|imagine_filter("medium") }})">
</div>
{% endif %}
{# <div class="row h-100">
<div class="col-sm-6 vncmoy"></div>
<div class="col-sm-6 wmxvfm"></div>
</div>#}
</div>
</div>
</div>
</section>