{# module type: BENEFITS #}
<section class="pt40 c1">
{% for benefitKey, benefit in module.benefits %}
<div class="container course-container {{ not loop.last ? 'border-container' : '' }}">
{% if module.titleName is not empty and loop.first %}
<div class="text-center mb40">
<h4 class="mb40 font2 fw700">
{{ module.titleName }}
</h4>
</div>
{% endif %}
{% if benefit.type == 'icon' %}
<div class="row text-center d-flex justify-content-center">
{% for key, icon in benefit.icons %}
<div class="col-xs-12 col-md-4 mb40 tex-center">
{% if module['benefitsIconFile_' ~ key] is defined %}
<div class="more-space">
<div class="zyskasz-icon mb20">
<img src="{{ vich_uploader_asset(module['benefitsIconFile_' ~ key], 'file') }}"
alt=""
class="img-fluid"/>
</div>
</div>
{% endif %}
<p>{{ icon.text }}</p>
</div>
{% endfor %}
</div>
{% elseif benefit.type == 'html' %}
<div class="row d-flex mb40 align-items-center">
<div class="col-xs-12 col-md-6">
<div class="more-space">
<h3 class="font2">{{ benefit.title }}</h3>
{{ benefit.text|raw }}
</div>
</div>
<div class="col-xs-12 col-md-6 tex-center">
<div class="more-space">
<div class="video-wrapper">
{{ benefit.text2|raw }}
</div>
</div>
</div>
</div>
{% elseif benefit.type == 'image' %}
<div class="row mb40">
<div class="col-xs-12 col-md-6">
{% if module['benefitsImageFile_' ~ benefitKey] is defined %}
<div class="more-space">
<div class="pt20">
<img src="{{ vich_uploader_asset(module['benefitsImageFile_' ~ benefitKey], 'file') }}"
alt=""
class="img-fluid"/>
</div>
</div>
{% endif %}
</div>
<div class="col-xs-12 col-md-6 tex-center">
<div class="more-space">
<h3 class="font2 text-mobile-center mb20">{{ benefit.title }}</h3>
<p>{{ benefit.text|raw }}</p>
</div>
</div>
</div>
{% endif %}
</div>
{% endfor %}
</section>