<section class=" bg-cover bg-center  pb-[20px] md:pb-[10px] p-[30px] lg:p-[20px] mt-[70px] " data-component-type="Content" data-component-slug="sports-template-blog-datail">
    <div>
        <div class="lg:max-w-[90%] max-w-full lg:mx-auto  
              grid grid-cols-1 md:grid-cols-1  gap-6 mt-[50px] lg:mt-[50px]">


            <div class="w-full relative flex items-start justify-center  ">

                <div class="w-full relative flex items-center justify-center h-auto">
                    <div class="grid grid-cols-1 md:grid-cols-1 gap-5 lg:w-[100%]">

                        <div class="overflow-hidden mb-[15px] border-b border-[#ECECEC]">

                            <img data-node="blog_details_main_image" data-node-type="file" data-node-label="Blog Main Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767337970/seltrix/templates/sports-template/blog-details/image1.png" src="{{blog_details_main_image}}" class="w-[100%]" alt="Blog Image">


                            <div class="w-full pt-[40px] pb-[40px]">

                                <div class="flex items-center space-x-4 mb-[30px]">

                                    <div class="flex items-center gap-3 hover:text-white transition">
                                        <img data-node="blog_details_icon1" data-node-type="file" data-node-label="Blog Icon 1" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767337971/seltrix/templates/sports-template/blog-search/Icon.png" src="{{blog_details_icon1}}" class="lg:w-[25px] lg:h-[25px] w-[15px] h-[15px]">


                                        <span data-node="blog_details_category" data-node-type="text" data-node-label="Blog Category" data-node-default="Lorem ipsum" class="lg:text-[16px] text-[12px] text-[#666666]">
                                            {{blog_details_category}}
                                        </span>
                                    </div>


                                    <div class="flex items-center gap-4 hover:text-white transition">
                                        <img data-node="blog_details_icon2" data-node-type="file" data-node-label="Blog Icon 2" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767337974/seltrix/templates/sports-template/blog-search/icon3.png" src="{{blog_details_icon2}}" class="lg:w-[25px] lg:h-[25px] w-[15px] h-[15px]">
                                        <span data-node="blog_details_date" data-node-type="text" data-node-label="Blog Date" data-node-default="June 19, 2025" class="lg:text-[16px] text-[12px] text-[#666666]">
                                            {{blog_details_date}}
                                        </span>
                                    </div>


                                    <div class="flex items-center gap-4 hover:text-white transition">
                                        <img data-node="blog_details_icon3" data-node-type="file" data-node-label="Blog Icon 3" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767337973/seltrix/templates/sports-template/blog-search/icon2.png" src="{{blog_details_icon3}}" class="w-[15px] h-[15px] lg:w-[25px] lg:h-[25px]">
                                        <span data-node="blog_details_author" data-node-type="text" data-node-label="Blog Author" data-node-default="JFootball" class="lg:text-[16px] text-[12px] text-[#666666]">
                                            {{blog_details_author}}
                                        </span>
                                    </div>

                                </div>



                                <p data-node="blog_details_paragraph1" data-node-type="textarea" data-node-label="Blog Paragraph 1" data-node-default="Lorem ipsum dolor sit amet
                                        consectetur.
                                        Et lectus aliquet ipsum amet tempor pellentesque. Nunc erat eu faucibus
                                        adipiscing dignissim lectus.
                                        Fermentum auctor malesuada vel auctor magna cursus in. In purus sed odio mauris
                                        erat libero potenti.
                                        Dolor turpis proin pharetra a nec massa. Et hendrerit volutpat enim lectus sed
                                        suscipit eleifend montes morbi.
                                        Nec vitae mauris cras odio platea ut lorem dolor. Feugiat id convallis
                                        sollicitudin sit.
                                        Egestas nec posuere facilisis quis massa dignissim pharetra. Vulputate
                                        pellentesque imperdiet vestibulum id viverra.
                                        Magna odio nullam turpis pulvinar vulputate egestas consequat. Diam laoreet
                                        venenatis et lobortis.
                                        Nam facilisi pellentesque sed molestie turpis." class="lg:text-[16px] text-[#666666] text-[12px]"> {{blog_details_paragraph1}} </p>

                                <p data-node="blog_details_paragraph2" data-node-type="textarea" data-node-label="Blog Paragraph 2" data-node-default=" Lorem ipsum dolor sit amet
                                        consectetur.
                                        Et lectus aliquet ipsum amet tempor pellentesque. Nunc erat eu faucibus
                                        adipiscing dignissim lectus.
                                        Fermentum auctor malesuada vel auctor magna cursus in. In purus sed odio mauris
                                        erat libero potenti.
                                        Dolor turpis proin pharetra a nec massa. Et hendrerit volutpat enim lectus sed
                                        suscipit eleifend montes morbi.
                                        Nec vitae mauris cras odio platea ut lorem dolor. Feugiat id convallis
                                        sollicitudin sit.
                                        Egestas nec posuere facilisis quis massa dignissim pharetra. Vulputate
                                        pellentesque imperdiet vestibulum id viverra.
                                        Magna odio nullam turpis pulvinar vulputate egestas consequat. Diam laoreet
                                        venenatis et lobortis.
                                        Nam facilisi pellentesque sed molestie turpis. " class="lg:text-[16px] text-[#666666] text-[12px]">{{blog_details_paragraph2}}</p>


                                <h1 data-node="blog_details_subheading" data-node-type="text" data-node-label="Blog Subheading" data-node-default="A CLEANSING HOT SHOWER OR BATH" class="text-[#0C0A0A] lg:text-[28px] mb-[20px] mt-[35px]">
                                    <b> {{blog_details_subheading}}</b>
                                </h1>

                                <p data-node="blog_details_paragraph3" data-node-type="textarea" data-node-label="Blog Paragraph 3" data-node-default="Lorem ipsum dolor sit amet
                                        consectetur.
                                        Et lectus aliquet ipsum amet tempor pellentesque. Nunc erat eu faucibus
                                        adipiscing dignissim lectus.
                                        Fermentum auctor malesuada vel auctor magna cursus in. In purus sed odio mauris
                                        erat libero potenti.
                                        Dolor turpis proin pharetra a nec massa. Et hendrerit volutpat enim lectus sed
                                        suscipit eleifend montes morbi.
                                        Nec vitae mauris cras odio platea ut lorem dolor. Feugiat id convallis
                                        sollicitudin sit.
                                        Egestas nec posuere facilisis quis massa dignissim pharetra. Vulputate
                                        pellentesque imperdiet vestibulum id viverra.
                                        Magna odio nullam turpis pulvinar vulputate egestas consequat. Diam laoreet
                                        venenatis et lobortis.
                                        Nam facilisi pellentesque sed molestie turpis. " class="lg:text-[16px] text-[#666666] text-[12px]"> {{blog_details_paragraph3}}</p>

                            </div>
                        </div>

                    </div>

                </div>



            </div>

        </div>
</div></section>