{% 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 %}{{ blockSequence }} block-06-image-text style4 {{ settings.extra_class|default }}{% endblock %}"  >
        <div class="container list-repeatable">
                {% set carousel = false %}
                {% if settings.carousel|default == '1' or settings.carousel_1175|default == '1' or settings.carousel_600|default == '1' or settings.carousel_480|default == '1' %}
                    {% set carousel = true %}
                    {% import 'blocks\\B06_image_text\\B06_image_text.default.settings.twig' as slick_settings %}
                    <div class="row mb-4 slick-carousel" >
                {% endif %}

                    {% for item in repeatable %}
                        <div class="{% if carousel %}item{% else %}row mb-4{% endif %}">
                            <div class="col-lg-12 border-background border-background-{{loop.index}} {% if item.image_position|default %} text-at-left order-lg-1 {% endif %}">
                                <div {% block row_repeatable %} class="row" {% 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 carousel == false %}{% if item.image_width != 12 and item.bgcolor|default == '' %}{% if item.image_position|default %} {% else %} {% endif %}{% endif %}{% endif %}>
                                        {% if item.image|default %}
                                            {% set extension = item.image|default|extension %}                            
                                            <img src="{% if extension == 'svg' or  extension == 'gif' %}{{ item.image|urldecode }}{% 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 %}">
                                        <div class="w-100 h-100 d-flex align-items-start flex-column" >
                                            <div class="w-100 title">{{ item.title|default|raw }}</div>
                                            <div class="w-100 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>
                            </div>
                        </div>
                    {% endfor %}
                {% if carousel %} </div> {% endif %}
                
        </div>
    </section>