diff --git a/contact.html b/contact.html
index 20c30c3..4391f60 100644
--- a/contact.html
+++ b/contact.html
@@ -86,32 +86,34 @@
           <h1>Contact Us</h1>
           <p>Get in Touch</p>
     
-          <!-- Contact Form -->
-          <div class="contact-form">
-            <h2>Send Us a Message</h2>
-            <p>Having any questions or feedback? We'd love to hear from you! Feel free to reach us using the form below.</p>
-            <form aria-label="Contact Form">
-              <input type="text" placeholder="Your Name" aria-label="Your Name" required>
-              <input type="email" placeholder="Your Email" aria-label="Your Email" required>
-              <input type="text" placeholder="Subject" aria-label="Subject" required>
-              <textarea placeholder="Message" aria-label="Message" required></textarea>
-              <button type="submit" aria-label="Send Message">Send Message</button>
-            </form>
-          </div>
-    
-          <!-- Google Map -->
-          <div class="contact-map">
-            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.6348502482235!2d106.67822641533455!3d10.76262299233947!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752ef4d8e3d37b%3A0x18b3d8033c7347a2!2sBen%20Thanh%20Market!5e0!3m2!1sen!2s!4v1610013777980!5m2!1sen!2s" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
-          </div>
-    
-          <!-- Contact Info Cards -->
-          <div class="contact-info">
-            <div class="info-card">
-              <span class="icon">&#x1F4CD;</span>
-              <h3>Address</h3>
-              <p>Head Office: 123 TrendTrove Blvd, Fashion City, USA</p>
-              <p>Branch Office: Bandra West, Mumbai, India</p>
-              <p>Development Center: Pune, India</p>
+        <div class="contact-form-container">
+            <div class="contact-form">
+                <h3>Send Us a Message</h3>
+                <p>Having any questions or feedback? We'd love to hear from you!<br>
+                    Feel free to reach us using the form below.
+                </p>
+                <input type="text" placeholder="Your Name" required>
+                <input type="email" placeholder="Your Email" required>
+                <input type="text" placeholder="Subject" required>
+                <textarea placeholder="Message" required></textarea>
+                <button class="btn-submit">Send Message</button>
+            </div>
+
+            <div class="contact-map">
+                <iframe src="https://www.google.com/maps/embed?pb=..."></iframe>
+            </div>
+        </div>
+        
+        <div class="contact-info-container">
+            <div class="contact-info-box">
+                <i class="fas fa-map-marker-alt"></i>
+                <h3>Address</h3>
+                <ul>
+                    <li><span>Head Office: 123 TrendTrove Blvd, Fashion City, USA</span></li><br>
+                    <li><span>Branch Office:2nd Floor, Bandra West, Mumbai, Maharashtra 400050, India</span></li><br>
+                    <li><span>Development Center: 789 E-Commerce Hub, Pune, MH 411001.</span></li>
+                </ul>
+
             </div>
     
             <div class="info-card">
diff --git a/style.css b/style.css
index db47055..030e308 100644
--- a/style.css
+++ b/style.css
@@ -970,27 +970,15 @@ input {
     width: 49%;
   }
 
