diff --git a/Html-Files/Css-Files/Experiencestyle.css b/Html-Files/Css-Files/Experiencestyle.css
index c8dfd5fb..dd899a96 100644
--- a/Html-Files/Css-Files/Experiencestyle.css
+++ b/Html-Files/Css-Files/Experiencestyle.css
@@ -27,7 +27,7 @@ body {
     transition: all 0.3s ease 0s;
     color: white;
   }
-  /* button {
+  button {
     position: relative;
     border-radius: 10px;
     border: 1px solid #4bb6b7;
@@ -40,7 +40,7 @@ body {
     letter-spacing: 1px;
     text-transform: capitalize;
     transition: 0.3s ease-in-out;
-  } */
+  }
   
   .nav_link li a:hover {
     color: #55a5ea;
@@ -536,4 +536,446 @@ align-items: center;
   z-index: 1000;
   border-radius: 5px;
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-}
\ No newline at end of file
+}
+
+
+  /* added */
+
+  footer {
+    bottom: 0;
+    background-color: var(--footer-bg);
+    width: 100%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+  }
+  
+  .footer-wrapper {
+    display: flex;
+    flex-direction: column;
+    max-width: 80rem;
+    width: 100%;
+    margin: 0 auto;
+    padding: 1rem;
+  }
+  
+  .footer-columns {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+  
+  .other-columns {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 2rem 1rem;
+    width: 100%;
+    padding-top: 2rem;
+  }
+  
+  .other-columns ul {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    font-weight: 600;
+  }
+  
+  .other-columns ul a {
+    color: var(--text-color);
+    text-decoration: none;
+    font-size: 0.85rem;
+  }
+  
+  .other-columns ul a:hover {
+    text-decoration: underline;
+  }
+  
+  .footer-bottom {
+    width: 100%;
+    color: var(--text-color);
+    background-color: var(--footer-bottom-bg);
+  }
+  
+  .footer-bottom-wrapper {
+    display: flex;
+    flex-direction: column;
+    max-width: 80rem;
+    margin: 0 auto;
+    width: 100%;
+    gap: 1rem;
+    justify-content: center;
+    align-items: center;
+    padding: 1rem;
+    text-align: center;
+  }
+  
+  .footer-bottom small {
+    font-size: 1rem;
+    white-space: wrap;
+  }
+  
+  .social-wrapper {
+    display: flex;
+    justify-content: center;
+    gap: 0.5rem;
+  }
+  
+  .social-links {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    
+  }
+  
+  .social-links a div i {
+    color: #afb6c7;
+  }
+  
+  .social-links a div i:hover {
+    color: #fff;
+  }
+  
+  .follow-us {
+    font-family: sans-serif;
+  }
+  
+  @media (min-width: 600px) {
+    .footer-bottom-wrapper {
+      flex-direction: row;
+      justify-content: space-between;
+    }
+    .footer-bottom small {
+      font-size: smaller;
+    }
+  }
+  
+  @media (max-width: 600px) {
+    .footer-bottom-wrapper {
+      text-align: center;
+    }
+  }
+  
+  /* feedback added */
+  .feed {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 1rem;
+  }
+  
+  .feedback {
+    border-radius: 1rem;
+    background-color: #fff;
+    padding: 2rem 4rem;
+    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
+      rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+    margin: 50px auto;
+    width: 90%;
+    max-width: 800px;
+  }
+  
+  .feedback h1 {
+    color: black;
+    font-size: 2rem;
+    margin-bottom: 0.3rem;
+    font-family: "Poppins", sans-serif;
+    text-align: center;
+  }
+  
+  .feedback p {
+    color: black;
+    font-size: 1.1rem;
+    font-family: "Poppins", sans-serif;
+    text-align: center;
+  }
+  
+  .emoji {
+    padding: 1rem 0;
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1rem;
+    justify-items: center;
+  }
+  
+  .btn {
+    background-color: transparent;
+    border: none;
+    font-size: 2rem;
+    font-family: "Poppins", sans-serif;
+    transition: 0.2s ease-in;
+    cursor: pointer;
+  }
+  
+  .btn:hover {
+    transform: scale(1.5);
+  }
+  
+  .ques {
+    margin: 0.5rem 0;
+    text-align: center;
+  }
+  
+  .feedback #textarea {
+    padding: 1rem;
+    width: 100%;
+    background-color: transparent;
+    border: 0.1rem solid black;
+    border-radius: 0.5rem;
+    color: black;
+    margin-bottom: 0.6rem;
+    resize: none;
+  }
+  
+  .feedback #textarea:focus {
+    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+  }
+  
+  .radiobtn {
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+    margin: 1rem 0;
+  }
+  
+  .one {
+    display: flex;
+    align-items: center;
+  }
+  
+  .input {
+    font-family: "Poppins", sans-serif;
+    font-size: 1rem;
+    appearance: none;
+    width: 2rem;
+    height: 2rem;
+    border: 0.1rem solid black;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 0.5rem;
+  }
+  
+  .input::before {
+    content: " ";
+    width: 1rem;
+    height: 1rem;
+    border-radius: 50%;
+    transition: 0.2s;
+  }
+  
+  .input:checked::before {
+    background-color: #1977cc;
+  }
+  
+  .label {
+    color: black;
+    font-family: "Poppins", sans-serif;
+    font-size: 1.1rem;
+  }
+  
+  .info {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin: 1rem 0;
+    margin-bottom: -20px;
+  }
+  
+  .center {
+    width: 100%;
+    text-align: center;
+  }
+  
+  .submit_button {
+    width: 50%;
+    max-width: 200px;
+    background-color: white;
+    border-radius: 0.5rem;
+    border: none;
+    font-size: 1.4rem;
+    font-family: "Poppins", sans-serif;
+    padding: 1rem 2rem;
+    cursor: pointer;
+    color: #000;
+    transition: background-color 0.2s, transform 0.2s;
+  }
+  
+  .submit_button:active {
+    background-color: white;
+    transform: scale(1);
+  }
+  
+  .bsubmit_button:hover {
+    background-color: rgb(63, 155, 124);
+  }
+  
+  @media (min-width: 600px) {
+    .feedback {
+      padding: 2rem 4rem;
+      width: 60%;
+    }
+  
+    .submit_button {
+      width: 15%;
+    }
+  }
+  
+  @media (max-width: 600px) {
+    .feedback {
+      width: 95%;
+      padding: 1rem;
+    }
+  
+    .submit_button {
+      width: 100%;
+    }
+  
+    .emoji {
+      grid-template-columns: repeat(1, 1fr);
+      justify-content: center;
+    }
+  }
+  @media screen and (max-width : 768px) {
+    .emoji {
+      grid-template-columns: repeat(2, 1fr);
+      margin-right: 25px;
+    }
+  }
+  @media screen and (max-width: 960px) and (min-width:600px){
+    .submit_button {
+      width: 100%;
+    }
+  }
+  
+  
+  .hamburger{
+    display: none;
+    cursor: pointer;
+    position: absolute;
+    top: 29px;
+    left: 1.5%;
+  }
+  .line{
+    width: 30px;
+    height: 5px;
+    margin: 4px 4px;
+    background-color: white;
+  }
+  @media only screen and (max-width: 820px){
+  .hamburger{
+    display: block;
+  }
+  .header_container{
+    flex-direction: column;
+    align-items:start;
+    height: 24.8rem;
+    transition: 0.55s all ease-out;
+    /* padding-top: 5px; */
+  }
+  .nav_link{
+    flex-direction: column;
+    position: relative;
+    bottom: 40px;
+  }
+  /* .nav-link li{
+    margin-bottom: 5px;
+  } */
+  .nav-h{
+    height: 5.5rem;
+    width: 100vw;
+  }
+  .vis-h{
+    opacity: 0;
+  }
+  .img{
+    position: relative;
+    left: 300px;
+    bottom: 12px;
+  }
+  }
+  .emoji input {
+        display: none;
+      }
+      .emoji label {
+        font-size: 2rem;
+        cursor: pointer;
+        padding: 5px;
+      }
+      .emoji input:checked + label {
+        background-color: rgb(41, 136, 138);
+      }
+      .nav_menu{
+        display: flex;
+      }
+      .nav_link{
+        display: flex;
+      }
+  .iti--allow-dropdown input {
+    padding-left: 50px;
+    background-color: black; /* Adjust padding to prevent overlap */
+  }
+  
+  .iti.iti--allow-dropdown {
+    margin-left: 250px;
+  }
+  
+  
+  
+  
+  .filter-sort {
+  display: flex;
+  align-items: center;
+  
+  /* added */
+  flex-wrap: wrap;
+  }
+  
+  .filter-sort label {
+  margin-right: 10px;
+  }
+  
+  .filter-sort select,
+  .filter-sort input[type="range"] {
+  margin-right: 20px;
+  /* added */
+  margin-bottom: 10px;
+  }
+  
+  /* added */
+  #sort-btn {
+    margin-bottom: 10px; /* Add some bottom margin for spacing */
+  }
+  /* Responsive adjustments */
+  @media (max-width: 768px) {
+    .filter-sort label,
+    .filter-sort select,
+    .filter-sort input[type="range"],
+    #sort-btn {
+      margin-right: 0;
+      margin-bottom: 10px; /* Adjust spacing for smaller screens */
+      width: 100%; /* Make elements full width */
+    }
+  
+    .filter-sort {
+      flex-direction: column; /* Stack items vertically */
+      align-items: flex-start; /* Align items to the start */
+    }
+  }
+  
+  @media (max-width: 480px) {
+    header {
+      padding: 5px; /* Reduce padding for smaller screens */
+    }
+  }
+
+
+  @media only screen and (max-width: 820px) {
+    .hamburger {
+        display: block;
+    }
+}
diff --git a/Html-Files/Doctor-Experience.html b/Html-Files/Doctor-Experience.html
index 57efa6f4..b103e973 100644
--- a/Html-Files/Doctor-Experience.html
+++ b/Html-Files/Doctor-Experience.html
@@ -141,7 +141,7 @@
   </div>
   <header class="header_container nav-h">
     <div class="img">
