<section class="bm-testimonials bm-testimonials--grid" style="
  background-color:var(--bm-bg);
  background-image:var(--bm-bg-gradient, none);
  color:var(--bm-text);
  padding-top:var(--bm-padding-top, var(--bm-padding-y));
  padding-right:var(--bm-padding-right, var(--bm-padding-x));
  padding-bottom:var(--bm-padding-bottom, var(--bm-padding-y));
  padding-left:var(--bm-padding-left, var(--bm-padding-x));
">
  <div class="bm-testimonials__grid" style="
    display:grid;
    grid-template-columns:repeat(var(--bm-card-columns, 3), minmax(0, 1fr));
    grid-auto-rows:minmax(min-content, auto);
    align-items:stretch;
    gap:var(--bm-gap);
  ">
    {{#items}}
      <blockquote class="bm-testimonial bm-card" data-bm-card-index="{{@index}}" style="
        display:flex;
        flex-direction:column;
        align-self:stretch;
        height:auto;
        margin:0;
        padding:0;
        border-top-left-radius:var(--bm-card-border-top-left-radius, var(--bm-card-border-radius, 20px));
        border-top-right-radius:var(--bm-card-border-top-right-radius, var(--bm-card-border-radius, 20px));
        border-bottom-right-radius:var(--bm-card-border-bottom-right-radius, var(--bm-card-border-radius, 20px));
        border-bottom-left-radius:var(--bm-card-border-bottom-left-radius, var(--bm-card-border-radius, 20px));
        border-style:var(--bm-card-border-style, solid);
        border-color:var(--bm-card-border-color, rgba(0, 0, 0, 0.06));
        border-top-width:var(--bm-card-border-top-width, var(--bm-card-border-width, 0));
        border-right-width:var(--bm-card-border-right-width, var(--bm-card-border-width, 0));
        border-bottom-width:var(--bm-card-border-bottom-width, var(--bm-card-border-width, 0));
        border-left-width:var(--bm-card-border-left-width, var(--bm-card-border-width, 0));
        box-shadow:var(--bm-card-shadow, 0 12px 40px rgba(15, 23, 42, 0.08));
        box-sizing:border-box;
        background:var(--bm-card-bg, #ffffff);
      ">
        <div class="bm-card__body" style="
          display:flex;
          flex-direction:column;
          flex:1 1 auto;
          min-height:0;
          align-items:stretch;
          order:1;
          gap:var(--bm-card-body-gap, 2.5rem);
          padding:var(--bm-card-body-padding, 1.75rem);
          text-align:var(--bm-text-align, left);
          box-sizing:border-box;
        ">
          <div class="bm-testimonial__quote bm-card__icon-wrapper" data-bm-el="icon" style="
            display:inline-flex;
            align-items:center;
            justify-content:center;
            align-self:var(--bm-quote-align-self, var(--bm-align-items, flex-start));
            box-sizing:border-box;
            margin-top:var(--bm-icon-margin-top, 0);
            margin-right:var(--bm-icon-margin-right, 0);
            margin-bottom:var(--bm-icon-margin-bottom, 0);
            margin-left:var(--bm-icon-margin-left, 0);
            background:var(--bm-icon-bg, transparent);
            padding-top:var(--bm-icon-padding-top, 0);
            padding-right:var(--bm-icon-padding-right, 0);
            padding-bottom:var(--bm-icon-padding-bottom, 0);
            padding-left:var(--bm-icon-padding-left, 0);
            border-style:var(--bm-icon-border-style, none);
            border-color:var(--bm-icon-border-color, transparent);
            border-top-width:var(--bm-icon-border-top-width, var(--bm-icon-border-width, 0));
            border-right-width:var(--bm-icon-border-right-width, var(--bm-icon-border-width, 0));
            border-bottom-width:var(--bm-icon-border-bottom-width, var(--bm-icon-border-width, 0));
            border-left-width:var(--bm-icon-border-left-width, var(--bm-icon-border-width, 0));
            border-top-left-radius:var(--bm-icon-border-top-left-radius, var(--bm-icon-border-radius, 0));
            border-top-right-radius:var(--bm-icon-border-top-right-radius, var(--bm-icon-border-radius, 0));
            border-bottom-right-radius:var(--bm-icon-border-bottom-right-radius, var(--bm-icon-border-radius, 0));
            border-bottom-left-radius:var(--bm-icon-border-bottom-left-radius, var(--bm-icon-border-radius, 0));
            box-shadow:var(--bm-icon-shadow, none);
            line-height:0;
            {{iconWrapperStyle}}
          ">{{iconHtml}}</div>
          <div class="bm-testimonial__content" data-bm-el="content" style="
            margin-top:var(--bm-content-margin-top, 0);
            margin-bottom:var(--bm-content-margin-bottom, 0);
            padding-left:var(--bm-content-padding-left, 0);
            padding-right:var(--bm-content-padding-right, 0);
            color:var(--bm-content-color, var(--bm-text));
            font-family:var(--bm-content-font-family, inherit);
            font-size:var(--bm-content-font-size, 1rem);
            font-weight:var(--bm-content-font-weight, 400);
            line-height:var(--bm-content-line-height, 1.6);
            letter-spacing:var(--bm-content-letter-spacing, normal);
            text-align:var(--bm-message-text-align, var(--bm-text-align, left));
            box-sizing:border-box;
            flex:1 1 auto;
            width:100%;
          ">{{content}}</div>
          <footer class="bm-testimonial__meta" data-bm-el="meta" style="
            display:flex;
            flex-direction:var(--bm-author-image-flex-direction, row);
            align-items:var(--bm-author-image-align-items, center);
            justify-content:var(--bm-author-justify-content, var(--bm-justify-content, flex-start));
            gap:var(--bm-meta-gap, 0.75rem);
            margin-top:auto;
            width:100%;
            box-sizing:border-box;
          ">
            <img class="bm-testimonial__avatar" data-bm-el="image" src="{{image.url}}" alt="{{image.alt}}" loading="lazy" decoding="async" style="
              display:block;
              flex-shrink:0;
              order:var(--bm-author-image-order, 0);
              width:var(--bm-avatar-size, 2.75rem);
              height:var(--bm-avatar-size, 2.75rem);
              object-fit:cover;
              border-radius:var(--bm-avatar-radius, 999px);
              box-shadow:var(--bm-image-shadow, none);
              margin:0;
            " />
            <div class="bm-testimonial__author" style="
              display:flex;
              flex-direction:column;
              gap:0;
              min-width:0;
              order:0;
              text-align:var(--bm-author-text-align, var(--bm-text-align, left));
            ">
              <cite class="bm-testimonial__name" data-bm-el="name" style="
                font-style:normal;
                margin-top:0;
                margin-right:0;
                margin-bottom:var(--bm-name-margin-bottom, 0);
                margin-left:0;
                color:var(--bm-name-color, var(--bm-text));
                font-family:var(--bm-name-font-family, inherit);
                font-size:var(--bm-name-font-size, 0.95rem);
                font-weight:var(--bm-name-font-weight, 700);
                line-height:var(--bm-name-line-height, 1.3);
                letter-spacing:var(--bm-name-letter-spacing, normal);
              ">{{name}}</cite>
              <span class="bm-testimonial__company" data-bm-el="company" style="
                margin:0;
                color:var(--bm-company-color, #94a3b8);
                font-family:var(--bm-company-font-family, inherit);
                font-size:var(--bm-company-font-size, 0.8125rem);
                font-weight:var(--bm-company-font-weight, 400);
                line-height:var(--bm-company-line-height, 1.4);
                letter-spacing:var(--bm-company-letter-spacing, normal);
              ">{{company}}</span>
            </div>
          </footer>
        </div>
      </blockquote>
    {{/items}}
  </div>
</section>
