<div
  class='
    testimonial-carousel {% if section.settings.border %}
      testimonial-carousel--border
    {% endif %}
  '
>
  <div class='testimonial-carousel__stars'>
    {%- if stars > 0 -%}
      <ul class='testimonial-carousel__list-star'>
        {% for i in (1..stars) %}
          <li>{% render 'icon', name: 'star', icon_size: '15', color: '#ffc107' %}</li>
        {% endfor %}
      </ul>
    {%- endif -%}
  </div>
  {% if text %}
    <div class='testimonial-carousel__descriptions'>{{ text }}</div>
  {% endif %}
  <div class='testimonial-carousel__box-img'>
    <div class='testimonial-carousel__img'>
      {% render 'image', image: image, lazyload: false %}
    </div>
    <div class='testimonial-carousel__author'>
      {% if title %}
        <h3 class='testimonial-carousel__name'>{{ title }}</h3>
      {% endif %}
      {% if job %}
        <div class='testimonial-carousel__context'>{{ job }}</div>
      {% endif %}
    </div>
  </div>
</div>
