diff --git a/Html-Files/services.html b/Html-Files/services.html
deleted file mode 100644
index 7dd0ac69..00000000
--- a/Html-Files/services.html
+++ /dev/null
@@ -1,1237 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>RapiDoc</title>
-    <link
-      rel="icon"
-      href="https://cdn-icons-png.flaticon.com/512/1458/1458279.png"
-    />
-    <!-- Bootstrap CSS -->
-    <link
-      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
-      rel="stylesheet"
-    />
-    <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="../style.css"> -->
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
-    />
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
-
-    <script type="text/javascript">
-      (function () {
-        emailjs.init({
-          publicKey: "o6kveYmOSDrs0l1Mg",
-        });
-      })();
-    </script>
-
-    <script
-      src="https://kit.fontawesome.com/b08b6de27e.js"
-      crossorigin="anonymous"
-    ></script>
-    <script src="https://unpkg.com/scrollreveal"></script>
-    <title>RapiDoc</title>
-    <link
-      href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
-      rel="stylesheet"
-    />
-
-    <!-- transalator -->
-    <script src="https://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
-
-    <!-- CSS Files -->
-    <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" />
-    <link href="boxicons/css/boxicons.min.css" rel="stylesheet" />
-    <link href="fontawesome-free/css/all.min.css" rel="stylesheet" />
-    <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="patient-portal.css" rel="stylesheet" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
-      integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
-    />
-    <style>
-      body {
-        font-family: Arial, sans-serif;
-        line-height: 1.6;
-        margin: 0;
-        padding: 0;
-        background-color: #000;
-        color: #fff;
-      }
-
-      ::-webkit-scrollbar {
-        width: 10px;
-      }
-
-      ::-webkit-scrollbar-thumb {
-        background-color: #3fbcc0;
-        border-radius: 10px;
-      }
-
-      ::-webkit-scrollbar-thumb:hover {
-        background-color: #005253;
-        border-radius: 10px;
-      }
-
-      ::-webkit-scrollbar-track {
-        background-color: #011212;
-      }
-
-      .section-title {
-        color: #00d9ffc2;
-        /* Light blue section titles */
-        font-size: 1.5em;
-        margin-top: 20px;
-      }
-
-      .section-content {
-        margin-top: 10px;
-      }
-
-      .nav_link li {
-        margin-right: 1px;
-        /* Add space between items */
-        padding: 5px 10px;
-        display: inline-block;
-        color: white;
-      }
-
-      .nav_link li a {
-        transition: all 0.3s ease 0s;
-        color: white;
-        text-decoration: none;
-      }
-
-      .nav_link li a:hover {
-        color: #55a5ea;
-      }
-
-      #header {
-        position: relative;
-        top: 12px;
-      }
-
-      .header_container {
-        background-color: #022a2d;
-        opacity: 0.9;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-        height: 85px;
-        margin: auto;
-        margin-top: -48px;
-        /* Adjust this value to move the header down */
-        padding-top: 15px;
-        position: fixed;
-        z-index: 101;
-      }
-
-      .iti--allow-dropdown input {
-        padding-left: 50px;
-        background-color: black; /* Adjust padding to prevent overlap */
-      }
-
-      .iti.iti--allow-dropdown {
-        margin-left: 250px;
-      }
-
-      .sec-img {
-        max-width: 50%;
-        width: 600px;
-        height: 600px;
-        margin-left: auto;
-      }
-
-      .btn-get-started {
-        display: inline-block;
-        background-color: #55a5ea;
-        color: #fff;
-        padding: 10px 20px;
-        text-decoration: none;
-        border-radius: 5px;
-        margin-top: 20px;
-      }
-      .btn-get-started:hover {
-        background-color: green;
-        color: white;
-      }
-      select {
-        padding: 1px;
-        background-color: #55a5ea;
-        color: white;
-        height: 5vh;
-        width: 17vh;
-      }
-      option {
-        background-color: #55a5ea;
-        color: white;
-      }
-      .hamburger {
-        display: none;
-        cursor: pointer;
-        position: absolute;
-        top: 29px;
-        left: 1.5%;
-      }
-      button {
-        background-color: hwb(181 16% 46%);
-        color: white;
-        border: none;
-        padding: 10px 20px;
-        border-radius: 4px;
-        cursor: pointer;
-      }
-      .line {
-        width: 30px;
-        height: 5px;
-        margin: 4px 4px;
-        background-color: white;
-      }
-      .img p{
-        display: none; 
-        color: white;
-        font-size: 1.4rem;
-        font-family: "Poppins";
-      }
-      @media only screen and (max-width: 820px) {
-        .hamburger {
-          display: block;
-        }
-        .header_container {
-          flex-direction: column;
-          align-items: start;
-          height: 27.8rem;
-          transition: 0.55s all ease-out;
-          width: 100%;
-          /* padding-top: 5px; */
-        }
-        .nav_link {
-          display: flex;
-          flex-direction: column;
-          position: relative;
-          right: 32px;
-        }
-        .nav-h {
-          height: 5.5rem;
-          width: 100vw;
-        }
-        .vis-h {
-          opacity: 0;
-        }
-        .img img{
-          display: none;
-        }
-        .img p{
-          display: block;
-          position: relative;
-          left: 300px;
-          bottom: -8px;
-        }
-      }
-
-      @media screen and (max-width: 768px) {
-        .content {
-          text-align: center;
-          padding: 10px;
-        }
-
-        .sec-img {
-          max-width: 100%;
-          margin: 20px 0;
-          position: relative;
-          top: 0;
-          right: 0;
-        }
-      }
-
-      .footer {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        max-width: 1280px;
-        width: 95%;
-        background: #3fbcc051;
-        border-radius: 6px;
-      }
-
-      .footer .footer-row {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-        gap: 3.5rem;
-        padding: 60px;
-      }
-
-      .footer-row .footer-col h4 {
-        color: #f0f0f0;
-        font-size: 1.2rem;
-        font-weight: 400;
-      }
-
-      .footer-col .links {
-        margin-top: 20px;
-      }
-
-      .footer-col .links li {
-        list-style: none;
-        margin-bottom: 10px;
-      }
-
-      .footer-col .links li a {
-        text-decoration: none;
-        color: #bfbfbf;
-      }
-
-      .footer-col .links li a:hover {
-        color: #fff;
-      }
-
-      .footer-col p {
-        margin: 20px 0;
-        color: #bfbfbf;
-        max-width: 300px;
-      }
-
-      .footer-col form {
-        display: flex;
-        gap: 5px;
-      }
-
-      .footer-col input {
-        height: 40px;
-        border-radius: 6px;
-        background: none;
-        width: 100%;
-        outline: none;
-        border: 1px solid #7489c6;
-        caret-color: #fff;
-        color: #fff;
-        padding-left: 10px;
-      }
-
-      .footer-col input::placeholder {
-        color: #ccc;
-      }
-
-      .footer-col form button {
-        background: #fff;
-        border: none;
-        color: #08434551;
-        padding: 10px 15px;
-        border-radius: 6px;
-        cursor: pointer;
-        font-weight: 1000;
-        transition: 0.2s ease;
-      }
-
-      .footer-col form button:hover {
-        background: #cecccc;
-      }
-
-      /*
- .icons {
-  display: flex;
-  margin-top: 30px;
-  gap: 30px;
-  cursor: pointer;
-}
-
- .icons i {
-  color: #afb6c7;
-}
-
- .icons i:hover {
-  color: #fff;
-}
-*/
-      @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%;
-        }
-
-        .footer-col form button {
-          margin: 10px 0 0 0;
-        }
-      }
-
-      /*################----Back to top----################*/
-      footer {
-        position: relative;
-        padding: 50px 0;
-      }
-
-      #back-to-top-container {
-        position: fixed;
-        bottom: 100px;
-        right: 47px;
-        cursor: pointer;
-        z-index: 1000;
-      }
-
-      .circle {
-        background-color: #00093d;
-        border-radius: 50%;
-        width: 35px;
-        height: 35px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        transition: background-color 0.3s;
-      }
-
-      #back-to-top {
-        width: 40px;
-        height: 40px;
-        fill: #4178c0;
-        color: #00093d;
-        transition: fill 0.3s;
-      }
-
-      #back-to-top:hover {
-        fill: hsl(214, 50%, 60%);
-      }
-
-      .back-to-top:hover {
-        background: #3fbcc0cd;
-        color: #fff;
-      }
-
-      .back-to-top.active {
-        visibility: visible;
-        opacity: 1;
-      }
-
-      :root {
-        --text-color: #959da5;
-        --footer-bg: #3fbcc051;
-        --footer-bottom-bg: #3fbcc051s;
-        --white: white;
-        --link-color: #959da5;
-        --link-hover: #2f81cf;
-        --button-border: #848d97;
-      }
-
-      .subscribe-btn {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        max-width: 8rem;
-        color: var(--white);
-        text-decoration: none;
-        font-size: 1rem;
-        height: 3rem;
-        font-weight: 700;
-        white-space: nowrap;
-        vertical-align: middle;
-        user-select: none;
-        border: 1px solid var(--link-color);
-        border-radius: 0.375rem;
-        transition: all 0.2s ease-in-out;
-      }
-
-      .subscribe-btn:hover {
-        border: 3px solid var(--white);
-      }
-
-      /*? footer containers */
-      footer {
-        bottom: 0;
-        background-color: var(--footer-bg);
-        width: 100%;
-        min-width: 20re;
-        bottom: 0;
-        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-logo-columns {
-        list-style-type: none;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        flex-grow: 4;
-        gap: 3rem 1rem;
-      }
-
-      .footer-logo {
-        margin-bottom: 2rem;
-        width: 3rem;
-      }
-
-      .footer-logo-column {
-        display: flex;
-        grid-area: footer-logo;
-        flex-direction: column;
-        min-width: 16rem;
-        flex-grow: 1;
-        padding-right: 0.5rem;
-      }
-
-      .footer-logo-column p {
-        color: var(--text-color);
-        font-size: 0.95rem;
-        margin-bottom: 1.5rem;
-      }
-
-      .footer-logo-column h3 {
-        color: var(--white);
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-      }
-
-      /* other columns */
-
-      .other-columns {
-        display: inline-grid;
-        grid-template-columns: repeat(2, 1fr);
-        width: 100%;
-        gap: 2rem 1rem;
-        padding-top: 2rem;
-      }
-
-      .other-columns ul {
-        display: flex;
-        gap: 0.75rem;
-        list-style-type: none;
-        padding: 0;
-        margin: 0;
-        flex-direction: column;
-        font-weight: 600;
-      }
-
-      .other-columns ul a {
-        color: var(--text-color);
-        text-decoration: none;
-        font-size: 0.85rem;
-      }
-
-      .other-columns h3 {
-        color: var(--link-color);
-        margin-bottom: 1rem;
-        font-size: 1rem;
-        font-family: ui-monospace, monospace;
-      }
-
-      .footer-logo svg {
-        fill: var(--white);
-      }
-
-      /*? Footer bottom */
-
-      /* Remove underline from all links in the footer sections */
-      .links a {
-        position: relative;
-        text-decoration: none;
-        color: inherit;
-        /* Optional: Use this if you want the link to inherit the color from its parent element */
-        transition: color 0.3s ease;
-        /* Smooth transition effect */
-      }
-
-      /* Add the underline effect */
-      .links a::after {
-        content: "";
-        position: absolute;
-        width: 0;
-        height: 2px;
-        /* Adjust the thickness of the underline */
-        bottom: -2px;
-        /* Adjust position if needed */
-        left: 0;
-        background-color: #000;
-        /* Change this to your desired underline color */
-        transition: width 0.3s ease;
-        transition-delay: 0.1s;
-        /* Optional: Adds a slight delay to the animation */
-      }
-
-      .links a:hover {
-        color: #000;
-        /* Change text color to black */
-      }
-
-      /* Hover effect */
-      .links a:hover::after {
-        width: 100%;
-        left: 0;
-        /* Reset to left 0 to create the effect from right to left */
-        right: auto;
-      }
-
-      .footer-bottom {
-        width: 100%;
-        color: var(--text-color);
-        background-color: var(--footer-bottom-bg);
-      }
-
-      .footer-bottom-wrapper {
-        display: flex;
-        max-width: 80rem;
-        margin: 0 auto;
-        gap: 1rem;
-        width: 100%;
-        flex-wrap: wrap;
-        justify-content: space-between;
-        align-items: center;
-        align-content: center;
-        padding: 1rem;
-      }
-
-      .footer-bottom small {
-        font-size: 1rem;
-        display: inline;
-        white-space: nowrap;
-      }
-
-      .footer-bottom-links {
-        text-decoration: none;
-        list-style-type: none;
-        display: inline-flex;
-        flex-wrap: wrap;
-        justify-content: center;
-        gap: 1rem;
-      }
-
-      .footer-bottom-links a {
-        color: var(--link-color);
-        text-decoration: none;
-        white-space: nowrap;
-      }
-
-      .footer-bottom-links a:hover {
-        color: var(--link-hover);
-        text-decoration: none;
-      }
-
-      .footer-bottom > small {
-        font-size: 1rem;
-        margin: 0 auto;
-        width: 100%;
-      }
-
-      /*? socials */
-      .social-wrapper {
-        display: flex;
-        gap: 0.5rem;
-        margin: 0 auto;
-      }
-
-      .social-links {
-        display: inline-flex;
-        gap: 0.5rem;
-        align-items: center;
-      }
-
-      .social-links img {
-        width: 1.5rem;
-        height: 1.5rem;
-        transition: all 0.2s ease-in-out;
-      }
-
-      .social-links img:hover {
-        transform: scale(1.1);
-      }
-
-      .social-links ul {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 0.75rem;
-        list-style-type: none;
-      }
-
-      .footer-bottom-wrapper {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-      }
-
-      @media (min-width: 600px) {
-        .other-columns {
-          display: grid;
-          grid-template-columns: repeat(4, 1fr);
-        }
-
-        .footer-bottom-wrapper {
-          flex-direction: row;
-        }
-
-        .footer-bottom-wrapper small {
-          font-size: smaller;
-        }
-
-        .footer-bottom-links {
-          margin-left: 1.5rem;
-        }
-      }
-
-      @media (max-width: 800px) {
-        .footer-top {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          text-align: center;
-          padding: 1rem 0.5rem 2rem 0.5rem;
-        }
-      }
-      #abc :hover {
-        background: #55a5ea;
-        border-color: #3fbbc0;
-      }
-
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        font-family: "Raleway", sans-serif;
-      }
-
-      /* General form section styles */
-.form-section {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 15px;
-}
-
-.form-section label {
-  margin-bottom: 5px;
-  font-weight: bold;
-  color: #e0f7e4;
-}
-
-.form-section input,
-.form-section select,
-.form-section textarea {
-  padding: 8px;
-  border: 1px solid #5a7f5a;
-  border-radius: 5px;
-  font-size: 14px;
-  box-sizing: border-box;
-  background-color: #005253;
-  color: #e0f7e4;
-}
-
-.form-section textarea {
-  resize: vertical;
-  height: 80px;
-}
-
-/* Specific styles for checkbox and patient ID */
-.form-section .existing-patient-container {
-  display: flex;
-  align-items: center;
-  margin-bottom: 15px; /* Adjust margin for spacing */
-}
-
-.form-section .existing-patient-container input[type="checkbox"] {
-  margin-right: 10px;
-}
-
-.form-section input#patient-id {
-  margin-top: 10px;
-  display: none;
-}
-
-/* Styles for the buttons */
-#appointment-form button {
-  display: block;
-  width: 100%;
-  padding: 10px;
-  background-color: #4caf50;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  font-size: 16px;
-  cursor: pointer;
-  margin-top: 20px;
-}
-
-#appointment-form button:hover {
-  background-color: #45a045;
-}
-
-/* Styles for preview section */
-#preview-section {
-  margin-top: 30px;
-  background-color: #2e462e;
-  padding: 20px;
-  border-radius: 10px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-}
-
-#preview-section h2 {
-  text-align: center;
-  margin-bottom: 20px;
-  color: #e0f7e4;
-}
-
-#preview-details {
-  font-size: 16px;
-  line-height: 1.5;
-  color: #e0f7e4;
-}
-
-#preview-section button {
-  display: inline-block;
-  width: auto;
-  padding: 10px 20px;
-  margin: 10px 5px 0 0;
-  background-color: #4caf50;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  font-size: 16px;
-  cursor: pointer;
-}
-
-#preview-section button:hover {
-  background-color: #45a045;
-}
-
-#preview-section button:last-child {
-  background-color: #e53935;
-}
-
-#preview-section button:last-child:hover {
-  background-color: #d32f2f;
-}
-
-/* Additional responsive styles */
-@media (max-width: 768px) {
-  .form-section {
-    flex-direction: column;
-  }
-
-  #appointment-form button {
-    font-size: 14px;
-  }
-
-  #preview-section button {
-    font-size: 14px;
-  }
-}
-@media screen and (max-width: 767px) {
-  small {
-    font-size: 12px; 
-    padding: 8px 0;
-  }
-}
-
-@media screen and (max-width: 480px) {
-  small {
-    font-size: 10px; 
-    padding: 6px 0;
-  }
-}
-
-/* Main container */
-.featured-services .container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-/* Each service box */
-.featured-services .icon-box {
-    background: #fff;
-    border-radius: 8px;
-    padding: 30px;
-    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
-    text-align: center;
-    transition: all 0.3s ease-in-out;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background-color: #07f6fa;
-}
-
-/* Icon styling */
-.featured-services .icon-box .icon1, 
-.featured-services .icon-box .icon2, 
-.featured-services .icon-box .icon3, 
-.featured-services .icon-box .icon4 {
-    font-size: 36px;
-    margin-bottom: 15px;
-    color: #5cb874; /* Adjust icon color as needed */
-}
-
-/* Title styling */
-.featured-services .icon-box .title {
-    font-size: 20px;
-    font-weight: 700;
-    margin-bottom: 15px;
-}
-
-/* Description styling */
-.featured-services .icon-box .description {
-    font-size: 14px;
-    color: #555;
-}
-
-/* Hover effects for the boxes */
-.featured-services .icon-box:hover {
-    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
-    transform: translateY(-10px);
-}
-
-    </style>
-    <link rel="stylesheet" href="chatbox.css" />
-    <!-- Google Fonts Link For Icons chatboxx -->
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0"
-    />
-    <link rel="stylesheet" href="./Css-Files/aboutus.css" />
-    <link rel="stylesheet" href="./Css-Files/testimonial.css" />
-    <script src="chatboxx.js" defer></script>
-    <style>
-      #progressBar {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 0%;
-        height: 8px;
-        background-color: #3fbcc0;
-        z-index: 9999;
-      }
-    </style>
-  </head>
-
-  <body>
-    <div id="progressBar"></div>
-    <script>
-      window.onscroll = function () {
-        var winScroll =
-          document.body.scrollTop || document.documentElement.scrollTop;
-        var height =
-          document.documentElement.scrollHeight -
-          document.documentElement.clientHeight;
-        var scrolled = (winScroll / height) * 100;
-        document.getElementById("progressBar").style.width = scrolled + "%";
-      };
-    </script>
-    <!-- ############# Header ############# -->
-    <header class="header_container nav-h" style="padding-right: 160px;">
-      <div class="img">
-        <img
-          id="rd-logo"
-          style="width: 90px; height: auto"
-          src="/assets/img/rd1.png"
-        />
-        <p>Rapidoc</p>
-      </div>
-      <nav class="nav_menu">
-        <ul class="nav_link vis-h">
-          <li>
-            <a href="/"><i class="bi bi-house-door-fill"></i> Home</a>
-          </li>
-          <li>
-            <a href="#about"><i class="bi bi-info-circle-fill"></i> About</a>
-          </li>
-          <li>
-            <a href="news.html"><i class="bi bi-newspaper"></i> News</a>
-          </li>
-          <li>
-            <a href="dex.html"><i class="bi bi-gear"></i> Service</a>
-          </li>
-          <li>
-            <a href="#patient-portal"
-              ><i class="bi bi-person"></i> Patient Portal</a
-            >
-          </li>
-          <li>
-            <a href="#doctors"><i class="bi bi-person-circle"></i> Doctor</a>
-          </li>
-          <li>
-            <a href="Html-Files/contact.html"
-              ><i class="bi bi-telephone"></i>Contact us</a
-            >
-          </li>
-          <li>
-            <a href="rateus.html"><i class="bi bi-star"></i>Rate Us</a>
-          </li>
-        </ul>
-        <div class="hamburger">
-          <div class="line"></div>
-          <div class="line"></div>
-          <div class="line"></div>
-        </div>
-      </nav>
-    </header>
-
-
-        <!-- ############ Featured Services Section ############ -->
-        <section id="featured-services" class="featured-services">
-          <div class="container" data-aos="fade-up">
-            <div class="row">
-              <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
-                <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
-                  <div class="icon1"><i class="fas fa-heartbeat"></i></div>
-                  <h4 class="title"><a href=".,/checkup.html"> Normal checkup</a></h4>
-                  <p class="description">Detect medical issues, identify risk factors and illnesses before they start to
-                    cause problems.</p>
-                </div>
-              </div>
-              <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">          
-                <div class="icon-box" data-aos="fade-up" data-aos-delay="400">
-                  <div class="icon2"><i class="fas fa-dna"></i></div>
-                  <h4 class="title"><a href="test.html">Blood Test</a></h4>
-                  <p class="description"> Get your tests done to look for signs of disease or agents that cause disease.</p>
-                </div>
-              </div>
-              <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
-                <div class="icon-box" data-aos="fade-up" data-aos-delay="300">
-                  <div class="icon3"><i class="fas fa-temperature-high"></i></div>
-                  <h4 class="title"><a href="">Body temperature</a></h4>
-                  <p class="description">Body temperature can be anywhere from 97 F to 99 F. Babies and children have a
-                    little higher range: 97.9 F to 100.4 F.</p>
-                </div>
-              </div>
-              <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
-                <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
-                  <div class="icon4"><i class="fas fa-hand-holding-medical"></i></div>
-                  <h4 class="title"><a href="medicine.html">Medicine use</a></h4>
-                  <p class="description">Know what to use when to use and how to use.
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section><!-- End Featured Services Section -->
-
-    <!-- Bootstrap JS and dependencies -->
-
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
-
-    <!-- ############### Footer ############### -->
-    <br /><br /><br /><br /><br /><br />
-    <footer>
-      <div class="footer-wrapper">
-        <div class="footer-columns">
-          <div class="other-columns">
-            <section>
-              <h4>Quick Links</h4>
-              <br />
-              <ul class="links">
-                <li><a href="/">Home</a></li>
-                <li><a href="#about">About Us</a></li>
-                <li><a href="contact.html">Contact Us</a></li>
-                <li><a href="#services">Services</a></li>
-                <li><a href="#doctors">Doctors</a></li>
-                <li><a href="./faq.html">FAQ</a></li>
-              </ul>
-            </section>
-            <section>
-              <h4>Explore</h4>
-              <br />
-              <ul class="links">
-                <li><a href="appointment.html">Appointment</a></li>
-                <li><a href="#">Patient Portal</a></li>
-                <li><a href="login.html">Login account</a></li>
-                <li><a href="../helpline.html">Helplines</a></li>
-                <li><a href="#">Location</a></li>
-              </ul>
-            </section>
-            <section>
-              <h4>Legal</h4>
-              <br />
-              <ul class="links">
-                <li>
-                  <a href="customer_agreement.html">Customer Agreement</a>
-                </li>
-                <li><a href="privacy_policy_page.html">Privacy Policy</a></li>
-                <li>
-                  <a href="terms_and_conditions.html">Terms and Conditions</a>
-                </li>
-                <li><a href="#">GDPR</a></li>
-                <li><a href="#">Security</a></li>
-                <li><a href="#test">Testimonials</a></li>
-              </ul>
-            </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: black;">SUBSCRIBE</button>
-              </form>
-            </section>
-          </div>
-        </div>
-      </div>
-      <div class="footer-bottom">
-        <div class="footer-bottom-wrapper">
-          <small
-            >© <span id="year"></span><span> RapiDoc</span>&nbsp;| All Rights
-            Reserved Made with ❤️ by RapiDoc</small
-          >
-          <style>
-            .social-wrapper a div i {
-              color: #afb6c7;
-            }
-            .social-wrapper a div i:hover {
-              color: #fff;
-            }
-          </style>
-          <div class="social-wrapper">
-            <div class="social-links">
-              <div style="margin-left: 100px; font-family: sans-serif">
-                <i>Follow&nbsp;Us&nbsp;:&nbsp;</i>
-              </div>
-              <a href="https://www.facebook.com/" target="_blank"
-                ><div><i class="fa-brands fa-facebook-f"></i></div
-              ></a>
-              <a href="https://www.twitter.com"
-                ><div><i class="fa-brands fa-twitter"></i>
-                  </div
-              ></a>
-              <a href="https://www.linkedin.com" target="_blank"
-                ><div><i class="fa-brands fa-linkedin"></i></div
-              ></a>
-              <a href="#" target="_blank"
-                ><div><i class="fa-brands fa-instagram"></i></div
-              ></a>
-              <a
-                href="https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-"
-                target="_blank"
-                ><div><i class="fa-brands fa-github"></i></div
-              ></a>
-              <a href="+91 1234567890" title="+91 1234567890" target="_blank"
-                ><div><i class="fa-solid fa-phone"></i></div
-              ></a>
-              <a href="info@rapidoc.com" target="_blank"
-                ><div><i class="fa-solid fa-envelope"></i></div
-              ></a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </footer>
-
-    <script>
-      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');
-      })
-      function toggleAnswer(id) {
-        var answer = document.getElementById(id);
-        if (answer) {
-          if (answer.style.display === "block") {
-            answer.style.display = "none";
-            document.getElementById(
-              "icon" + id.charAt(id.length - 1)
-            ).innerText = "➕";
-          } else {
-            answer.style.display = "block";
-            document.getElementById(
-              "icon" + id.charAt(id.length - 1)
-            ).innerText = "➖";
-          }
-        }
-      }
-    </script>
-    <script>
-      //// JavaScript working of scroll button when scrolling down
-      var backToTopBtn = document.getElementById("back-to-top");
-
-      if (backToTopBtn) {
-        backToTopBtn.addEventListener("click", function () {
-          document.body.scrollTop = 0; // For Safari
-          document.documentElement.scrollTop = 0; // For Chrome, Firefox, edge
-        });
-      }
-
-      // JavaScript to show scroll button when scrolling down
-      window.addEventListener("scroll", function () {
-        var scrollBtn = document.getElementById("back-to-top");
-        if (scrollBtn) {
-          if (
-            document.body.scrollTop > 20 ||
-            document.documentElement.scrollTop > 20
-          ) {
-            scrollBtn.style.display = "block";
-          } else {
-            scrollBtn.style.display = "none";
-          }
-        }
-      });
-    </script>
-  </body>
-</html>
