{{wscSlidesContainer}}
  {{if ~themeSettings.tsmlStyle == "grid"}}
  <style>
    .module-{{:~moduleId}} .testimonial .wsc_content_manager_module_slide {
      text-align: {{:~themeSettings.gridAlignment}};
    }
  </style>
  <div class="testimonial">
  {{else ~themeSettings.tsmlStyle == "box_carousel"}}
  <div class="carousel {{if ~themeSettings.syncHeight == 'on'}}equalize{{/if}} testimonial testimonial-box"
      data-loop="true"
      data-margin="20"
      data-arrows="{{:~themeSettings.tsmlArrows}}"
      data-items="{{:~themeSettings.tsmlColumns}}"
      data-autoplay="{{:~themeSettings.carouselAutoplay}}" 
      data-autoplay-timeout="{{:~themeSettings.carouselTimeout}}"
      data-items-sm="2"
      data-items-xxs="1"
      data-equalize-item=".testimonial-item"
  >
  {{else ~themeSettings.tsmlStyle == "carousel"}}
  <div class="carousel arrows-visibile testimonial testimonial-single {{:~themeSettings.tsmlCarouselStyle}}"
      data-loop="true"
      data-items="{{:~themeSettings.tsmlColumns}}"
      data-arrows="{{:~themeSettings.tsmlArrows}}"
      data-autoplay="{{:~themeSettings.carouselAutoplay}}" 
      data-autoplay-timeout="{{:~themeSettings.carouselTimeout}}"
      data-items-xxs="1"
  >
  {{/if}}


  {{if ~themeSettings.tsmlStyle == "grid"}}
    {{wscSlidesGrid type='Testimonials' slideClassName='testimonial-item' /}}
  {{else}}
    {^{for slides}}
      {{wscSlide type='Testimonials' className='testimonial-item' /}}
    {{/for}}
  {{/if}}
 
  {{if ~themeSettings.tsmlStyle == "grid" || ~themeSettings.tsmlStyle == "box_carousel" || ~themeSettings.tsmlStyle == "carousel"}}
  </div>
  {{/if}}
{{/wscSlidesContainer}}