<section class="pt-5 threeColumns">
<div class="container">
{% if module.title is defined %}
<div class="row">
<div class="col-12 text-center mb-4">
<h2 class="text-title">{{ module.title }}</h2>
</div>
</div>
{% endif %}
<div class="row justify-content-center mx-0">
{% if module.columns is defined and module.columns is not empty %}
{% for column in module.columns %}
{% if loop.index != 1 %}
<div class="text-center d-none d-lg-block line-vertical my-2 ml-3 mr-4">‌</div>
{% endif %}
<div class="col-12 col-lg mb-4 mb-lg-0 px-3">
{% if column.icon is defined %}
<div class="icon mb-3 text-blue">
<span class="icon--{{ column.icon }}"></span>
</div>
{% endif %}
{% if column.title is defined %}
<h4 class="mb-3 text-blue">{{ column.title }}</h4>
{% endif %}
{% if column.description is defined %}
<p>{{ column.description }}</p>
{% endif %}
</div>
{% endfor %}
{% endif %}
</div>
</div>
</section>