<section class="related-posts-section">
  <div class="container">
    <div class="relatedPosts">
      {%- if site.posts.size>0 -%} {%- if site.monumetricId and page.url != '/'
      and page.lang == "en" -%}

      <div class="row">
        <div class="col-md-9 mx-auto">
          {%- endif -%}
          <h4 class="related_post_heading">Recent Posts</h4>
          {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
        </div>
      </div>
      {%- endif -%} {%- endif -%}
      <div class="row">
        {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}

        <div class="col-md-9 mx-auto">
          <div class="row">
            {%- endif -%} {% assign posts = site.posts |
            where_exp:"post","post.url != page.url" %} {% for post in posts
            limit: 6%} {%- include /authors/authors.html -%}
            <div class="col-lg-4 col-md-6 mb-4 card-group">
              <div class="card h-100">
                <a href="{{ post.url }}">
                  <img
                    src="{{ post.image }}"
                    class="card-img-top"
                    height="215px"
                    width="100%"
                    loading="lazy"
                    alt="{{post.title}}"
                    {%-
                    if
                    site.crossorigin
                    -%}
                    crossorigin
                    {%-
                    endif
                    -%}
                  />
                </a>
                <div class="card-body">
                  <a
                    class="text-decoration-none text-dark"
                    href="{{ post.url }}"
                    class="anchor_link"
                  >
                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
                  </a>
                </div>
                <div class="card-footer">
                  <div class="wrapfooter">
                    {% if post.author %}
                    <span class="meta-footer-thumb">
                      <img
                        class="author-thumb"
                        loading="lazy"
                        src="{{image}}"
                        alt="{{ authorName }}"
                        {%-
                        if
                        site.crossorigin
                        -%}
                        crossorigin
                        {%-
                        endif
                        -%}
                      />
                    </span>
                    {% endif %}
                    <span class="author-meta">
                      <span class="post-name">
                        <a target="_blank" href="/blog/"
                          >{{authorName}}</a
                        > </span
                      ><br />
                      <span class="post-date"
                        >{{post.date | date_to_string }}</span
                      >
                    </span>
                  </div>
                </div>
              </div>
            </div>
            {% endfor %} {%- if site.monumetricId and page.url != '/' and
            page.lang == "en" -%}
          </div>
        </div>
        {%- endif -%}
      </div>
    </div>
  </div>
</section>