diff --git a/Html-Files/Css-Files/styles.css b/Html-Files/Css-Files/styles.css
index 41a187f1..c38a3839 100644
--- a/Html-Files/Css-Files/styles.css
+++ b/Html-Files/Css-Files/styles.css
@@ -56,7 +56,7 @@ section::before {
     align-items: center;
     height: 60px;
     width: 100%;
-    padding: 0 20px;
+    padding-top: 0px;
 }
 
 .container {
diff --git a/assets/css/styles.css b/assets/css/styles.css
index ab5ea8d6..56492cf3 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -74,7 +74,6 @@ h1, h2, h3 {
   font-weight: var(--font-semi-bold);
   color: white;
   line-height: 1.5;
-  
 }
 
 ul {
@@ -92,7 +91,6 @@ img {
   padding-top: 100px;
   padding-bottom: 100px;
 }
-
 /*=============== THEME ===============*/
 /*========== Variables Dark theme ==========*/
 body.dark-theme {
@@ -129,7 +127,7 @@ body.dark-theme {
   color: rgb(255, 255, 255);
   text-align: center;
   margin-bottom: var(--mb-1);
-  padding-left: 0px;
+  padding-left: 0;
 }
 
 .svg__color {
@@ -161,43 +159,43 @@ body.dark-theme {
 .header {
   width: 100%;
   background-color: var(--body-color);
-  
   top: 0;
   left: 0;
   z-index: var(--z-fixed);
   transition: .5s;
+  padding-top: 0px;
 }
+
 .header img {
-  width: 100px; /* Adjust the width as needed */
+  width: 100px; 
   height: 100px;
-  margin-left: 1px; /* Adjust the margin as needed */
+  margin-left: 1px; 
 }
 
 /*=============== NAV ===============*/
 .nav {
-  height: var(--header-height);
+
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-bottom: 200px;
 }
 
-@media screen and (max-width: 767px) {
-  .nav__menu {
-    position: fixed;
-    background-color: var(--container-color);
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
-    padding: 2.5rem 0;
-    width: 90%;
-    top: -100%;
-    left: 0;
-    right: 0;
-    margin: 0 auto;
-    transition: .4s;
-    border-radius: 2rem;
-    z-index: var(--z-fixed);
-    padding-bottom: 100px;
-  }
+.nav__menu {
+  position: fixed;
+  background-color: var(--container-color);
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+  /* padding: 2.5rem 0; */
+  width: 90%;
+  top: -100%;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  transition: .4s;
+  border-radius: 2rem;
+  z-index: var(--z-fixed);
+  padding-bottom: 100px;
+  padding-top: 0px;
 }
 
 .nav__list {
@@ -217,12 +215,10 @@ body.dark-theme {
   cursor: pointer;
 }
 
-/* Show menu */
 .show-menu {
   top: calc(var(--header-height) + 1rem);
 }
 
-/* Active link */
 .active-link {
   position: relative;
 }
@@ -238,11 +234,10 @@ body.dark-theme {
   border-radius: 50%;
 }
 
-/* Change background header */
+
 .scroll-header {
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
 }
-
 /*=============== HOME ===============*/
 .home__container {
   row-gap: 3rem;
@@ -252,22 +247,22 @@ body.dark-theme {
   font-size: var(--biggest-font-size);
   font-weight: var(--font-bold);
   margin-bottom: var(--mb-0-75);
-  padding-left: 100px;
+  padding-left: 0px;
 }
 
 .home__description {
   margin-bottom: var(--mb-2);
-  padding-left: 100px;
-  
+  padding-left: 0px;
 }
+
 .home img {
-  max-width: 100%;
+  max-width: 50%;
   height: auto;
   margin-left: 500px; 
   margin-top: -350px;
   padding-top: 100px;
   display: flex;
-  padding-left: 250px;
+  
 }
 /*=============== BUTTONS ===============*/
 .button {
@@ -278,14 +273,14 @@ body.dark-theme {
   border-radius: 3rem;
   font-weight: var(--font-semi-bold);
   transition: .3s;
-  margin-top: 50px;
-  margin-left: 300px;
+ 
+  
   
 }
 
 .button:hover {
   background-color: #55a5ea;
-  color:black;
+  color: black;
 }
 
 .button__header {
@@ -299,7 +294,7 @@ body.dark-theme {
 }
 
 .button-link:hover {
-  color:#022a2d; ;
+  color: #022a2d;
 }
 
 .button-flex {
@@ -312,22 +307,21 @@ body.dark-theme {
 .button__icon {
   font-size: 1.5rem;
 }
-
 /*=============== ABOUT ===============*/
 .about__container {
-  gap: 2.5rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center; 
+  gap: 20px; 
 }
 
 .about__data {
-  text-align: justify;
-  padding-left: 100px;
+  
 }
 .about img {
-  max-width: 100%;
+  
   height: auto;
-  margin-left: 0px; 
-  margin-top: 100px;
-  padding-left: 0px;
+  
 }
 
 /*=============== SECURITY ===============*/
@@ -341,17 +335,16 @@ body.dark-theme {
   
 
 }
-.security img{
-  padding-left: 0px;
-}
+
 
 /*=============== SERVICES ===============*/
 .services__container {
   padding-top: 1rem;
 }
-.service__container grid:hover{
-  background-color: rgb(0, 98, 255);
 
+/* Grid hover style correction */
+.service__container grid:hover {
+  background-color: rgb(0, 98, 255);
 }
 
 .services__data {
@@ -363,23 +356,24 @@ body.dark-theme {
   box-shadow: 0px 2px 6px hsla(var(--hue), 100%, 15%, 0.15);
   padding: 2rem 1.5rem;
   border-radius: 1rem;
-  position:relative;
+  position: relative;
   width: 100%;
   height: auto;
   text-align: justify;
-  
 }
+
 .services__data img {
   max-width: 100%; 
   height: auto;
 }
-.services__data:hover{
-  background-color: #55a5ea
+
+.services__data:hover {
+  background-color: #55a5ea;
 }
 
 .services__img {
   width: 100%;
-  height: 100%;
+  height: auto;
   justify-self: center;
   margin-bottom: var(--mb-0-5);
   object-fit: cover;
@@ -389,11 +383,10 @@ body.dark-theme {
 
 
 
-
-
 /*=============== APP ===============*/
 .app__container {
   gap: 2.5rem;
+  
 }
 
 .app__data {
@@ -411,6 +404,7 @@ body.dark-theme {
   justify-content: center;
   gap: .5rem;
   padding-left: 100px;
+
 }
 .section__title-center{
   padding-left: 100px;
@@ -419,6 +413,7 @@ body.dark-theme {
 /*=============== CONTACT ===============*/
 .contact__container {
   padding-bottom: 3rem;
+  
 }
 
 .contact__description {
@@ -433,7 +428,14 @@ body.dark-theme {
   font-size: var(--small-font-size);
   font-weight: var(--font-semi-bold);
   color: var(--title-color);
+  display: flex;
+  padding-top: 10px;
+  padding-bottom: 10px;
 }
+/* .contact__map{
+  padding-top: 20px;
+  display: flexbox;
+} */
 
 .contact__information {
   font-weight: initial;
@@ -441,8 +443,8 @@ body.dark-theme {
 }
 
 /*=============== FOOTER ===============*/
-.footer {
-  background-color: var(--first-color-lighten);
+/* .footer {
+  background-color: white;
   padding-bottom: 2rem;
   padding-top: 100px;
 }
@@ -493,8 +495,7 @@ body.dark-theme {
   margin-top: 6rem;
   text-align: center;
   font-size: var(--smaller-font-size);
-  color: var(--text-color);
-}
+  color: var(--text-color);}
 
 /*=============== SCROLL UP ===============*/
 .scrollup {
@@ -543,7 +544,7 @@ body.dark-theme {
 
 /*=============== MEDIA QUERIES ===============*/
 /* For small devices */
-@media screen and (max-width: 360px) {
+ @media screen and (max-width: 360px) {
   .svg__img {
     width: 100%;
   }
@@ -595,9 +596,9 @@ body.dark-theme {
   .app__img {
     order: -1;
   }
-}
+} 
 
-@media screen and (min-width: 767px) {
+/* @media screen and (min-width: 767px) {
   body {
     margin: 0;
   }
@@ -606,10 +607,14 @@ body.dark-theme {
   }
   .nav {
     height: calc(var(--header-height) + 1.5rem);
+    
+    
   }
   .nav__list {
     flex-direction: row;
     column-gap: 2.5rem;
+    
+    
   }
   .nav__toggle {
     display: none;
@@ -623,7 +628,7 @@ body.dark-theme {
   .app__buttons {
     justify-content: initial;
   }
-}
+} */
 
 /* For large devices */
 @media screen and (min-width: 968px) {
@@ -678,6 +683,7 @@ body {
   font-family: "Open Sans", sans-serif;
   color: #fff;
   background-color: #000;
+  margin: 0;
 }
 
 a {
@@ -701,7 +707,7 @@ h6 {
 
 .nav_link li {
   margin-right: 1px;
-  /* Add space between items */
+  padding-top:0px;
   padding: 5px 10px;
   display: inline-block;
   color: white;
@@ -716,69 +722,124 @@ h6 {
   color: #55a5ea;
 }
 
-#header {
-  position: relative;
-  top: 12px;
-}
+
 
 .header_container {
   background-color: #022a2d;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  align-items: center;
+  padding: 10px 0; 
+  align-items: center; 
   position: fixed;
   width: 100%;
   height: 85px;
-  margin: auto;
-  margin-top: 0px;
-  /* Adjust this value to move the header down */
-  padding-top: 15px;
-  z-index: 555;
+  
 }
-.footer {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  max-width: 1280px;
-  width: 95%;
-  background: #3fbcc051;
-  border-radius: 6px;
+.footer-wrapper {
+  background-color: #3fbcc051;
+  padding: 20px;
+  display: flex;
+  justify-content: space-between;
+  gap:30px
 }
 
-.footer .footer-row {
+.footer-columns {
   display: flex;
-  flex-wrap: wrap;
   justify-content: space-between;
-  gap: 3.5rem;
-  padding: 60px;
+  width: 100%;
 }
 
-.footer-row .footer-col h4 {
-  color: #f0f0f0;
-  font-size: 1.2rem;
-  font-weight: 400;
+section {
+  flex: 1; 
+  margin: 20px;
 }
 
-.footer-col .links {
-  margin-top: 20px;
+.footer-col {
+  flex: 2; 
+  margin: 20px;
 }
 
-.footer-col .links li {
-  list-style: none;
+h4 {
+  font-size: 1.5rem;
   margin-bottom: 10px;
+  color: #bfbfbf;
 }
 
-.footer-col .links li a {
+ul {
+  list-style: none;
+  padding: 0;
+}
+
+li {
+  margin: 5px 0;
+}
+
+a {
   text-decoration: none;
   color: #bfbfbf;
+  font-size: 1rem;
+}
+
+.footer-col p {
+  margin: 10px 0;
+}
+
+.subscribe-form input[type="email"] {
+  padding: 10px;
+  
+  margin-bottom: 10px;
 }
 
-.footer-col .links li a:hover {
+.subscribe-form button {
+  padding: 10px 20px;
+  background-color: #005253;
   color: #fff;
+  border: none;
+  cursor: pointer;
+}
+
+.confirmation-message {
+  display: none;
+  color: green;
+  margin-top: 10px;
+}
+
+.footer-bottom {
+  background-color: #3fbcc051;
+  padding: 10px 20px;
+  text-align: center;
+}
+
+.footer-bottom-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.footer-bottom-wrapper small {
+  margin: 10px 0;
+  margin-left: 200px;
 }
 
+.social-wrapper {
+  display: flex;
+  align-items: center;
+  margin-right: 300px;
+}
+
+.social-links {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.social-links a {
+  color: #ffffff;
+  font-size: 1.5rem;
+  text-decoration: none;
+}
 .footer-col p {
   margin: 20px 0;
   color: #bfbfbf;
@@ -794,7 +855,7 @@ h6 {
   height: 40px;
   border-radius: 6px;
   background: none;
-  width: 100%;
+  
   outline: none;
   border: 1px solid #7489c6;
   caret-color: #fff;
@@ -809,51 +870,43 @@ h6 {
 .footer-col form button {
   background: #fff;
   border: none;
-  color: #08434551;
+  color: #084345;
   padding: 10px 15px;
   border-radius: 6px;
   cursor: pointer;
   font-weight: 1000;
   transition: 0.2s ease;
 }
-
+.other-columns ul a {
+  color: var(--text-color);
+  text-decoration: none;
+  font-size: 0.85rem;
+}
 .footer-col form button:hover {
   background: #cecccc;
 }
-
+/* Mobile responsive styling */
 @media (max-width: 768px) {
-  .footer {
-    position: relative;
-    bottom: 0;
-    left: 0;
-    transform: none;
-    width: 100%;
-    border-radius: 0;
-  }
-
-  .footer .footer-row {
-    padding: 20px;
-    gap: 1rem;
-  }
-
-  .footer-col form {
-    display: block;
-  }
+  
 
   .footer-col form :where(input, button) {
     width: 100%;
+    margin-right: 10px;
   }
-
   .footer-col form button {
-    margin: 10px 0 0 0;
+    
   }
 }
 
-/*################----Back to top----################*/
-footer {
-  position: relative;
-  padding: 50px 0;
+@media (max-width: 480px) {
+  .social-links a {
+    font-size: 1.2rem;
+    justify-content: center;
+    
+  }
 }
+/*################----Back to top----################*/
+
 
 #back-to-top-container {
   position: fixed;
@@ -883,3 +936,4 @@ footer {
 #back-to-top:hover {
   transform: scale(1.1);
 }
+
diff --git a/dex.html b/dex.html
index 1450fefc..9c002e49 100644
--- a/dex.html
+++ b/dex.html
@@ -9,7 +9,7 @@
   <!-- Bootstrap Icons CDN link -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
-  <link rel="stylesheet" type="text/css" href="./style.css" />
+  
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
   <link
       rel="stylesheet"
@@ -22,6 +22,7 @@
     />
     <!--=============== CSS ===============-->
     <link rel="stylesheet" href="assets/css/styles.css" />
+    
 
     <style>
       ::-webkit-scrollbar {
@@ -51,218 +52,29 @@
         background-color: #3fbcc0;
         z-index: 9999;
       }
-
-      .custom-button {
-        position: relative;
-        background-color: #3fbcc0a6;
-        color: white;
-        border: 2px solid #000;
-        border-radius: 10px;
-        overflow: hidden;
-        transition: color 0.3s ease;
-        z-index: 1;
-        padding: 10px 15px; /* Adjust padding to make the button bigger */
-        font-size: 14px; 
-        margin-top: -10px;
-      }
-      
-      .custom-button::before {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 0;
-        height: 100%;
-        background-color: #55a5ea;
-        transition: width 0.3s ease;
-        z-index: -1;
-      }
-      
-      .custom-button:hover {
-        color: #fff;
-      }
-      
-      .custom-button:hover::before {
-        width: 100%;
-      }
-
-      .home__container {
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-      }
-      
-      .home__image {
-        width: 50%;
-      }
-      
-      .home__data {
-        text-align: left;
-        flex: 1;
-      }
-      
-
-      .about__container {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-      
-      .imt {
-        width: 40%;
-      }
-
-      .about__data {
-        text-align: left;
-        flex: 1; /* Allow text content to expand */
-        color: #fff; /* Set a default text color */
-        font-size: 16px; /* Set a default font size */
-        z-index: 1;
-        margin-left: 20px;
-      }
-      
-      .security__container {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-      
-      .security__image {
-        width: 40%; /* Adjust image width as needed */
-      }
-      
-      .security__data {
-        text-align: left;
-        flex: 1;
-      }
-      
-
-
-      .services__data {
-        display: flex;
-        flex-direction: column;
-        align-items: center; /* Center content horizontally */
-        text-align: center; /* Center text */
-      }
-
-      .services__data .button-link {
-        margin: 20px auto 0; /* Center button and add spacing */
-      }
-
-      .app__container {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 50px 0;
+      .styled-button-link {
+        text-decoration: none;
       }
       
-      .app__data {
-        text-align: left;
-        flex-grow: 1; /* Allow the content to expand to fill available space */
-      }
-
-      .section__title-center {
+      .styled-button {
+        background-color:  #4bb6b7;
+        border: none;
+        color: white;
+        padding: 15px 32px;
         text-align: center;
-        margin-right: 10px; /* Adjust the margin value as needed */
+        text-decoration: none;
+        display: inline-block;
+        font-size: 16px;
+        margin: 4px 2px;
+        cursor: pointer;
+        border-radius: 8px;
+        transition: background-color 0.3s ease;
       }
       
-      .imt {
-        width: 30%;
-        padding-right: 60px; /* Add padding to the right */
-        margin-top: 20px; /* Move the image down */
+      .styled-button:hover {
+        background-color: #007aff;
       }
       
-
-      .contact__container {
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-start;
-        flex-wrap: wrap;
-        padding-top: 50px;
-        text-align: left;
-      }
-  
-      .contact__content {
-        flex: 1;
-      max-width: 45%;
-      display: flex;
-      flex-direction: column;
-      padding-left: 20px;
-      gap: 1rem;
-      padding-left: 100px;
-      color: white;
-      }
-
-      .contact__heading {
-        text-align: left;
-        margin-bottom: 0.5rem; /* Reduce space below heading */
-      }
-
-      .section__title-center {
-        position: relative;
-  right: 20px;
-      }
-  
-      .contact__description {
-        text-align: left;
-        margin-bottom: 1rem; /* Space below description */
-      }
-  
-      .contact__map {
-        flex: 1;
-        max-width: 70%;
-        margin-left: 10px;
-        margin-top: 20px;
-      }
-
-      .contact__map iframe {
-        width: 85%; /* Ensure iframe takes full width of its container */
-      }
-  
-      .contact__address {
-        display: flex;
-      align-items: center;
-      gap: 10px;
-      margin: 10px 0;
-      color: white;
-      }
-  
-      .contact__information {
-        font-weight: bold;
-        color: white;
-      }
-  
-      .button {
-        display: inline-block;
-        margin-top: 20px;
-        padding: 10px 20px;
-        background-color: #007bff;
-        color: white;
-        text-decoration: none;
-        border-radius: 5px;
-        text-align: center;
-      }
-  
-      .button:hover {
-        background-color: #0056b3;
-      }
-  
-      @media (max-width: 768px) {
-        .contact__container {
-          flex-direction: column;
-          align-items: center;
-        }
-  
-        .contact__content,
-        .contact__map {
-          max-width: 100%;
-        }
-  
-        .contact__map {
-          margin-left: 0;
-          margin-top: 20px;
-        }
-      }
     </style>
   <script type="text/javascript">
     (function () {
@@ -283,7 +95,7 @@
   <script src="https://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
 
   <!-- CSS Files -->
-   <link rel="stylesheet" href="index.css">
+   
   <link href="Css-Files/animate.min.css" rel="stylesheet">
   <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <link href="bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
@@ -326,11 +138,11 @@
     <div class="loader"></div>
   </div>
   <!-- ############# Header ############# -->
-  <header class="header_container nav-h">
+  <header class="header_container nav-h"
     <div class="img">
       <img id="rd-logo" style="width: 90px; height: auto;" src="images/rd.png">
     </div>
-    <nav class="nav_menu">
+    <nav class="nav_menu"style="padding-top:0px">
       <ul class="nav_link vis-h">
         <li><a href="index.html"><i class="bi bi-house-door-fill"></i> Home</a></li>
         <li><a href="index.html#about"><i class="bi bi-info-circle-fill"></i> About</a></li>
@@ -341,7 +153,7 @@
         <li><a href="index.html#doctors"><i class="bi bi-person-circle"></i> Doctor</a></li>
         <li><a href="index.html#contact"><i class="bi bi-telephone"></i>Contact us</a></li>
 
-        <a href="./Html-Files/Doctor Experience.html"><button class="custom-button">Find a Doctor</button></a>
+        
       </ul>
       <div class="hamburger">
         <div class="line"></div>
@@ -395,10 +207,11 @@ <h2 class="section__title-center">
               delivery to your home or to the place where you are, with the best
               quality of delivery.
             </p>
-            <img src="assets/img/about.png" alt="about" class="imt"/>
           </div>
+          <img src="assets/img/about.png" alt="about" class="img"/>
         </div>
       </section>
+      
 
       <!--=============== SECURITY ===============-->
       <section class="security section container">
@@ -511,14 +324,14 @@ <h2 class="section__title-center">
           </div>
         </div>
       </section>
+      
     </main>
-
-  <footer>
-    <div class="footer-wrapper">
-      <div class="footer-columns">
-        <div class="other-columns">
+    <footer>
+      <div class="footer-wrapper">
+        <div class="footer-columns">
           <section>
-            <h4>Quick Links</h4><br>
+            <h4>Quick Links</h4>
+            <br>
             <ul class="links">
               <li><a href="index.html">Home</a></li>
               <li><a href="index.html#about">About Us</a></li>
@@ -528,8 +341,10 @@ <h4>Quick Links</h4><br>
               <li><a href="./faq.html">FAQ</a></li>
             </ul>
           </section>
+    
           <section>
-            <h4>Explore</h4><br>
+            <h4>Explore</h4>
+            <br>
             <ul class="links">
               <li><a href="Html-Files/appointment.html">Appointment</a></li>
               <li><a href="index.html#patient-portal">Patient Portal</a></li>
@@ -538,8 +353,10 @@ <h4>Explore</h4><br>
               <li><a href="index.html#contact">Location</a></li>
             </ul>
           </section>
+    
           <section>
-            <h4>Legal</h4><br>
+            <h4>Legal</h4>
+            <br>
             <ul class="links">
               <li><a href="Html-Files/customer_agreement.html">Customer Agreement</a></li>
               <li><a href="Html-Files/privacy_policy_page.html">Privacy Policy</a></li>
@@ -549,22 +366,58 @@ <h4>Legal</h4><br>
               <li><a href="#">Testimonials</a></li>
             </ul>
           </section>
-          
-       <section class="footer-col" >
-      <div>
-      <h4>RAPIDOC Newsletter</h4><br>
-      <p>
-        Subscribe to our newsletter for a weekly dose
-        of news, updates, helpful tips, and
-        exclusive offers.
-      </p>
-    </div>
-      <form action="#" class="subscribe-form">
-        <input type="email" placeholder="Your email" required>
-        <button type="submit" style="color: #005253;">SUBSCRIBE</button>
-      </form>
-      <p class="confirmation-message">Thank you for subscribing!</p>
-       </section>
+    
+          <section class="footer-col">
+            <h4>RAPIDOC Newsletter</h4>
+            <br>
+            <p>
+              Subscribe to our newsletter for a weekly dose
+              of news, updates, helpful tips, and
+              exclusive offers.
+            </p>
+            <form action="#" class="subscribe-form">
+              <input type="email" placeholder="Your email" required>
+              <button type="submit" style="color: #005253;">SUBSCRIBE</button>
+            </form>
+            <p class="confirmation-message">Thank you for subscribing!</p>
+          </section>
+        </div>
+    
+        
+      </div>
+    
+      <div class="footer-bottom">
+        <div class="footer-bottom-wrapper">
+          <small id="ss">
+            © <span id="year"></span><span> RapiDoc</span>&nbsp;| All Rights
+            Reserved Made with ❤️ by RapiDoc
+          </small>
+          <div class="social-wrapper">
+            <div class="social-links">
+              <div style="margin-left: 300px;font-family: sans-serif;"><i>Follow Us&nbsp;:&nbsp;</i></div>
+              <div id="insta">
+                <a href="https://www.instagram.com" target="_blank">
+                  <i class="fab fa-instagram"></i>
+                </a>
+              </div>
+              <div id="twit">
+                <a href="https://www.twitter.com" target="_blank">
+                  <i class="bi bi-twitter-x"></i>
+                </a>
+              </div>
+              <div id="git">
+                <a href="https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-" target="_blank">
+                  <i class="fab fa-github"></i>
+                </a>
+              </div>
+              <div id="linkd">
+                <a href="https://www.linkedin.com" target="_blank">
+                  <i class="fab fa-linkedin"></i>
+                </a>
+              </div>
+    
+
+ 
       
 
           <script>
@@ -614,47 +467,9 @@ <h4>RAPIDOC Newsletter</h4><br>
               }
             </script>
 
-        </div>
-      </div>
-    </div>
+       
    
-    <div class="footer-bottom">
-      <div class="footer-bottom-wrapper">
-        <small id="ss">© <span id="year"></span><span> RapiDoc</span>&nbsp;| All Rights
-          Reserved Made with ❤️ by RapiDoc</small>
-        <div class="social-wrapper">
-          <div class="social-links">
-            <div style="margin-left: 300px;font-family: sans-serif;"><i>Follow&nbsp;Us&nbsp;:&nbsp;</i></div>
-            <div  id="insta">
-            <a href="https://www.instagram.com" target="_blank">
-              <i class="fab fa-instagram"></i>
-            </a>
-          </div>
-          <div id="twit">
-            <a  href="https://www.twitter.com" target="_blank">
-              <i class="bi bi-twitter-x"></i>
-            </a>
-          </div>
-          <div id="git">
-            <a  href="https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-" target="_blank">
-              <i class="fab fa-github"></i>
-            </a>
-          </div>
-          <div id="linkd">
-            <a  href="https://www.linkedin.com" target="_blank">
-              <i class="fab fa-linkedin"></i>
-            </a>
-          </div>
-
-            <div id="fb"><a  href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></div>
-           <div id="phn"> <a  href="+91 1234567890" title="+91 1234567890" target="_blank"><i class="fa-solid fa-phone"></i></a></div>
-            <div id="mail1" ><a  href="info@rapidoc.com" target="_blank"><i class="fa-solid fa-envelope"></i></a></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </footer>
-
+    
   <div id="back-to-top-container">
     <div class="circle">
       <svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
@@ -851,14 +666,9 @@ <h4>RAPIDOC Newsletter</h4><br>
         document.body.removeChild(loader);
       });
     });
-    const hamburger = document.querySelector('.hamburger');
-    const navbar = document.querySelector('.header_container');
-    const nav = document.querySelector('.nav_link');
-    hamburger.addEventListener('click', () => {
-      navbar.classList.toggle('nav-h');
-      nav.classList.toggle('vis-h');
-    })
+    
   </script>
+  <script src="dex.js"></script>
 
   <div id="progressBar"></div>
   <script>
diff --git a/dex.js b/dex.js
new file mode 100644
index 00000000..32c00184
--- /dev/null
+++ b/dex.js
@@ -0,0 +1,8 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const hamburger = document.querySelector('.hamburger');
+    const navLinks = document.querySelector('.nav_link');
+  
+    hamburger.addEventListener('click', function() {
+      navLinks.classList.toggle('active');
+    });
+  });
\ No newline at end of file
diff --git a/index.css b/index.css
index 6cb4873a..e9f4049b 100644
--- a/index.css
+++ b/index.css
@@ -528,31 +528,28 @@ select {
 
     .header_container {
         width: 163vw;
-        height: 6rem !important;
+        
+    }
+
+    .nav_menu {
+        height: auto;
+  }
+
+    .nav-h {
+        height: 5.5rem;
         width: -webkit-fill-available !important;
         justify-content: center;
         flex-direction: row;
         align-items: center;
     }
-    .nav-h .nav_link{
-      display:none !important;
-    }
 
-    .nav_menu {
-        height: auto;
-    }
-  
-  #rd-logo {
-    display: table-row;
-    margin-right: -4rem !important;
-    margin-left: 25rem !important;
-  }
+   
 
     .container {
         flex-wrap: wrap;
         justify-content: center;
         flex-direction: column-reverse;
-        padding: 10px;
+        padding: 0px;
     }
 
     .about-service {
@@ -598,11 +595,46 @@ select {
         margin-bottom: 15px !important;
     }
 
-    footer {
-        width: 168vw !important;
-        padding: 40px !important;
-        margin: auto !important;
+    .footer-wrapper{
+        width: 100%;
+        padding-left: 10px;
+        padding-right: 10px;
+        margin-right: 10px;
+    }
+    .other-columns {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        width: 50%;
+    }
+
+    .footer-col {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        flex-wrap: nowrap;
+        gap: 90px;
+        width: 50%;
     }
+    #ss {
+        font-size: 0.75rem; 
+       width: 90%;
+      }
+    
+    
+    
+
+    .subscribe-form {
+        display: block;
+        gap: 10px;
+        
+    }
+    .social-wrapper{
+        padding-right: 80px;
+        width: 700px;
+    }
+   
+
 
     #appointment.appointment.section-bg {
         margin: 15px;
@@ -616,10 +648,7 @@ select {
         width: 476px !important;
     }
 
-    .other-columns {
-        grid-template-columns: repeat(3, 3fr);
-
-    }
+    
 
     .form.php-email-form {
         align-content: flex-start;
@@ -633,10 +662,7 @@ select {
         width: 510px !important;
     }
 
-    .footer-col {
-        padding: 15px;
-        text-align: center;
-    }
+   
 }
 
 
@@ -777,23 +803,60 @@ body {
 
 
 @media (max-width:768px) {
+    .footer{
+        width: 10%;
+    }
     .other-columns {
         display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-    }
+        flex-wrap: wrap; 
+        display: grid;
+        grid-template-columns: repeat(2, 1fr); 
+        grid-gap: 1rem;
+        margin-right: 0px !important;
+        padding-right: 0px !important;
+      }
+      
+      .other-columns > * {
+        flex: 2 2 50%; 
+       
+      }
+      
+    
+      .footer-col p {
+        max-width: 100%;
+
+      }
+    
+      .footer-col form {
+        flex-direction: column; 
+
+      }
+    
+      .footer-col input {
+        margin-right: 100px; 
+        width: 100%;
+      }
 
     .footer-col {
         display: flex;
         flex-direction: row;
         align-items: center;
-        flex-wrap: nowrap;
+        flex-wrap: wrap;
         gap: 90px;
+        width: 100%;
+        margin-right: 0px !important;
+        padding-right: 0px !important;
     }
+    
 
-    .subscribe-form {
-        display: flex;
-        gap: 10px;
+    .subscribe-form input[type="email"], .subscribe-form button {
+        width: 100%;
+        font-size: 10px;
+    }
+
+    
+    .social-wrapper a div i {
+        width: 50%;
     }
 }
 
diff --git a/style.css b/style.css
index 59d1d254..1287d067 100644
--- a/style.css
+++ b/style.css
@@ -388,8 +388,8 @@ h6 {
 }
 
 #header {
-  position: relative;
-  top: 12px;
+  position: absolute;
+  top: 0px;
 }
 
 .header_container {
@@ -402,8 +402,6 @@ h6 {
   width: 100%;
   height: 95px;
   margin: auto;
-  margin-top: 0px;
-  padding-top: 15px;
   z-index: 555;
 }
 
@@ -414,7 +412,7 @@ h6 {
   font-size: 24px;
   transform: translateX(120%);
   margin-right: 450px;
-  margin-top: 20px;
+  margin-top: 0px;
 }
 
 .hamburger {
@@ -459,7 +457,7 @@ h6 {
     display: flex;
     flex-direction: column;
     position: absolute;
-    top: 85px;
+    
     left: 0;
     width: 100%;
     background-color: #022a2d;
@@ -1468,6 +1466,8 @@ section {
     transform: none;
     width: 100%;
     border-radius: 0;
+    margin-right: 0px !important;
+        padding-right: 0px !important;
   }
 
   .footer .footer-row {
@@ -1481,6 +1481,7 @@ section {
 
   .footer-col form :where(input, button) {
     width: 100%;
+    display: inline-block;
   }
 
   .footer-col form button {
@@ -1989,4 +1990,4 @@ flex-direction: row;
 }
 .st0 {
   fill: #2F7F81;
-}
+}
\ No newline at end of file