{% import 'blocks\\settings.default.html.twig' as styles %}
    <section {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="{% block skin_class %}block-06-image-text {{ settings.extra_class|default }}{% endblock %}"  >
        

        {% if settings.carousel|default == '1' or settings.carousel_1175|default == '1' or settings.carousel_600|default == '1' or settings.carousel_480|default == '1' %}
            {% import 'blocks\\B06_image_text\\B06_image_text.default.settings.twig' as slick_settings %}
            <div class="container list-repeatable slick-carousel" >
        {% else %}
            <div class="container list-repeatable">
        {% endif %}
            {% for item in repeatable %}
                <div {% block row_repeatable %} class="row d-flex"{% if item.image_width == 12 %} {% endif %} {% endblock %}>
                    <div class="col-12 col-lg-{{item.image_width}} {% if item.image_width != 12 %}{% if item.image_position|default %}pl-lg-0 order-lg-2{% else %}pr-lg-0{% endif %}{% endif %}"{% if item.image_width != 12 and item.bgcolor|default == '' %}{% if item.image_position|default %} {% else %} {% endif %}{% endif %}>
                        {% if item.image|default %}
                            {% set extension = item.image|default|extension %}                            
                            <img src="{% if extension == 'svg' or  extension == 'gif' %}{{ item.image }}{% else %}{{ item.image|imagine_filter('full')|urldecode }}{% endif %}" class="{% if item.image_no_cover|default %}img-fluid{% else %}object-fit-cover{% endif %}" alt="{{ item.image_alt|default }}" {% if item.image_title|default %} title="{{ item.image_title}}" {% endif %}>                            
                        {% endif %}
                    </div>
                    <div class="col-12 col-lg bg-text {% if item.image_position|default %} text-at-left order-lg-1 {% endif %}" {% if item.bgcolor|default and  item.image_width != 12 %}  {% endif %}>
                        <div class="w-100 h-100 pt-5 pb-lg-5 {% if item.image_width != 12 %}{% if item.image_position|default %}pl-0 pr-lg-3{% else %}pl-lg-3 pr-0{% endif %}{% else %}{% if item.bgcolor|default %}px-3{% endif %}{% endif %} d-flex align-items-start flex-column" >
                            <div class="w-100 mb-3 title">{{ item.title|default|raw }}</div>
                            <div class="w-100 mb-3 text">{{ item.text|default|raw }}</div>
                            {% if item.url|default or item.page|default %}
                                <div class="w-100 mt-auto">
                                    {% set finalurl=item.url|default %}
                                    {% if item.page|default %}  
                                        {% set pageInfo=get_page_info(app.request.locale, item.page) %} 
                                        {% if finalurl|trim is empty %} 
                                            {% set finalurl = pageInfo.url %}
                                        {% endif %}
                                    {% endif %} 
                                    <a href="{{ finalurl }}" target="{{ item.target|default }}" class="btn {{item.btn_style|default('btn-primary')}}">
                                        <div class="viewmore">
                                            {{ item.label_bt }}
                                        </div>
                                    </a>
                                </div>
                            {% endif %} 
                        </div>
                    </div>
                    
                </div>
            {% endfor %}
        </div>
    </section>