{% import 'common/macros/elements.html.twig' as elements %}
{% import 'common/macros/svg.html.twig' as svg %}
{% macro list_item(title, text, img) %}
<div class="item">
<div class="icon">{{ img }}</div>
{{ elements.heading(title, 3, 'title') }}
<p class="text">{{ text }}</p>
</div>
{% endmacro %}
{% import _self as _ %}
<section class="our-operations section" id="operations">
<div class="our-operations-wrapper">
<div class="section-header">
{{ elements.heading('common.services'|trans|upper, 4, 'section-category') }}
{{ elements.heading('common.our_operations'|trans, 2, 'section-title') }}
</div>
<div class="list">
{{ _.list_item('home.services_vision'|trans, 'home.services_vision_text'|trans, svg.vision) }}
{{ _.list_item('home.services_payment'|trans, 'home.services_payment_text'|trans, svg.payment) }}
{{ _.list_item('home.services_execution'|trans, 'home.services_execution_text'|trans, svg.execution) }}
{{ _.list_item('home.services_marketing'|trans, 'home.services_marketing_text'|trans, svg.marketing) }}
{{ _.list_item('home.services_support'|trans, 'home.services_support_text'|trans, svg.support) }}
<div class="more">
{{ elements.CTA('common.about_us'|trans|upper, path('about_us_index'), 'secondary') }}
</div>
</div>
</div>
</section>