<section class="std-section journal-about">
<div class="container">
<div class="journal-about__heading">
<h3 class="h3">{{ title }}</h3>
</div>
<div class="journal-about__container">
{% if advantages is defined and advantages|length > 0 and advantages|length <= 3 %}
{% for advantage in advantages %}
<div class="journal-about__item">
<div class="journal-about__image">
{% if advantage.image %}
<img loading="lazy" src="{{ asset('assets/front/img/empty.svg') }}" data-src="{{ advantage.image }}" alt="{{ advantage.title }}">
{% endif %}
</div>
<div class="journal-about__info">
<span class="journal-about__name">{{ advantage.title }}</span>
<span class="journal-about__description">{{ advantage.description|raw }}</span>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
<script data-defer=".journal-about">
var requireOnDefer = function() {
function callback() {
require(['assets/front/js/application/journal-about']);
window.removeEventListener('.journal-about', callback);
}
window.addEventListener('.journal-about', callback);
}
requireOnDefer();
require(['css!assets/front/css/application/journal-about']);
</script>
</section>