<section class="related-posts-section container">
  <div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
    <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 -%}
          <div class="heading">
            <div class="row">
              <div class="col-md-12 col-sm-12 mx-auto">
                <div
                  class="d-flex align-items-center justify-content-center mb-5"
                >
                  <hr
                    class="flex-grow-1 mx-4 mb-0"
                    style="height: 2px; background-color: #000"
                  />
                  <h4 class="text-center appscms-h3 my-5">Recent posts</h4>
                  <hr
                    class="flex-grow-1 mx-4 mb-0"
                    style="height: 2px; background-color: #000"
                  />
                </div>
              </div>
            </div>
          </div>
          {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
        </div>
      </div>
      {%- endif -%} {%- endif -%}
      <div class="row allblogs shadow appscms-blogs">
        <div class="row px-4">
          {%- 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-xl-4 col-lg-6 col-md-6 mb-4">
                <div class="card h-100 appscms-blog-cards">
                  <a
                    class="text-decoration-none text-dark"
                    href="{{ post.url }}"
                  >
                    <img
                      class="card-img-top"
                      src="{{ post.image }}"
                      alt="Video thumbnail"
                    />
                    <div class="card-body">
                      <h5 class="card-title">{{post.title}}</h5>
                      <div class="wrapfooter">
                        <span class="meta-footer-thumb"
                          ><img
                            class="author-thumb ezlazyloaded"
                            loading="lazy"
                            src="{{image}}"
                            alt="{{authorName}}"
                            ezimgfmt="rs rscb1 src ng ngcb1"
                            data-ezsrc="https://safeimagekit.com/ezoimgfmt/d33wubrfki0l68.cloudfront.net/6ec825fe5d7100e36db90bc00382e77e2e242a20/f5cec/assets/images/udit.jpg?ezimgfmt=rs:35x35/rscb1/ng:webp/ngcb1"
                            ezoid="0.04631063861662277"
                        /></span>
                        <div class="author-meta">
                          <span class="post-name"
                            ><a target="_blank" href="/blog"
                              >{{authorName}}</a
                            ></span
                          ><br />
                          <p class="post-date mb-0">
                            {{post.date | date_to_string }}
                          </p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              {% endfor %} {%- if site.monumetricId and page.url != '/' and
              page.lang == "en" -%}
            </div>
          </div>
          {%- endif -%}
        </div>
      </div>
    </div>
  </div>
</section>