diff --git a/customersupport/index.html b/customersupport/index.html
index 74361997..f410b1b3 100644
--- a/customersupport/index.html
+++ b/customersupport/index.html
@@ -46,7 +46,62 @@ <h3>Account</h3>
         </div>
     </section>
     
+    <section class="text-gray-600 body-font">
+        <div class="container px-5 py-24 mx-auto flex flex-wrap">
+          <h2 class="sm:text-3xl text-2xl text-gray-900 font-medium title-font mb-2 md:w-2/5">Flipkart HelpCenter</h2>
+          <div class="md:w-3/5 md:pl-6">
+            <p class="leading-relaxed text-base">At Flipkart, we are dedicated to providing the best customer support. Whether you need help with your orders, returns, payments, or have any other inquiries, our Help Center is here for you. Explore our comprehensive FAQs, get assistance from our customer service team, and find solutions quickly and easily. We're committed to making your shopping experience seamless and enjoyable.</p>
+          </div>
+        </div>
+    </section>
 
+    <section class="text-gray-600 body-font">
+        <div class="container px-5 py-2 mx-auto">
+          <div class="flex flex-wrap -m-4 text-center">
+            <div class="p-4 md:w-1/4 sm:w-1/2 w-full">
+              <div class="border-2 border-gray-200 px-4 py-6 rounded-lg">
+                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="text-indigo-500 w-12 h-12 mb-3 inline-block" viewBox="0 0 24 24">
+                  <path d="M8 17l4 4 4-4m-4-5v9"></path>
+                  <path d="M20.88 18.09A5 5 0 0018 9h-1.26A8 8 0 103 16.29"></path>
+                </svg>
+                <h2 class="title-font font-medium text-3xl text-gray-900">2.7K</h2>
+                <p class="leading-relaxed">Downloads</p>
+              </div>
+            </div>
+            <div class="p-4 md:w-1/4 sm:w-1/2 w-full">
+              <div class="border-2 border-gray-200 px-4 py-6 rounded-lg">
+                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="text-indigo-500 w-12 h-12 mb-3 inline-block" viewBox="0 0 24 24">
+                  <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path>
+                  <circle cx="9" cy="7" r="4"></circle>
+                  <path d="M23 21v-2a4 4 0 00-3-3.87m-4-12a4 4 0 010 7.75"></path>
+                </svg>
+                <h2 class="title-font font-medium text-3xl text-gray-900">1.3K</h2>
+                <p class="leading-relaxed">Users</p>
+              </div>
+            </div>
+            <div class="p-4 md:w-1/4 sm:w-1/2 w-full">
+              <div class="border-2 border-gray-200 px-4 py-6 rounded-lg">
+                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="text-indigo-500 w-12 h-12 mb-3 inline-block" viewBox="0 0 24 24">
+                  <path d="M3 18v-6a9 9 0 0118 0v6"></path>
+                  <path d="M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3z"></path>
+                </svg>
+                <h2 class="title-font font-medium text-3xl text-gray-900">74</h2>
+                <p class="leading-relaxed">Files</p>
+              </div>
+            </div>
+            <div class="p-4 md:w-1/4 sm:w-1/2 w-full">
+              <div class="border-2 border-gray-200 px-4 py-6 rounded-lg">
+                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="text-indigo-500 w-12 h-12 mb-3 inline-block" viewBox="0 0 24 24">
+                  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+                </svg>
+                <h2 class="title-font font-medium text-3xl text-gray-900">46</h2>
+                <p class="leading-relaxed">Places</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      
     <footer id="footer-addkart" style="background-color: #203a61 !important"></footer>
 
     <script src="script.js"></script>
