diff --git a/index.html b/index.html
index c65ce332..0da6bd4c 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,10 @@
 <head>
   <meta charset="utf-8">
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
+
   <link rel="icon" type="image/x-icon" href="/favicon.ico">
 
+
   <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" />
   <script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
@@ -24,7 +26,7 @@
   <link href="glightbox/css/glightbox.min.css" rel="stylesheet">
   <link href="remixicon/remixicon.css" rel="stylesheet">
   <link href="swiper/swiper-bundle.min.css" rel="stylesheet">
-  <link href="style.css" rel="stylesheet">
+
 
                          
   <link href="patient-portal.css" rel="stylesheet">
@@ -47,6 +49,7 @@
 </head>
 
 <body>
+
   <!-- ############# Header ############# -->
 
   <header id="header" class="fixed-top">
@@ -72,18 +75,21 @@ <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
   </header>
 
 
+  
 
-  <div class="container">
+  <div class="container" style="display:flex ;">
     <div class="content">
       <h1 style="font-size: 65px;">
         Welcome to <span style="color: #55a5ea;">RapiDoc!</span> <br /> Your one-stop digital <br> healthcare
         destination
       </h1>
+
       <h4>
         <!-- <a href="#about" class="btn-get-started scrollto">Download App</a> -->
       </h4>
     </div>
     <img style="position: relative; top: -60px; right: -10rem;" class="sec-img" src="images/rd.png" alt="" />
+
   </div>
   <br><br><br><br><br>
   <!-- End Home -->
@@ -145,7 +151,9 @@ <h4 class="title"><a href="">Medicine use</a></h4>
     <section id="about" class="about">
       <div class="container" data-aos="fade-up">
         <div class="section-title">
-          <h2>About Us</h2>
+
+          <h2 style="text-align: center;">About Us</h2>
+
           <p>RapiDoc is an online platform which enables you to get information about your nearest hospitals and
             healthcare facilities. It aims to address health-related issues. It is a one-stop destination for all your
             medical needs.</p>
@@ -154,8 +162,7 @@ <h2>About Us</h2>
         <div class="row">
           <div class="col-xl-5 col-lg-6 video-box d-flex justify-content-center
      align-items-stretch position-relative">
-            <!-- <a href="https://youtu.be/ImQqQ9_s38k" class="glightbox play-btn mb-4"></a> -->
-          </div>
+
           <div class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch
      justify-content-center py-5 px-lg-5">
 
@@ -243,16 +250,15 @@ <h4 class="title"><a href="">SERVICES</a></h4>
     <!-- #################### Services Section #################### -->
 
 
+
     <section id="services" class="services">
+      <div class="section-title">
+        <h2>Services</h2>
+        <p>Our services are for your good health. We are with you at every digital step.</p>
+      </div>
       <div class="container">
-
-        <div class="section-title">
-          <h2>Services</h2>
-          <p>Our services are for your good health. We are with you at every digital step.</p>
-        </div>
-
         <div class="row">
-          <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
+          <div class="col-lg-4 col-md-3 d-flex align-items-stretch ">
             <div class="icon-box">
               <div class="icon"><i class="fas fa-heartbeat"></i></div>
               <h4><a href="">Clinics/Labs</a></h4>
@@ -260,7 +266,7 @@ <h4><a href="">Clinics/Labs</a></h4>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0">
+          <div class="col-lg-4 col-md-6 d-flex align-items-stretch ">
             <div class="icon-box">
               <div class="icon"><i class="fas fa-pills"></i></div>
               <h4><a href="https://www.1mg.com">Pharmacy</a></h4>
@@ -268,7 +274,7 @@ <h4><a href="https://www.1mg.com">Pharmacy</a></h4>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0">
+          <div class="col-lg-4 col-md-6 d-flex align-items-stretch ">
             <div class="icon-box">
               <div class="icon"><i class="fas fa-hospital-user"></i></div>
               <h4><a href="">Daily Feed</a></h4>
@@ -277,7 +283,7 @@ <h4><a href="">Daily Feed</a></h4>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
+          <div class="col-lg-4  col-md-6 d-flex align-items-stretch ">
             <div class="icon-box">
               <div class="icon"><i class="fas fa-dna"></i></div>
               <h4><a href="Html-Files/blood.html">Blood Bank</a></h4>
@@ -285,7 +291,7 @@ <h4><a href="Html-Files/blood.html">Blood Bank</a></h4>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
+          <div class="col-lg-4 col-md-6 d-flex align-items-stretch ">
             <div class="icon-box">
               <div class="icon"><i class="fas fa-wheelchair"></i></div>
               <h4><a href="">Disabled Person</a></h4>
