<div class="m-m10 {{ ez_field_value( content, 'class_css') }}" {% if not ez_is_field_empty( content, 'm10_bgcolor' ) %}style="background: {{ ez_field_value(content, 'm10_bgcolor') }}"{% elseif not ez_is_field_empty( content, 'm10_media' ) %} style="background-image: url('{{ ez_render_field(content, 'm10_media', { parameters: { lazy: true, alias: 'default', class: 'img-bg' }}) }}')" {% endif %}> <div class="wrapper"> <div class="internal-wrapper"> {% if not ez_is_field_empty( content, 'm10_icon' ) %} {{ ez_render_field( content, 'm10_icon', {parameters: { class: 'icon' } }) }} {% endif %} {% if not ez_is_field_empty( content, 'm10_title' ) %} <h2 class="h1">{{ ez_field_value( content, 'm10_title')|raw }}</h2> {% endif %} {% if not ez_is_field_empty( content, 'm10_subtitle' ) %} <p class="h4">{{ ez_field_value( content, 'm10_subtitle')|raw }}</p> {% endif %} </div> {% if not ez_is_field_empty( content, 'm10_relation_list' ) %} <div class="grid"> <div class="carrousel-wrapper"> <div class="carrousel-container"> <ul class="list"> {% for contentId in ez_field_value( content, 'm10_relation_list' ).destinationContentIds %} <li class="item"> {{ render( controller( "ez_content:viewAction", {'contentId': contentId, 'viewType': 'embed', 'noLayout': 1} ) ) }} </li> {% endfor %} </ul> </div> <div class="carrousel-nav"> <span class="prev"> {{ include('icons/link-arrow.svg.twig') }} </span> <span class="next"> {{ include('icons/link-arrow.svg.twig') }} </span> </div> </div> </div> {% endif %} </div></div>