<div id="products-overview" class="page--mainwrapProducts slideJs products-overview">
<div class="page--mainwrap-header products-overview--header carouselSmDiv carouselSm carouselDiv">
{% if title is defined %}
{% for index, value in title %}
<h1 class="page--mainwrap-header-heading">{{ h1_1|replace({(word) : value})|raw }}</h1>
{% endfor %}
{% else %}
<h1 class="page--mainwrap-header-heading">{{ h1_1|raw }}</h1>
{% endif %}
<hr>
{% include 'layouts/block/breadcrumbs.html.twig' %}
</div>
<div class="page--mainwrap-content products-overview--content">
<div class="products-overview--content-desc page--mainwrap-content-desc">
{% if title is defined %}
{% for index, value in title %}
<h2 class="products-overview--content-desc-title txt--label">{{ h2_1|replace({(word) : value})|raw }}</h2>
<div class="products-overview--content-desc-txt">{{ p_1|replace({(word) : value})|raw }}</div>
{% endfor %}
{% else %}
<h2 class="products-overview--content-desc-title txt--label">{{ h2_1|raw }}</h2>
<div class="products-overview--content-desc-txt">{{ p_1|raw }}</div>
{% endif %}
</div>
<div class="page--mainwrap-content-componentReact" data-filter="{% if filter is defined %}{{ filter }}{% endif %}"
data-filterValue="{% if filterValue is defined %}{{ filterValue }}{% endif %}" id="productFilter">
</div>
</div>
{# <div class="page--mainwrap-arrowInMiddlePage slideArrow">
<img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon'|trans }}">
</div>#}
</div>