diff --git a/package.json b/package.json
index ac0ba67e..1577cee6 100644
--- a/package.json
+++ b/package.json
@@ -17,13 +17,13 @@
   },
   "dependencies": {
     "@docusaurus/core": "^3.9.1",
-    "@docusaurus/plugin-content-docs": "3.9.1",
+    "@docusaurus/plugin-content-docs": "^3.9.1",
     "@docusaurus/plugin-google-analytics": "^3.9.1",
-    "@docusaurus/plugin-ideal-image": "3.9.1",
+    "@docusaurus/plugin-ideal-image": "^3.9.1",
     "@docusaurus/preset-classic": "^3.9.1",
     "@docusaurus/theme-classic": "^3.9.1",
-    "@docusaurus/theme-mermaid": "3.9.1",
-    "@docusaurus/theme-search-algolia": "3.9.1",
+    "@docusaurus/theme-mermaid": "^3.9.1",
+    "@docusaurus/theme-search-algolia": "^3.9.1",
     "@floating-ui/react": "^0.27.8",
     "@giscus/react": "^3.1.0",
     "@mdx-js/react": "^3.0.0",
@@ -41,7 +41,7 @@
     "dotenv": "^16.6.1",
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
-    "firebase": "^9.22.2",
+    "firebase": "^12.3.0",
     "firebaseui": "6.1.0",
     "framer-motion": "^12.7.5",
     "lucide-react": "^0.503.0",
@@ -85,4 +85,4 @@
   "engines": {
     "node": ">=18.0"
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/blogCarousel/blogCard.tsx b/src/components/blogCarousel/blogCard.tsx
index cc3fac22..ba69c3db 100644
--- a/src/components/blogCarousel/blogCard.tsx
+++ b/src/components/blogCarousel/blogCard.tsx
@@ -36,15 +36,10 @@ const BlogCard = ({
     <motion.div
       initial={{ opacity: 0, y: 40, scale: 0.95 }}
       animate={{ opacity: 1, y: 0, scale: 1 }}
-      transition={{ duration: 0.6, ease: "easeOut" }}
-      whileHover={{ 
-        y: -8, 
-        scale: 1.02,
-        transition: { duration: 0.4, ease: "easeOut" }
-      }}
-      onMouseEnter={() => setIsHovered(true)}
-      onMouseLeave={() => setIsHovered(false)}
-      className="relative overflow-hidden h-full transition-all duration-300"
+      transition={{ duration: 0.2, ease: "easeOut" }}
+      whileHover={{ scale: 1.05, y: -5 }} 
+      whileTap={{ scale: 0.98 }} 
+      className="blog-card-scale fixed-card-size cursor-pointer"
     >
       <Link 
         to={`/blog/${id}`}
diff --git a/src/pages/blogs/blogs-new.css b/src/pages/blogs/blogs-new.css
index f4e2b345..21d266ac 100644
--- a/src/pages/blogs/blogs-new.css
+++ b/src/pages/blogs/blogs-new.css
@@ -1014,6 +1014,67 @@
   letter-spacing: 0.5px;
 }
 
+/*--------fix card sizing----------- */
+
+.fixed-card-size {
+  width: auto;
+  height: 500px;          
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+}
+
+.article-card {
+  height: 100%;            
+  display: flex;
+  flex-direction: column;
+}
+
+.card-image {
+  height: 200px;          
+  min-height: 200px;
+  max-height: 200px;
+}
+
+.card-content {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 28px;
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);
+}
+
+.card-title.line-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-height: 56px;       
+}
+
+.card-description.line-clamp-3 {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-height: 60px;        /* Reserve space for 3 lines */
+  margin-bottom: 16px;
+}
+
+.card-meta {
+  margin-bottom: 16px;
+  padding-bottom: 16px;
+}
+
+.card-read-more {
+  margin-top: auto;
+}
+
+/* ----------end---------- */
+
 [data-theme='dark'] .card-category {
   background: linear-gradient(135deg, rgba(36, 37, 38, 0.95) 0%, rgba(26, 32, 44, 0.9) 100%);
   color: #a78bfa;