@@ -293,7 +299,7 @@ <h4><a href="">Disabled Person</a></h4>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
+          <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
             <div class="icon-box">
               <div class="icon"><i class="fas fa-notes-medical"></i></div>
               <h4><a href="https://www.medicalnewstoday.com/">Health Post</a></h4>
@@ -307,13 +313,17 @@ <h4><a href="https://www.medicalnewstoday.com/">Health Post</a></h4>
     </section><!-- End Services Section -->
 
     <!-- Add Patient Portal Section -->
+
   <section id="patient-portal" class="patient-portal">
       <div class="container-patientportal">
       <div class="section-title" id="section-patientportal">
+
         <h2>Patient Portal</h2>
         <p>Access your medical records, lab results, and prescription history securely.</p>
         <!-- <p>The Patient Portal is your personalized online gateway to your health information. Whether you need to check your recent lab results, review your prescription history, or update your personal details, the Patient Portal provides a convenient and secure platform for managing your healthcare needs.</p> -->
       </div>
+      <div class="container">
+
 
       <!-- Add Login Form for Patient Portal -->
       
@@ -348,8 +358,8 @@ <h2>Patient Portal</h2>
 
 
     <section id="appointment" class="appointment section-bg">
-      <div class="container">
 
+      <div class="container">
         <div class="section-title">
           <h2>Make an Appointment</h2>
           <p>We listed the docs, we made you a form. You make us an appointment.</p><br><br>
@@ -357,19 +367,23 @@ <h2>Make an Appointment</h2>
         <div class="layout">
           <form accept="" role="form" class="php-email-form">
             <div class="row">
+
               <div class="col-md-4 form-group">
+
                 <input type="text" name="name" class="form-control" id="name" placeholder="Your Name">
               </div>
               <div class="col-md-4 form-group mt-3 mt-md-0">
                 <input type="email" class="form-control" name="email" id="email" placeholder="Your Email">
               </div>
               <div class="col-md-4 form-group mt-3 mt-md-0">
+
                 <input type="tel" class="form-control" name="phone" id="phone" placeholder="Your Phone" maxlength="10"
-                  minlength="10" pattern="[0-9]*" style="width: 100%;">
+                  minlength="10" pattern="[0-9]*" style="width: 100%;"
               </div>
             </div>
             <div class="row">
               <div class="col-md-4 form-group mt-3">
+
                 <input type="date" name="date" class="form-control datepicker" id="date" placeholder="Appointment Date">
 
                 <script>   //To set value of minimum date in calender 
@@ -381,6 +395,7 @@ <h2>Make an Appointment</h2>
 
                   document.getElementById('date').setAttribute('min', formattedDate);
                 </script>
+
               </div>
               <div class="col-md-4 form-group mt-3">
                 <select name="age" id="age" class="form-select">
@@ -466,12 +481,12 @@ <h2>Make an Appointment</h2>
 
 
     <section id="doctors" class="doctors">
-      <div class="container">
 
-        <div class="section-title">
-          <h2>Doctors</h2>
-          <p>Don’t compromise your health when we have listed the best doctors for you!</p>
-        </div>
+      <div class="section-title">
+        <h2>Doctors</h2>
+        <p>Don’t compromise your health when we have listed the best doctors for you!</p>
+      </div>
+      <div class="container">
 
         <div class="row">
 
@@ -540,43 +555,56 @@ <h4>Pediatrician</h4>
     <!-- ################# Contact Section ################# -->
 
 
+
     <section id="contact" class="contact">
+      <div class="section-title">
+        <h2>Contact</h2>
+        <p>Located your appointment. Feel free to give us feedback and help us improve our digital med care.</p>
+      </div>
+      </div>
       <div class="container">
 
-        <div class="section-title">
-          <h2>Contact</h2>
-          <p>Located your appointment. Feel free to give us feedback and help us improve our digital med care.</p>
-        </div>
-      </div>
 