diff --git a/customersupport/styles.css b/customersupport/styles.css
index 6c95cdf4..13c5ca0c 100644
--- a/customersupport/styles.css
+++ b/customersupport/styles.css
@@ -1,125 +1,233 @@
-* {
+body {
+    font-family: Arial, sans-serif;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
-    font-family: 'Arial', sans-serif;
-}
-
-body {
-    background-color: #f9f9f9;
-    color: #333;
-    line-height: 1.6;
-}
-
-.container {
-    width: 80%;
-    margin: auto;
-    overflow: hidden;
-}
-
-header {
-    background: #0073e6;
-    color: #fff;
-    padding-top: 30px;
-    min-height: 70px;
-    border-bottom: #0073e6 3px solid;
-}
-
-header a {
-    color: #fff;
-    text-decoration: none;
-    text-transform: uppercase;
-    font-size: 16px;
 }
 
-header ul {
-    padding: 0;
-    list-style: none;
+.text-center {
+    text-align: center;
 }
 
-header li {
-    float: left;
-    display: inline;
-    padding: 0 20px 0 20px;
+.text-secondary {
+    color: #6c757d;
 }
 
-header nav {
-    float: right;
-    margin-top: 10px;
+.fs-4 {
+    font-size: 1.5rem;
 }
 
-header .container {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+.hero {
+    background-color: #f3f4f6;
+    padding: 2rem 0;
 }
 
-.hero {
-    background: #0073e6;
-    color: #fff;
-    padding: 50px 0;
-    text-align: center;
+.hero .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1rem;
 }
 
 .hero h2 {
-    font-size: 36px;
-    margin-bottom: 10px;
+    font-size: 2rem;
+    color: #333;
 }
 
 .hero p {
-    font-size: 18px;
-    margin-bottom: 20px;
+    font-size: 1rem;
+    color: #666;
 }
 
 .services {
-    padding: 30px 0;
+    padding: 2rem 0;
+}
+
+.services .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1rem;
 }
 
-.services .container h2 {
+.services h2 {
+    font-size: 2rem;
+    color: #333;
     text-align: center;
-    margin-bottom: 30px;
+    margin-bottom: 2rem;
 }
 
 .service-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: 20px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    justify-content: center;
 }
 
 .service {
-    background: #fff;
-    padding: 20px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    text-align: center;
+    background-color: #fff;
+    padding: 1.5rem;
+    border: 1px solid #ddd;
+    border-radius: 0.5rem;
+    width: calc(25% - 1rem);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
 .service h3 {
-    margin-bottom: 10px;
+    font-size: 1.25rem;
+    color: #333;
+    margin-bottom: 0.5rem;
 }
 
 .service p {
-    margin-bottom: 20px;
+    font-size: 1rem;
+    color: #666;
+    margin-bottom: 1rem;
 }
 
 .service button {
-    background: #0073e6;
+    background-color: #007bff;
     color: #fff;
     border: none;
-    padding: 10px 20px;
+    padding: 0.5rem 1rem;
+    border-radius: 0.25rem;
     cursor: pointer;
-    border-radius: 5px;
-    text-transform: uppercase;
 }
 
 .service button:hover {
-    background: #005bb5;
+    background-color: #0056b3;
 }
 
-footer {
-    background: #333;
-    color: #fff;
-    text-align: center;
-    padding: 20px 0;
-    margin-top: 30px;
+.text-gray-600 {
+    color: #4a5568;
+}
+
+.body-font {
+    font-family: "Nunito", sans-serif;
+}
+
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1rem;
+}
+
+.px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+}
+
+.py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+}
+
+.mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.flex {
+    display: flex;
+}
+
+.flex-wrap {
+    flex-wrap: wrap;
+}
+
+.mb-20 {
+    margin-bottom: 5rem;
+}
+
+.title-font {
+    font-family: "Nunito", sans-serif;
+    font-weight: 700;
+}
+
+.leading-relaxed {
+    line-height: 1.75;
+}
+
+.text-base {
+    font-size: 1rem;
+}
+
+.md\\:w-1\\/4 {
+    width: 25%;
+}
+
+.md\\:w-2\\/5 {
+    width: 40%;
+}
+
+.md\\:w-3\\/5 {
+    width: 60%;
+}
+
+.md\\:pl-6 {
+    padding-left: 1.5rem;
+}
+
+.md\\:pl-6 {
+    padding-left: 1.5rem;
+}
+
+.border-2 {
+    border-width: 2px;
+}
+
+.border-gray-200 {
+    border-color: #edf2f7;
+}
+
+.px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+}
+
+.py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+}
+
+.rounded-lg {
+    border-radius: 0.5rem;
+}
+
+.mb-4 {
+    margin-bottom: 1rem;
+}
+
+.sm\\:text-3xl {
+    font-size: 1.875rem;
+}
+
+.text-2xl {
+    font-size: 1.5rem;
+}
+
+.font-medium {
+    font-weight: 500;
+}
+
+.text-gray-900 {
+    color: #1a202c;
+}
+
+.w-12 {
+    width: 3rem;
+}
+
+.h-12 {
+    height: 3rem;
+}
+
+.mb-3 {
+    margin-bottom: 0.75rem;
+}
+
+.inline-block {
+    display: inline-block;
+}
+
+.m-4 {
+    margin: 1rem;
 }
diff --git a/index.html b/index.html
index 43d09776..38fa9f73 100644
--- a/index.html
+++ b/index.html
@@ -830,6 +830,7 @@ <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Fast Delivery</h2>
     <img src="img/1a (7).png" alt="" class="img-fluid" width="100%">
     <img src="img/1a (8).png" alt="" class="img-fluid" width="100%">
 
+
     <!-- best of Electronics -->
     <div class="containter-fluid bg-white">
         <div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">