{% if page.landing_city_success_stories.i_bg_image %}
  {% assign section_bg = '' %}
  {% capture section_bg %}{% picture width_1350 pages/{{ page.landing_city_success_stories.i_bg_image}} %}{% endcapture %}
{% endif %}
<section class="landing_city_success_stories"  {% if page.landing_city_success_stories.i_bg_image %} style="background-image: url('{{ section_bg }}')" {% endif %}>
  <div class="is-container">
    <div class="landing_city_success_stories_heading">
      <h3>{{page.landing_city_success_stories.t_headline}}</h3>
      <h2>{{page.landing_city_success_stories.t_subheadline}}</h2>
      <p>{{page.landing_city_success_stories.t_subheadline2}}</p>
    </div>
    <div class="col-lg-12">
      <div class="row m-0">
        {% for items in page.landing_city_success_stories.city_success_stories_items %}
        <div class="col-md-6">
          <div class="city_success_stories">
            <div class="description_stories">
              <p>{{items.t_story_description}}</p>
            </div>
            <div class="customer_details_stories">
              <div class="customer_image">
                {% if items.i_customer_image %}
                  {% assign icon_alt = items.i_customer_image | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' %}
                  {% picture thumbnail_sm pages/{{ items.i_customer_image }} alt="{{ icon_alt }}" %}
                {% endif %}
              </div>
              <div class="custom_details_description">
                <h4>{{items.t_customer_name}}</h4>
                <p>{{items.t_customer_designation}}</p>
              </div>
              <div class="stories_quotes_image">
                {% if items.i_quote %}
                  {% assign icon_alt = items.i_quote | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' %}
                  {% picture thumbnail_sm pages/{{ items.i_quote }} alt="{{ icon_alt }}" %}
                {% endif %}
              </div>
            </div>
          </div>
        </div>
        {% endfor %}
      </div>
    </div>
  </div>
</section>