-      <!--Google map-->
-      <div class="mapouter">
-        <div class="gmap_canvas"><iframe class="gmap_iframe" width="100%" frameborder="0" scrolling="no"
-            marginheight="0" marginwidth="0"
-            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3500.8055368048804!2d77.22981385036265!3d28.6655407892513!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd0683919c3b%3A0xf5fc331b74c2b9e2!2sIndira%20Gandhi%20Delhi%20Technical%20University%20for%20Women!5e0!3m2!1sen!2sin!4v1679424592719!5m2!1sen!2sin"></iframe><a
-            href="https://www.fnfgo.com/">FNF Mods</a></div>
-        <style>
-          .mapouter {
-            position: relative;
-            text-align: right;
-            width: 100%;
-            height: 363px;
-          }
-
-          .gmap_canvas {
-            overflow: hidden;
-            background: none !important;
-            width: 100%;
-            height: 363px;
-          }
-
-          .gmap_iframe {
-            height: 363px !important;
-          }
-        </style>
-      </div><br>
+        <!--Google map-->
+        <div class="mapouter">
+          <div class="gmap_canvas"><iframe class="gmap_iframe" width="100%" frameborder="0" scrolling="no"
+              marginheight="0" marginwidth="0"
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3500.8055368048804!2d77.22981385036265!3d28.6655407892513!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd0683919c3b%3A0xf5fc331b74c2b9e2!2sIndira%20Gandhi%20Delhi%20Technical%20University%20for%20Women!5e0!3m2!1sen!2sin!4v1679424592719!5m2!1sen!2sin"></iframe><a
+              href="https://www.fnfgo.com/">FNF Mods</a></div>
+          <style>
+            .mapouter {
+              position: relative;
+              text-align: right;
+              width: 100%;
+              height: 363px;
+            }
+
+            .gmap_canvas {
+              overflow: hidden;
+              background: none !important;
+              width: 100%;
+              height: 363px;
+            }
+
+            .gmap_iframe {
+              height: 363px !important;
+            }
+          </style>
+        </div><br>
+
+        <div class="container" >
+          <div class="row mt-2"
+            style="display: flex; flex-direction: row; align-items: stretch; justify-content: space-around;">
+
+            <div class="col-lg-4">
+              <div class="info">
+                <div class="address">
+                  <i class="fa fa-location-dot"></i>
+                  <h4>Location:</h4>
+                  <p><a href="https://www.google.com/maps/search/?api=1&query=IGDTUW,Delhi" target="_blank">IGDTUW,
+                      Delhi</a></p>
+                </div>
 
-      <div class="container">
         <div class="row mt-5">
 
           <div class="col-lg-4">
@@ -602,30 +630,48 @@ <h4>Call:</h4>
             </div>
           </div><br><br>
 
-          <div class="col-lg-8 mt-5 mt-lg-0">
-            <form action="" role="form" class="php-email-form">
-              <div class="row">
-                <div class="col-md-6 form-group">
-                  <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
+
+                <div class="email">
+                  <i class="fa fa-envelope"></i>
+                  <h4>Email:</h4>
+                  <p><a href="mailto:rapidoc@mail.com">rapidoc@mail.com</a></p>
                 </div>
-                <div class="col-md-6 form-group mt-3 mt-md-0">
-                  <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
+
+                <div class="phone">
+                  <i class="fa fa-phone"></i>
+                  <h4>Call:</h4>
+                  <p><a href="tel:+91 1234567890">+91 1234567890</a></p>
                 </div>
               </div>
-              <div class="form-group mt-3">
-                <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
-              </div>
-              <div class="form-group mt-3">
-                <textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
-              </div>
-              <div class="text-center"><button type="submit">Send Message</button></div>
-            </form>
+            </div><br><br>
+
+          
+            <div class="col-lg-8 mt-5 mt-lg-0">
+              <form action="" role="form" class="php-email-form">
+                <div class="row">
+                  <div class="col-md-6 form-group">
+                    <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required=""
+                      fdprocessedid="b0eyy">
+                  </div>
+                  <div class="col-md-6 form-group mt-3 mt-md-0">
+                    <input type="email" class="form-control" name="email" id="email" placeholder="Your Email"
+                      required="" fdprocessedid="ajhhhr">
+                  </div>
+                </div>
+                <div class="form-group mt-3">
+                  <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required=""
+                    fdprocessedid="mbdam9">
+                </div>
+                <div class="form-group mt-3">
+                  <textarea class="form-control" name="message" rows="5" placeholder="Message" required=""></textarea>
+                </div>
+                <div class="text-center"><button type="submit" fdprocessedid="dyl49d">Send Message</button></div>
+              </form>
 
+            </div>
           </div>
 
         </div>
-
-      </div>
     </section><!-- End Contact Section -->
 
 
@@ -667,10 +713,20 @@ <h1>Give Us Your Valuable Feedback.</h1>
 
   </main><!-- End #main -->
 
-
+  <hr>
   <!-- ############### Footer ############### -->
 
 
+  <footer id="footer">
+    <div class="footer-top" >
+      <div class="container" >
+        <div class="row-d" >
+
+
+
+
+
+
   <div class="col-lg-3 col-md-6">
     <div class="footer-info">
       <h3>RapiDoc</h3>
@@ -760,6 +816,24 @@ <h3>
       </div>
     </div>
 
+
+    <div class="container" >
+      <div class="copyright">
+        &copy; 2024 Copyright <strong><span>RapiDoc</span></strong>. All Rights Reserved
+      </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"
+        class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
+        <path
+          d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z" />
+      </svg>
+    </div>
+  </div>
+
     <!-- Copyright -->
     <div id="copyright" style="text-align: center">
       <p style="align-items: center">
