From ccb84b0277eba44cccf101279f69d68a5eebd2c0 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Mon, 16 Feb 2026 16:54:40 +0530
Subject: [PATCH] corrections updated

---
 app/blog/page.js                  |  2 +-
 components/elements/BlogList.js   | 19 +++++++++++--------
 components/sections/home2/blog.js | 14 +++++++++++---
 public/assets/css/Pagination.css  |  2 +-
 4 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/app/blog/page.js b/app/blog/page.js
index 22c9256..df224aa 100644
--- a/app/blog/page.js
+++ b/app/blog/page.js
@@ -17,7 +17,7 @@ export default function Blog() {
       breadcrumbTitle="Blog"
       bgImage={"/assets/images/inner-banner/blog-banner.webp"}
     >
-      <div className="sidebar-page-container pt-5">
+      <div className="sidebar-page-container">
         <div className="auto-container">
           <div className="sec-title mb-4 centered">
             <div className="title">Our Blogs</div>
diff --git a/components/elements/BlogList.js b/components/elements/BlogList.js
index 1918777..0173cb5 100644
--- a/components/elements/BlogList.js
+++ b/components/elements/BlogList.js
@@ -4,11 +4,6 @@ import Link from "next/link";
 import Pagination from "./Pagination";
 import "public/assets/css/Pagination.css";
 
-const truncateWords = (text, limit = 20) => {
-    const words = text.split(" ");
-    return words.length > limit ? words.slice(0, limit).join(" ") + " ..." : text;
-};
-
 const stripHtml = (html) => {
     if (!html) return "";
     return html.replace(/<[^>]*>/g, "");
@@ -58,13 +53,21 @@ const BlogList = ({ blogs }) => {
                             <div className="blog-content p-3">
                                 <h3 className="mb-2 text-lg font-semibold blog-title-hover">
                                     <Link href={`/blog/${blog.slug}`} className="blog-title-link">
-                                        {truncateTitle(stripHtml(blog.title), 40)}
+                                        {truncateTitle(stripHtml(blog.title), 35)}
                                     </Link>
                                 </h3>
 
                                 {/* Blog Excerpt */}
-                                <p className="text-gray-700 mb-3">
-                                    {truncateWords(stripHtml(blog.para))}
+                                <p
+                                    className="text-gray-700 mb-3"
+                                    style={{
+                                        display: '-webkit-box',
+                                        WebkitLineClamp: 3,
+                                        WebkitBoxOrient: 'vertical',
+                                        overflow: 'hidden'
+                                    }}
+                                >
+                                    {stripHtml(blog.para)}
                                 </p>
 
                                 {/* Read More Button */}
diff --git a/components/sections/home2/blog.js b/components/sections/home2/blog.js
index 7c30097..9f5d449 100644
--- a/components/sections/home2/blog.js
+++ b/components/sections/home2/blog.js
@@ -36,13 +36,21 @@ export default function Blog() {
                 <div className="blog-content p-3">
                   <h3 className="mb-2 text-lg font-semibold blog-title-hover">
                     <Link href={`/blog/${blog.slug}`} className="blog-title-link">
-                      {truncateWords(stripHtml(blog.title), 6)}
+                      {truncateWords(stripHtml(blog.title), 7)}
                     </Link>
                   </h3>
 
                   {/* Blog Excerpt */}
-                  <p className="text-gray-700 mb-3">
-                    {truncateWords(stripHtml(blog.para), 28)}
+                  <p
+                    className="text-gray-700 mb-3"
+                    style={{
+                      display: '-webkit-box',
+                      WebkitLineClamp: 3,
+                      WebkitBoxOrient: 'vertical',
+                      overflow: 'hidden'
+                    }}
+                  >
+                    {stripHtml(blog.para)}
                   </p>
 
                   {/* Read More Button */}
diff --git a/public/assets/css/Pagination.css b/public/assets/css/Pagination.css
index 471ba87..3ed3022 100644
--- a/public/assets/css/Pagination.css
+++ b/public/assets/css/Pagination.css
@@ -10,7 +10,7 @@
     justify-content: center;
     align-items: center;
     margin-top: 60px;
-    margin-bottom: 40px;
+    /* margin-bottom: 40px; */
 }
 
 .pagination-container {