From 4905708ac87f37ea97013ce00d5d783fb133ca13 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Fri, 20 Feb 2026 20:10:22 +0530
Subject: [PATCH] cards space corrected

---
 src/components/Home/Banner2.js |  4 ++--
 styles/mobile-app-landing.css  | 26 +++++++++-----------------
 2 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/components/Home/Banner2.js b/src/components/Home/Banner2.js
index a31c9ab..42a6168 100644
--- a/src/components/Home/Banner2.js
+++ b/src/components/Home/Banner2.js
@@ -191,9 +191,9 @@ const Banner2 = () => {
             </div>
 
             <section className="bottom-info-strip-section" style={{ marginBottom: '-100px' }}>
-                <div className="container">
+                <div className="container-fluid" style={{ maxWidth: '1400px' }}>
                     <div className="bottom-info-strip">
-                        <div className="row justify-content-center g-3">
+                        <div className="row g-3">
                             <div className="col-6 col-md-6 col-lg-3">
                                 <div className="info-card">
                                     <i className="fas fa-mobile-alt info-icon mt-2"></i>
diff --git a/styles/mobile-app-landing.css b/styles/mobile-app-landing.css
index 4fd02f5..46c1230 100644
--- a/styles/mobile-app-landing.css
+++ b/styles/mobile-app-landing.css
@@ -358,10 +358,7 @@
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
 }
 
-.industry-card:hover .industry-text h4 {
-    /* color: #3779b9; */
-    /* Optional textual highlight */
-}
+
 
 /* Specific styling for the 3-column row to look centered nicely */
 .industry-row.col-3 {
@@ -844,22 +841,20 @@
     top: -80px;
     background: linear-gradient(135deg, #1d4d7c 0%, #0a1c36 100%);
     border-radius: 25px;
-    padding: 20px 20px;
-    margin-top: 20px;
+    padding: 30px 40px;
+    margin: 20px auto 0;
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
     transition: all 0.4s ease;
     border: none !important;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: stretch;
+    width: 100%;
+    overflow: hidden;
 }
 
 .bottom-info-strip .info-card {
-    flex: 0 0 25%;
+    width: 100%;
     text-align: center;
     border: none !important;
-    padding: 0 15px;
+    padding: 0 5px;
     transition: all 0.3s ease;
     display: flex;
     flex-direction: column;
@@ -904,7 +899,6 @@
     }
 
     .bottom-info-strip .info-card {
-        flex: 0 0 50%;
         margin-bottom: 20px;
     }
 
@@ -915,14 +909,12 @@
 
 @media (max-width: 768px) {
     .bottom-info-strip {
-        flex-direction: column;
         padding: 20px;
-        gap: 10px;
-        margin: 0 15px;
+        margin: 0 auto;
+        width: 92%;
     }
 
     .bottom-info-strip .info-card {
-        flex: 0 0 100%;
         text-align: center;
         border: none !important;
         padding: 10px 0;