-  .footer {
-    padding: 30px 5%;
-    flex-direction: column;
-    row-gap: 20px;
-  }
-
-  .footer-section {
-    width: 100%;
-  }
-}
-
 /* Contact Section Styles */
 .contact-section {
-  max-width: 1700px;
-  margin: 100px;
-  gap: 50px;
-  background-color: #fff;
-  padding: 30px;
-  border-radius: 10px;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-  text-align: center;
+    max-width: 1700px;
+    margin: 100px;
+    gap: 50px;
+    padding: 30px;
+    text-align: center;
+
+
 }
 
 .section-title {
@@ -1385,25 +1373,30 @@ main {
   text-align: left;
 }
 
-/* Contact Section*/
 body {
-  font-family: "Arial", sans-serif;
-  background-color: #f7f7f7;
-  color: #333;
-  margin: 0;
-  padding: 0;
+    font-family: 'Arial', sans-serif;
+    color: #333;
+    margin: 0;
+    padding: 0;
+    background-color: #f5f5f5;
+}
+
+h2, h3, p {
+    margin: 0;
+    padding: 0;
 }
 
 .contact-section {
-  padding: 50px 15px;
-  background-color: #fff;
-  text-align: center;
+    padding: 60px 20px;
+    background-color: #fff;
+    text-align: center;
 }
 
 .contact-section h2 {
-  font-size: 36px;
-  color: #222;
-  margin-bottom: 10px;
+    font-size: 36px;
+    color: #222;
+    margin-bottom: 20px;
+
 }
 
 .contact-section p {
@@ -1412,30 +1405,29 @@ body {
   margin-bottom: 40px;
 }
 
-/* Contact Information Styles */
 .contact-info-container {
-  display: flex;
-  justify-content: space-around;
-  flex-wrap: wrap;
-  gap: 23px;
-  margin-bottom: 40px;
-  margin-top: 50px;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    gap: 20px;
+    margin: 40px auto;
+    max-width: 1200px;
 }
+
 ul {
-  list-style-type: none;
+    list-style-type: none;
+    padding: 0;
 }
 
 .contact-info-box {
-  margin-top: 200px;
-  background-color: #ffffff;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
-  border-radius: 8px;
-  width: 30%;
-  padding: 20px;
-  margin: 10px;
-  text-align: center;
-  border-radius: 18px;
-  transition: box-shadow 0.3s ease;
+    flex: 1 1 30%;
+    background-color: #fff;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    border-radius: 10px;
+    padding: 30px;
+    text-align: center;
+    transition: box-shadow 0.3s ease;
+
 }
 
 .contact-info-box:hover {
@@ -1448,17 +1440,18 @@ ul {
   margin-bottom: 15px;
 }
 
-.contact-info-box p {
-  font-size: 16px;
-  line-height: 1.6;
-  color: #333;
+.contact-info-box p, .contact-info-box ul li {
+    font-size: 16px;
+    line-height: 1.6;
+    color: #333;
+
 }
 
-/* Icon Styles */
 .contact-info-box i {
-  font-size: 40px;
-  color: #2d80d8;
-  margin-bottom: 10px;
+    font-size: 40px;
+    color: #2d80d8;
+    margin-bottom: 15px;
+
 }
 
 /* Google Maps Embed */
@@ -1479,22 +1472,22 @@ ul {
   border-radius: 8px;
 }
 
-/* Contact Form Styles */
 .contact-form-container {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  margin-top: 40px;
-  width: 1450px;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    max-width: 1200px;
+    margin: 0 auto;
+    gap: 20px;
 }
 
 .contact-form {
-  background-color: #fff;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
-  border-radius: 18px;
-  width: 45%;
-  padding: 30px;
-  margin: 10px;
+    flex: 1 1 45%;
+    background-color: #fff;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    border-radius: 10px;
+    padding: 30px;
+    text-align: left;
 }
 
 .contact-form h3 {
@@ -1505,23 +1498,24 @@ ul {
 
 .contact-form input,
 .contact-form textarea {
-  width: 100%;
-  padding: 12px;
-  margin-bottom: 20px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  font-size: 16px;
+    width: 100%;
+    padding: 12px;
+    margin-bottom: 15px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    font-size: 16px;
 }
 
 .contact-form textarea {
-  resize: vertical;
-  height: 100px;
+    resize: vertical;
+    height: 120px;
 }
 
 .contact-form input:focus,
 .contact-form textarea:focus {
-  border-color: #2d80d8;
-  outline: none;
+    border-color: #2d80d8;
+    outline: none;
+
 }
 
 .contact-form .btn-submit {
@@ -1536,9 +1530,82 @@ ul {
 }
 
 .contact-form .btn-submit:hover {
-  background-color: #2d80d8;
+    background-color: #2266b0;
+}
+
+.contact-map {
+    flex: 1 1 45%;
+    margin-top: 30px;
 }
 
+.contact-map iframe {
+    width: 100%;
+    height: 400px;
+    border-radius: 10px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+
+footer {
+    background-color: #2d80d8;
+    color: #fff;
+    padding: 40px 20px;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    text-align: left;
+}
+
+.footer-section {
+    flex: 1 1 30%;
+    margin: 10px;
+}
+
+.footer-section h1 {
+    font-size: 24px;
+    margin-bottom: 20px;
+}
+
+.footer-list {
+    list-style: none;
+    padding: 0;
+}
+
+.footer-list li {
+    margin-bottom: 10px;
+    font-size: 16px;
+}
+
+.footer-list a {
+    color: #fff;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+/* Media Queries for Responsive Design */
+@media (max-width: 768px) {
+    .contact-info-container, .contact-form-container {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .contact-info-box, .contact-form, .contact-map {
+        width: 100%;
+    }
+    
+    .footer-section {
+        flex: 1 1 100%;
+    }
+
+    .sub {
+        flex-direction: column;
+    }
+
+    .sub input {
+        margin-bottom: 10px;
+    }
+}
+
+
 /* Responsive Adjustments */
 @media screen and (max-width: 992px) {
   .contact-info-box {