{% for item in page.customer %}
<section>
    <div class="custom-new-container">
        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
            <div class="row align-items-center custom-padding">
                <div class="col-12 col-sm-12 col-md-12 col-lg-7 col-xl-7 col-xxl-7 p-0">
                    <div class="customer-videos-description">
                        <div class="customer-videos-icons">
                            <div class="customer-video-logo">
                                {% picture width_250 pages/{{item.i_icon}}  alt="{{ item.i_icon | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" %}

                                <p>{{ item.t_headline }}</p>
                            </div>
                        </div>
                        <div class="customer-videos-description-body customer-testimonial">
                            <p class="description">{{ item.t_description }}</p>
                        </div>
                        <div class="customer-videos-name-location">
                            <div class="customer-videos-name-location">
                                {% if item.i_author_image %}
                                   {% picture author_pic pages/{{ item.i_author_image }} alt="{{ item.i_author_image | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" class="testimonial-img rounded-circle" %}
                                {% endif %}
                                <div class="customer-flex pl-3">
                                    <h2>{{item.t_author}}</h2>
                                    <p class="mb-0">{{ item.t_address }}</p>                                
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 p-0">
                    <div class="customer-videos position-relative button--">
                        <a href="{{ item.p_video }}" data-videourl="{{ item.p_video }}" data-video="{{item.p_video}}"
                            data-modal data-title="{{ item.t_title }}" data-size="xl">
                            <div class="play-button-wrapper">
                                {% if item.p_video %}
                                <div title="Play video" class="play-gif" id="circle-play-b">
                                    {% picture width_70 pages/customer-video-play.png  alt="{{ "customer-video-play.png" | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" %}
                                </div>
                                {% endif %}
                            </div>
                        </a>
                        {% picture width_1000 pages/{{item.i_image}}  alt="{{ item.i_image | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endfor %}