<div
  class='
        testimonial-main
    testimonial-main--border
  '
>
  <div class='testimonial-main__stars'>
    {%- if stars > 0 -%}
      <ul class='testimonial-main__list-star'>
        {% for i in (1..stars) %}
          <li>{% render 'icon', name: 'star', icon_size: '13', color: '#ffc107' %}</li>
        {% endfor %}
      </ul>
    {%- endif -%}
  </div>
  {% if text %}
    <div class='testimonial-main__descriptions'>{{ text }}</div>
  {% endif %}
  <div class='testimonial-main__box-img'>
    <div class='testimonial-main__img'>
      {% render 'image', image: image, lazyload: false %}
    </div>
    <div class='testimonial-main__author'>
      {% if title %}
        <div class='testimonial-main__name'>{{ title }}</div>
      {% endif %}
      {% if job %}
        <div class='testimonial-main__context'>{{ job }}</div>
      {% endif %}
    </div>
  </div>
</div>
