<section class="testimonial-style1-area{% if mode != 'dark' %} style2 {% endif %}">
<div class="layer-outer" style="background-image:url(front/assets/images/parallax-background/testimonial-bg.jpg);"></div>
<div class="container">
<div class="sec-title text-center">
<div class="big-title{% if mode == 'dark' %} clr-white{% endif %}">
<h2>{{ 'app.testimonial.title'|trans }}</h2>
</div>
<div class="border-box">
<span class="linetop{% if mode == 'dark' %} bg-white{% endif %}"></span>
<span class="linebottom"></span>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="theme-carousel testimonial-carousel {% if mode != 'dark' %}style2 {% endif %}owl-carousel owl-theme owl-nav-style-one" data-options='{"loop":true, "margin":30, "autoheight":true, "nav":true, "dots":false, "autoplay":true, "autoplayTimeout":6000, "smartSpeed":500, "responsive":{ "0":{"items": "1"}, "768":{"items": "1"}, "1000":{"items": "1" }}}'>
{% for testimonial in testimonials %}
<div class="single-testimonial-style1{% if mode != 'dark' %} blackver {% endif %}">
<div class="img-box">
<img src="{{ asset(testimonial_images_directory ~ '/' ~ testimonial.image) }}" alt="Awesome Image">
<div class="icon">
<i class="fa fa-quote-left" aria-hidden="true"></i>
</div>
</div>
<div class="text-box">
<p>{{ testimonial.testimony }}</p>
</div>
<div class="client-info">
<div class="border-box"></div>
<h2>{{ testimonial.name }}</h2>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>