<section class="related-posts-section container">
    <div class="mx-auto col-md-11 col-lg-11 col-sm-10 p-3 pb-3">
            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}

            <div class="row">
                <div class="col-md-9 mx-auto">
                    {%- endif -%}
                    <p class="pt-5 pb-0 related_post_heading mb-3">You might also like</p>
                    {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}

                </div>
            </div>
            {%- endif -%}
            {% assign file = page.fileName %}
            {% assign lang = page.lang %}
            {% assign folder = page.folderName %}
            {% assign homeData = site.data[folder][lang][file] %}


          
            <div class="row allblogs shadow appscms-blogs">
                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}


                <div class="col-md-9 mx-auto">
                    <div class="row">
                        {%- endif -%}
                        {% for entry in site.data.blog.relatedblogs %}
                        {% if entry.path == blogPostPath %}
                          
                            {% for post in entry.relatedBlogs %}
                    
                            {%- include authors/authors.html-%}
                            <div class="
                            {%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4 card-group {%-
                                     else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
                                     <div class=" card h-100 appscms-blog-cards">
                                     <a href="/blog/{{ post.metadata.url }}">
                                         <img src="{{ post.metadata.image }}" loading="lazy" class="card-img-top" height="250"
                                             width="100%" alt="{{post.metadata.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
                                             -%}>
                                     </a>
                                     <div class="card-body">
                                         <a class="text-decoration-none text-dark" href="/blog/{{ post.metadata.url }}" class="anchor_link">
                                             <h4 class="card-title mb-4 text-left">{{ post.metadata.title }}</h4>
                                         </a>
                                         <div class="wrapfooter">
                                            {% if post.metadata.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">
                                               
                                                    <a target="_blank" href="/blog">{{authorName}}</a>
                                                <br>
                                                <span class="post-date">{{post.metadata.date | date_to_string }}</span>
                                            </span>
                                           
                                        </div>
                                     </div>
                                    
                                         
                                     
                                 </div>
                             </div>
                            {% endfor %}
                         
                        {% endif %}
                    {% endfor %}
                        
                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}


            </div>
        </div>
        {%- endif -%}
    </div>
    </div>
</section>