-      <img id="rd-logo" style="width: 90px; height: auto;" src="rd.png">
+      <img id="rd-logo" style="width: 90px; height: auto;" src="../images/rd.png">
     </div>
     <nav class="nav_menu">
       <ul class="nav_link vis-h">
@@ -248,7 +248,7 @@ <h4>RAPIDOC Newsletter</h4><br>
           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 style="margin-left: 50px;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>
@@ -591,6 +591,14 @@ <h4>${doctor.name}</h4>
         });
         checkButtonVisibility();
       });
+
+      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>
   
diff --git a/index.css b/index.css
index 50dbe283..150033e5 100644
--- a/index.css
+++ b/index.css
@@ -493,6 +493,7 @@ select {
         align-content: center !important;
         gap: 40px !important;
         margin-top: 70px !important;
+        margin-right: 87px;
     }
 
     .appointment form {
@@ -542,7 +543,7 @@ select {
     }
 
     #slide-item {
-        width: 510px !important;
+        width: 250px !important;
     }
 
     .footer-col {
@@ -886,4 +887,77 @@ body {
   
   .b:hover::before {
     width: 100%;
-  }
\ No newline at end of file
+  }
+
+  /* added */
+  /* Default styles for container */
+.container {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+/* Doctor section adjustments */
+.doctor-section {
+    flex: 1 1 auto; /* Allows the doctor section to grow and shrink */
+    max-width: 100%;
+    margin: 20px;
+    box-sizing: border-box; /* Ensures padding and border are included in width */
+}
+
+/* Adjustments for smaller screens */
+@media screen and (max-width: 992px) {
+    .container {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .doctor-section {
+        max-width: 90%;
+    }
+}
+
+/* Further adjustments for mobile screens */
+@media screen and (max-width: 768px) {
+    .doctor-section {
+        max-width: 95%;
+        margin: 10px;
+    }
+}
+
+/* Specific adjustments for very small screens */
+@media screen and (max-width: 480px) {
+    .doctor-section {
+        max-width: 100%;
+        margin: 5px;
+    }
+
+    .container {
+        padding: 0 10px;
+    }
+}
+
+/* Example styles for doctor section */
+.doctor-section img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 0 auto;
+}
+
+.doctor-section h2, .doctor-section p {
+    text-align: center;
+}
+
+/* Ensure any buttons or inputs within the doctor section are responsive */
+.doctor-section .btn {
+    width: 100%;
+    max-width: 300px;
+    margin: 10px auto;
+}
+
+
diff --git a/index.html b/index.html
index f3f10411..f2f4d55d 100644
--- a/index.html
+++ b/index.html
@@ -110,7 +110,7 @@
   <div class="container" style="display:flex ;">
     <div class="content">
 
-      <h1 style="font-size: 65px;">
+      <h1 style="font-size: 65px; margin-top: 90px;">
         Welcome to <span style="color: #55a5ea;">RapiDoc!</span> <br /> Your one-stop digital <br> healthcare
         destination
       </h1>
@@ -736,7 +736,58 @@ <h4>Call:</h4>
     }, 5000); //msg disappears after 5s
   });
 </script>
-     
+<style>
+  /* .testimonals {
+    padding: 2rem;
+  } */
+
+  .section-title {
+    font-size: 2rem;
+    text-align: center;
+    margin-bottom: 1rem;
+  }
+
+  .testimonals-content {
+    position: relative;
+  }
+
+  .swiper-slide {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    padding: 1rem;
+    width: 60%;
+    border-radius: 10px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  }
+
+  .info {
+    display: flex;
+    align-items: center;
+    margin-bottom: 1rem;
+  }
+
+  .info img {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    margin-right: 1rem;
+  }
+
+  .text-box .name {
+    font-weight: bold;
+  }
+
+  .rating i {
+    color: #ffdd00;
+  }
+
+  .swiper-button-next,
+  .swiper-button-prev {
+    color: #000;
+  }
+</style>
           <!-- End Contact Section -->