@@ -775,11 +849,40 @@ <h3>
   <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
       class="bi bi-arrow-up-short"></i></a>
 
+
   <!-- JS Files -->
   <script>
     var currentYear = new Date().getFullYear();
     document.getElementById('year').textContent = currentYear;
   </script>
+
+
+  <script>
+    document.addEventListener("DOMContentLoaded", function () {
+      const backToTopButton = document.getElementById('back-to-top-container');
+
+      function checkButtonVisibility() {
+        if (window.innerWidth > 100 && window.scrollY > 100) {
+          backToTopButton.style.display = 'block';
+        } else {
+          backToTopButton.style.display = 'none';
+        }
+      }
+
+      window.addEventListener('scroll', checkButtonVisibility);
+      window.addEventListener('resize', checkButtonVisibility);
+
+      backToTopButton.addEventListener('click', function () {
+        window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      });
+      checkButtonVisibility();
+    });
+
+  </script>
+
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
@@ -805,6 +908,7 @@ <h3>
        });
    </script>
 
+
   <script src="bootstrap/js/bootstrap.bundle.min.js"></script>
   <script src="glightbox/js/glightbox.min.js"></script>
   <script src="php-email-form/validate.js"></script>
diff --git a/style.css b/style.css
index 24887ad4..2a2f8af0 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,4 @@
-body{
+body {
   font-family: "Open Sans", sans-serif;
   color: #fff;
   background-color: #000;
@@ -14,7 +14,12 @@ a:hover {
   text-decoration: none;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: "Raleway", sans-serif;
 }
 
@@ -50,7 +55,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .container {
-  display: flex;
+  /* display: ; */
   font-family: sans-serif;
   padding-top: 80px;
 }
@@ -92,7 +97,7 @@ h1, h2, h3, h4, h5, h6 {
 
 }
 
-.container-head{
+.container-head {
   display: grid;
   align-items: center;
   grid-template-columns: 1fr 2fr 13fr 3fr;
@@ -170,13 +175,14 @@ h1, h2, h3, h4, h5, h6 {
   position: relative;
 }
 
-.navbar > ul > li {
+.navbar>ul>li {
   position: relative;
   white-space: nowrap;
   padding: 8px 0 8px 20px;
 }
 
-.navbar a, .navbar a:focus {
+.navbar a,
+.navbar a:focus {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -188,13 +194,17 @@ h1, h2, h3, h4, h5, h6 {
   padding: 5px 2px;
 }
 
-.navbar a i, .navbar a:focus i {
+.navbar a i,
+.navbar a:focus i {
   font-size: 12px;
   line-height: 0;
   margin-left: 5px;
 }
 
-.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
+.navbar a:hover,
+.navbar .active,
+.navbar .active:focus,
+.navbar li:hover>a {
   color: #55a5ea;
   border-color: #55a5ea;
 }
@@ -218,6 +228,7 @@ h1, h2, h3, h4, h5, h6 {
   .mobile-nav-toggle {
     display: block;
   }
+
   .navbar ul {
     display: none;
   }
@@ -254,7 +265,7 @@ h1, h2, h3, h4, h5, h6 {
   transition: 0.3s;
 }
 
-.navbar-mobile > ul > li {
+.navbar-mobile>ul>li {
   padding: 0;
 }
 
@@ -265,13 +276,16 @@ h1, h2, h3, h4, h5, h6 {
   border: none;
 }
 
-.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
+.navbar-mobile a:hover,
+.navbar-mobile .active,
+.navbar-mobile li:hover>a {
   color: #3fbcc0c6;
 }
 
 .navbar-mobile .getstarted {
   margin: 15px;
 }
+
 /*################----Sections General----################*/
 section {
   padding: 50px 0;
@@ -284,10 +298,10 @@ section {
 
 .section-title {
   /* text-align: left; */
-  padding-left:50px;
-  padding-right:50px;
-  margin-left:15%;
-  margin-right:15%;
+  padding-left: 50px;
+  padding-right: 50px;
+  margin-left: 15%;
+  margin-right: 15%;
   text-align: center;
   /* text-align: left; */
 }
@@ -337,9 +351,11 @@ section {
   background-size: cover;
   margin-bottom: -200px;
 }
-#home .multiple-text{
+
+#home .multiple-text {
   color: #55a5ea;
 }
+
 #home .container {
   position: relative;
   margin-top: 150px;
@@ -373,7 +389,8 @@ section {
   color: #fff;
   background: #55a5ea;
 }
-#home video{
+
+#home video {
   margin-top: -70px;
   margin-left: 50px;
   height: 900px;
@@ -388,7 +405,7 @@ section {
 
 @media (min-width: 1024px) {
   #home {
-    background-attachment:fixed;
+    background-attachment: fixed;
   }
 }
 
@@ -397,13 +414,16 @@ section {
     margin-bottom: 0;
     height: 100vh;
   }
+
   #home .container {
     padding-bottom: 63px;
   }
+
   #home h1 {
     font-size: 28px;
     line-height: 36px;
   }
+
   #home h2 {
     font-size: 18px;
     line-height: 24px;
@@ -431,8 +451,8 @@ section {
   transition: all 0.3s ease-in-out;
   border-radius: 50px;
   z-index: 1;
-    transform: translateY(0);
-    transition: transform 0.5s ease;
+  transform: translateY(0);
+  transition: transform 0.5s ease;
 }
 
 .featured-services .icon-box::before {
@@ -463,6 +483,7 @@ section {
   color: #3fbcc0a4;
   transition: all 0.3s ease-in-out;
 }
+
 .featured-services .icon2 {
   margin-bottom: 15px;
 }
@@ -473,6 +494,7 @@ section {
   color: #55a5ea;
   transition: all 0.3s ease-in-out;
 }
+
 .featured-services .icon3 {
   margin-bottom: 15px;
 }
@@ -483,6 +505,7 @@ section {
   color: #55a5ea;
   transition: all 0.3s ease-in-out;
 }
+
 .featured-services .icon4 {
   margin-bottom: 15px;
 }
@@ -510,20 +533,24 @@ section {
   margin-bottom: 0;
 }
 
-.featured-services .icon-box:hover .title a, .featured-services .icon-box:hover .description {
+.featured-services .icon-box:hover .title a,
+.featured-services .icon-box:hover .description {
   color: #f7f4f4;
 }
 
-.featured-services .icon-box:hover .icon1 i{
+.featured-services .icon-box:hover .icon1 i {
   color: red;
 }
-.featured-services .icon-box:hover .icon2 i{
+
+.featured-services .icon-box:hover .icon2 i {
   color: rgb(235, 17, 235);
 }
-.featured-services .icon-box:hover .icon3 i{
+
+.featured-services .icon-box:hover .icon3 i {
   color: orange;
 }
-.featured-services .icon-box:hover .icon4 i{
+
+.featured-services .icon-box:hover .icon4 i {
   color: greenyellow;
 }
 
@@ -535,6 +562,7 @@ section {
   color: #55a5ea;
   margin-bottom: 15px;
 }
+
 .about .icon-boxes h3 {
   font-size: 28px;
   font-weight: 700;
@@ -578,7 +606,7 @@ section {
 
 .about .icon-box .title {
   margin-left: 85px;
-  
+
   font-weight: 700;
   margin-bottom: 10px;
   font-size: 18px;
@@ -602,7 +630,7 @@ section {
 }
 
 .about .video-box {
-  background: url("../img/about.png") center center no-repeat;  
+  background: url("../img/about.png") center center no-repeat;
   background-size: cover;
   height: 300px;
   top: 50px;
@@ -676,6 +704,7 @@ section {
     transform: scale(0.6, 0.6);
     opacity: 1;
   }
+
   100% {
     transform: scale(1, 1);
     opacity: 0;
@@ -687,6 +716,7 @@ section {
     transform: scale(0.6, 0.6);
     opacity: 1;
   }
+
   100% {
     transform: scale(1, 1);
     opacity: 0;
@@ -703,52 +733,69 @@ section {
 
 .counts .count-box {
   box-shadow: -10px -5px 40px 0 rgba(0, 0, 0, 0.1);
-  padding: 50px;
+  padding: 50px 80px;
   margin: 5%;
-  width: calc(100%-15px);
-  background:#1c413b;
-  align-content: center;
+  width: calc(100%-5px);
+  height: 100%;
+  background: #1c413b;
+  align-content: space-evenly;
   border-radius: 15px;
   /* margin-top: 10px; */
 }
-.row-d{
+/* .row {
+  --bs-gutter-x: 1.5rem;
+  --bs-gutter-y: 0;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(var(--bs-gutter-y)* -1);
+  margin-right: calc(var(--bs-gutter-x) / -2);
+  margin-left: calc(var(--bs-gutter-x) / -2);
+} */
+
+.row-d {
   display: flex;
-  /* margin:10px 20px 10px 20px; */
+  margin: 0px 20px 0px 20px;
   align-items: center;
+  justify-content: space-between;
+  /* flex-wrap: wrap; */
 
 }
+
 .counts .count-box i {
   font-size: 30px;
   color: #fcfcfc;
   float: left;
 }
 
-.counts .count-box span{
+.counts .count-box span {
   font-size: 42px;
   line-height: 24px;
-  display: block;
+  display: inline-block;
   font-weight: 700;
   color: #f9f4f4;
   margin-left: 50px;
 }
-.container .drop .content span{
+
+.container .drop .content span {
   font-size: 42px;
   line-height: 24px;
-  display: block;
+  display: inline-block;
   font-weight: 700;
   color: #faf8f8;
 }
-.container .drop .content p{
+
+.container .drop .content p {
   font-size: 30px;
   line-height: 24px;
-  display: block;
+  display: inline-block;
   justify-content: center;
   font-weight: 700;
   color: #f8f8f8;
 }
+
 .counts .count-box p {
   padding: 30px 0 0 0;
-  margin: 0;
+  /* margin: 0; */
   font-family: "Roboto", sans-serif;
   font-size: 14px;
   color: #fffcfc;
@@ -757,7 +804,7 @@ section {
 .counts .count-box a {
   font-weight: 600;
   display: block;
-  margin-top: 10px;
+  /* margin-top: 10px; */
   color: #faf8f8;
   font-size: 15px;
   font-family: "Poppins", sans-serif;
@@ -773,8 +820,14 @@ section {
 /*################----Services----################*/
 .services .icon-box {
   text-align: center;
+  margin-left: 80px;
+  margin-right: 80px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
   border: 1px solid #0a0a0a;
-  padding: 80px 20px;
+  padding: 30px 20px;
   transition: all ease-in-out 0.3s;
   background-color: #1c413b;
 }
@@ -825,8 +878,10 @@ section {
   line-height: 24px;
   font-size: 14px;
   margin-bottom: 0;
-  
+
+
 }
+
 .services .icon-box:hover {
   background: #55a5ea;
   border-color: #3fbbc0;
@@ -844,21 +899,23 @@ section {
   background: #3291e6;
 }
 
-.services .icon-box:hover h4 a, .services .icon-box:hover p {
+.services .icon-box:hover h4 a,
+.services .icon-box:hover p {
   color: #111111;
 }
 
 
 
 /*################----Appointments----################*/
-.layout{
+.layout {
   /*border: 2px solid #ccc; */
   background-color: #3fbcc051;
   border-radius: 30px;
   padding: 50px;
-  width: 700px; 
-  margin: 0 auto; 
+  width: 700px;
+  margin: 0 auto;
 }
+
 .appointment .php-email-form {
   width: 100%;
 }
@@ -867,8 +924,10 @@ section {
   padding-bottom: 8px;
 }
 
-.appointment .php-email-form input, .appointment .php-email-form textarea, .appointment .php-email-form select {
-  margin-left: 250px;
+.appointment .php-email-form input,
+.appointment .php-email-form textarea,
+.appointment .php-email-form select {
+  margin-left: 175px;
   border-radius: 0;
   box-shadow: none;
   font-size: 14px;
@@ -878,14 +937,17 @@ section {
   color: #6c757d;
 }
 
-.appointment .php-email-form input:focus, .appointment .php-email-form textarea:focus, .appointment .php-email-form select:focus {
+.appointment .php-email-form input:focus,
+.appointment .php-email-form textarea:focus,
+.appointment .php-email-form select:focus {
   border-color: #3fbcc0a6;
 
 }
 
-.appointment .php-email-form input, .appointment .php-email-form select {
+.appointment .php-email-form input,
+.appointment .php-email-form select {
   height: 44px;
-
+  width: 50%;
 }
 
 .appointment .php-email-form textarea {
@@ -912,6 +974,7 @@ section {
 /*################----Doctors----################*/
 .doctors {
   background: #000;
+  /* display: flex; */
 }
 
 .doctors .member {
@@ -919,11 +982,18 @@ section {
   position: relative;
   border-radius: 10px;
   padding: 30px;
+  margin: 10px 500px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
 }
 
 .doctors .member .pic {
   overflow: hidden;
   width: 180px;
+  /* margin: 0 130px; */
   border-radius: 50%;
 }
 
@@ -964,7 +1034,8 @@ section {
   bottom: 0;
   left: 0;
 }
-.doctors .nxt-pg button{
+
+.doctors .nxt-pg button {
   background: #55a5ea;
   border: 0;
   padding: 10px 35px;
@@ -974,9 +1045,10 @@ section {
   border-radius: 50px;
   color: white;
 }
-.doctors .nxt-pg button:hover{
 
-  background:#55a5ea;
+.doctors .nxt-pg button:hover {
+
+  background: #55a5ea;
 }
 
 
@@ -984,7 +1056,10 @@ section {
 /*################----Contact----################*/
 .contact .info {
   width: 100%;
-  background: #000;
+  background: #0a0a0a;
+  border-radius: 15px;
+  padding: 15px;
+  /* border: 2px; */
 }
 
 .contact .info i {
@@ -1017,13 +1092,16 @@ section {
   color: #fff;
 }
 
-.contact .info .email, .contact .info .phone {
+.contact .info .email,
+.contact .info .phone {
   margin-top: 40px;
 }
 
-.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
+.contact .info .email:hover i,
+.contact .info .address:hover i,
+.contact .info .phone:hover i {
   background: #55a5ea;
-  
+
 }
 
 .contact .php-email-form {
@@ -1035,7 +1113,8 @@ section {
   padding-bottom: 8px;
 }
 
-.contact .php-email-form input, .contact .php-email-form textarea {
+.contact .php-email-form input,
+.contact .php-email-form textarea {
   border-radius: 10px;
   box-shadow: none;
   font-size: 14px;
@@ -1044,6 +1123,7 @@ section {
 
 .contact .php-email-form input {
   height: 44px;
+  width: 100%;
 }
 
 .contact .php-email-form textarea {
@@ -1060,13 +1140,14 @@ section {
 }
 
 .contact .php-email-form button[type="submit"]:hover {
-  background:#55a5ea;
+  background: #55a5ea;
 }
 
 @-webkit-keyframes animate-loading {
   0% {
     transform: rotate(0deg);
   }
+
   100% {
     transform: rotate(360deg);
   }
@@ -1076,6 +1157,7 @@ section {
   0% {
     transform: rotate(0deg);
   }
+
   100% {
     transform: rotate(360deg);
   }
@@ -1084,49 +1166,55 @@ section {
 
 /*################--feedback###############*/
 
-.feedback{
+.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;
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
   margin: 50px;
   width: 60%;
   margin-left: 250px;
   padding: 20px;
 }
-.feedback h1{
+
+.feedback h1 {
   color: black;
   font-size: 2.0rem;
   margin-bottom: 0.3rem;
   font-family: "Poppins", sans-serif;
 }
-.feedback p{
+
+.feedback p {
   color: black;
   font-size: 1.1rem;
   font-family: "Poppins", sans-serif;
 }
-.emoji{
+
+.emoji {
   padding: 1rem 0;
   width: 20%;
   display: flex;
   justify-content: space-between;
 }
-.btn{
+
+.btn {
   background-color: transparent;
   border: none;
   font-size: 1.5rem;
   font-family: "Poppins", sans-serif;
   transition: 0.2s ease-in;
   cursor: pointer;
+
   &:hover {
     transform: scale(1.5);
   }
 }
 
-.ques{
+.ques {
   margin: 0.5rem 0;
 }
-.feedback #textarea{
+
+.feedback #textarea {
   padding: 1rem;
   width: 80%;
   background-color: transparent;
@@ -1134,21 +1222,24 @@ section {
   border-radius: 0.5rem;
   color: black;
   margin-bottom: 0.6rem;
-  &:active{
-    box-shadow: rgba(50, 50, 93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;
+
+  &:active {
+    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
   }
 }
 
-.radiobtn{
+.radiobtn {
   width: 40%;
   display: flex;
   justify-content: space-between;
-  
+
 }
-.one{
+
+.one {
   display: flex;
 }
-.input{
+
+.input {
   position: relative;
   font-family: "Poppins", sans-serif;
   font-size: 1rem;
@@ -1160,62 +1251,70 @@ section {
   display: flex;
   justify-content: center;
   align-items: center;
-  &::before{
+
+  &::before {
     content: " ";
     width: 1rem;
     height: 1rem;
     border-radius: 50%;
     transition: 0.2s;
   }
-  &:checked::before{
+
+  &:checked::before {
     background-color: #1977cc;
 
-  } 
+  }
 }
-.label{
+
+.label {
   color: black;
   font-family: "Poppins", sans-serif;
   font-size: 1.1rem;
   margin-left: 1rem;
 }
-.info{
+
+.info {
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   margin: 0.5rem 0;
 }
-.center{
+
+.center {
   margin-top: 2rem;
   text-align: center;
-  
-  .button{
+
+  .button {
     width: 15%;
     background-color: white;
     border-radius: 0.5rem;
     border: none;
     font-size: 1.4rem;
     font-family: "Poppins", sans-serif;
-    padding:1rem 4rem;
+    padding: 1rem 4rem;
     cursor: pointer;
     color: #000;
   }
-  .button:active{
+
+  .button:active {
     background-color: white;
     transform: scale(1.0);
 
   }
-  .button:hover{
-    background-color:rgb(63, 155, 124) ;
+
+  .button:hover {
+    background-color: rgb(63, 155, 124);
   }
 }
 
 
+
 #footer {
   background: #000;
-  /* padding: 0 0 30px 0; */
-  color: #fff;
-  font-size: 14px;
+  padding: 0 0 30px 0;
+color: #fff;
+font-size: 14px;
 }
 
 #footer .footer-top {
@@ -1281,7 +1380,8 @@ section {
 
 #footer .footer-top .footer-links ul i {
   padding-right: 2px;
-  color: #57a6ea;;
+  color: #57a6ea;
+  ;
   font-size: 18px;
   line-height: 1;
 }
@@ -1336,16 +1436,15 @@ section {
 }
 
 #footer .footer-top .footer-newsletter form input[type="submit"]:hover {
-  background: #57a6ea;;
+  background: #57a6ea;
+  ;
 }
 
 #footer .copyright {
   justify-content: center;
-  padding-top: 10px;
-  margin:auto;
+  /* padding-top: 10px; */
 }
 
-
 /*################----Back to top----################*/
 footer {
   position: relative;
@@ -1354,8 +1453,8 @@ footer {
 
 #back-to-top-container {
   position: fixed;
-  bottom: 100px; 
-  right: 47px; 
+  bottom: 100px;
+  right: 47px;
   cursor: pointer;
   z-index: 1000;
 }
@@ -1363,8 +1462,8 @@ footer {
 .circle {
   background-color: #00093d;
   border-radius: 50%;
-  width: 35px; 
-  height: 35px; 
+  width: 35px;
+  height: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1373,14 +1472,14 @@ footer {
 
 #back-to-top {
   width: 40px;
-  height: 40px; 
-  fill: #4178c0; 
+  height: 40px;
+  fill: #4178c0;
   color: #00093d;
   transition: fill 0.3s;
 }
 
 #back-to-top:hover {
-  fill: hsl(214, 50%, 60%); 
+  fill: hsl(214, 50%, 60%);
 }
 
 .back-to-top:hover {
@@ -1397,39 +1496,60 @@ footer {
 
 /* Style for pateint portal  */
 /* -----***************************************-----  */
- .patient-portal {
+.patient-portal {
   width: 90%;
-  max-width: 600px; /* Maximum width of the container */
-  margin: 0 auto; /* Centers the container */
-   padding: 20px; 
-   box-shadow: 0 4px 8px rgba(0,0,0,0.1);  
-   background-color: white;
-   text-align: center; 
-   margin-bottom: 7%;
-} 
+  max-width: 900px;
+  /* Maximum width of the container */
+  margin: 0 auto;
+  /* Centers the container */
+  padding: 20px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  background-color: #3fbcc051;
+  text-align: center;
+  margin-bottom: 7%;
+  border-radius: 20px;
+}
+
 /* Section title styling */
 .section-title h1 {
-  color: #29888a; /* Sets a blue color for the heading */
+  color: #29888a;
+  /* Sets a blue color for the heading */
   text-align: center;
 }
+
 .section-title p {
   text-align: center;
-  color: #000;
-  font-size: 16px;
+  color: white;
+  font-size: 20px;
 }
+
 /* Form styling */
 .form-group {
-  margin-bottom: 15px; /* Adds bottom margin for form-group */
+  margin-top: 15px;
+  margin-bottom: 15px;
+  /* Adds bottom margin for form-group */
+}
+
+
+.forgot-password {
+  margin-top: 20px;
 }
-.form-control{
-  width: 60%; /* Full width */
+
+.form-control {
+  width: 50%;
+  /* Full width */
+
   padding: 10px;
-  border: 1px solid #ccc; /* Light gray border */
-  border-radius: 4px; /* Rounded corners */
-  text-align: center;
+  border: 1px solid #ccc;
+  /* Light gray border */
+  border-radius: 4px;
+  /* Rounded corners */
+  /* text-align: center; */
 }
+
 button {
-  background-color: #29888a; /* Blue background for the button */
+  background-color: #29888a;
+  /* Blue background for the button */
   color: white;
   border: none;
   padding: 10px 20px;
@@ -1441,8 +1561,8 @@ button {
 .circle {
   background-color: #00093d;
   border-radius: 50%;
-  width: 35px; 
-  height: 35px; 
+  width: 35px;
+  height: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1451,12 +1571,12 @@ button {
 
 #back-to-top {
   width: 40px;
-  height: 40px; 
-  fill: #4178c0; 
+  height: 40px;
+  fill: #4178c0;
   color: #00093d;
   transition: fill 0.3s;
 }
 
 #back-to-top:hover {
-  fill: hsl(214, 50%, 60%); 
-}
+  fill: hsl(214, 50%, 60%);
+}
\ No newline at end of file
