diff --git a/README.md b/README.md
index 553b1d2b..f7b93577 100644
--- a/README.md
+++ b/README.md
@@ -2,30 +2,21 @@
 
 ![RapidDoc](https://camo.githubusercontent.com/dd5e3080a7adc2ead8f86cbbd6577cee0a38439c0ebf195021ce41587b0a405f/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f6d61782f313430302f312a633459675258595161794f5657785633376f757272772e706e67)
 </center>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&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">
-<style>
-   :root{
-            --ff-philosopher: "Philosopher", sans-serif;
-            --ff-poppins: "Poppins", sans-serif;
-        }
-</style>
 
 <div align = "center">
 
 <div align="center">
 
-# <p style="font-family:var(--ff-philosopher);">RapiDoc.com</p>
+# <p>RapiDoc.com</p>
 [💬 Join the community on Slack](https://join.slack.com/t/newworkspace-ley5153/shared_invite/zt-2isvflg78-tMexsn50mxdwY4BEJ_W11g)<br>
 
-<i><p style="font-family:var(--ff-philosopher);">An online platform providing comprehensive information on nearby hospitals and healthcare facilities!</p></i>
+<i><p>An online platform providing comprehensive information on nearby hospitals and healthcare facilities!</p></i>
 
 </div>
 
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
-<table align="center" style="font-family:var(--ff-philosopher);">
+<table align="center">
     <thead align="center">
         <tr border: 1px;>
             <td><b><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Star.png" width="20" height="20"> Stars</b></td>
@@ -46,7 +37,7 @@
     </tbody>
 </table>
 </div>
-<h3 style="font-family:var(--ff-philosopher);"> <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" alt="Rocket" width="40" height="40" />Featured In</h3>
+<h3> <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" alt="Rocket" width="40" height="40" />Featured In</h3>
 
 <table style="font-family:var(--ff-philosopher);">
 
@@ -60,7 +51,7 @@
    </tr>
 
 </table>
-<h3 style="font-family:var(--ff-philosopher);"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Writing%20Hand%20Light%20Skin%20Tone.png" alt="Rocket" width="40" height="40" />Project Overview</h3>
+<h3><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Writing%20Hand%20Light%20Skin%20Tone.png" alt="Rocket" width="40" height="40" />Project Overview</h3>
 <p style="font-family:var(--ff-philosopher);">
 It is an online platform which enables you to get information about your nearest hospitals and healthcare facilities including important information like blood availablity in emergency, Opds and beds availability in your nearest/desired hospitals. It aims to address health-related issues. It is a one-stop destination for all your medical needs.</p>
 
@@ -72,7 +63,7 @@ It is an online platform which enables you to get information about your nearest
 
 <br><br>
 
-## <p style="font-family:var(--ff-philosopher);font-size:3rem;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" alt="Rocket" width="40" height="40" />Get Started</p>
+## <p style="font-size:3rem;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" alt="Rocket" width="40" height="40" />Get Started</p>
 
 ### Setup and Installation
 
@@ -115,6 +106,41 @@ It is an online platform which enables you to get information about your nearest
    ```
 9. **Create a Pull Request:**
    Go to the GitHub page of your forked repository. You should see a prompt to create a pull request (PR). Click on it, compare the changes, and create the PR.
+<br><br>
+
+<h1 align="center"><b>To run the project locally in your System<b></h1>
+
+1. _Fork the Repository:_
+   Click on the "Fork" button on the repository's GitHub page to create a copy of the repository in your GitHub account.
+
+   ![Screenshot (127)](https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-/assets/105973197/164ba1a7-d42e-4e4d-acbd-4bc81cf387d5)
+
+   ![Screenshot (128)](https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-/assets/105973197/21a47905-69ee-448f-a5c0-71ceb3c694d5)
+
+2. _Clone the repository:_
+   Clone the forked repository to your local machine using the following command in your terminal.
+
+   ```bash
+   git clone https://github.com/<your-github-username>/RAPIDOC-HEALTHCARE-WEBSITE
+   ```
+   ![Screenshot (129)](https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-/assets/105973197/88249cc4-5849-4472-b190-9d9bad2bb236)
+
+
+3. _Open the project in VS Code:_
+   Click on the open with vs code button , to make changes to the code using the text editor.
+
+   ![Screenshot (130)](https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-/assets/105973197/10644887-eb4b-4471-98bb-26e0b1bb4f07)
+
+4. _Clearly read the contribution guidelines:_
+   Make sure to follow the guidelines to contribute to this project.
+
+   ![Screenshot (131)](https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-/assets/105973197/342c364a-d908-48a4-9d12-2552298d87bd)
+
+5. _Find the Index.html file:_
+   Right click the file mentioned and click on "Open with Live Server"
+   This will redirect to the web-browser and load the landing page of the project
+
+   ![Screenshot (133)](https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-/assets/105973197/62044e1a-a644-467d-98ac-eabfac970ed9)
 
 <p style="font-family:var(--ff-philosopher);font-size:3rem;text-align:center;"><b>Contributing
 
@@ -128,8 +154,8 @@ To contribute to the RAPIDOC-HEALTHCARE-WEBSITE repository using GitHub Desktop,
 <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Rocket.png" width="20" height="20" >Proposing new features
 
 <div align="center">
-  <h2 style="font-family:var(--ff-philosopher);font-size:3rem;">Our Contributors <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" alt="Red Heart" width="40" height="40" /></h2>
-  <h3 style="font-family:var(--ff-philosopher);">Thank you for contributing to our repository</h3>
+  <h2 style="font-size:3rem;">Our Contributors <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" alt="Red Heart" width="40" height="40" /></h2>
+  <h3>Thank you for contributing to our repository</h3>
 
 <a href="https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-/graphs/contributors">
 <img src="https://contributors-img.web.app/image?repo=Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-"/>
@@ -139,5 +165,7 @@ To contribute to the RAPIDOC-HEALTHCARE-WEBSITE repository using GitHub Desktop,
 <p style="font-family:var(--ff-philosopher);font-size:3rem;"><b> Show some <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" alt="Red Heart" width="40" height="40" /> by starring this awesome repository!
 
 </div>
-<h3 style="font-family:var(--ff-philosopher);text-align:center;font-size:2rem;">
-If you find this project helpful, please consider giving it a star! <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Star.png" width="30" height="30"></p>
\ No newline at end of file
+<center>
+<h3 style="font-size:2rem;">
+If you find this project helpful, please consider giving it a star! <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Star.png" width="30" height="30"></p>
+</center>
diff --git a/index.html b/index.html
index f36ed74b..2206baae 100644
--- a/index.html
+++ b/index.html
@@ -406,7 +406,7 @@ <h4 class="title"><a href="">SERVICES</a></h4>
 
           <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch">
             <div class="count-box">
-              <i class="fas fa-location-arrow"></i>
+              <i class="fas fa-flask-vial"></i>
               <span data-purecounter-start="0" data-purecounter-end="23" data-purecounter-duration="1"
                 class="purecounter"></span>
               <p><strong>Nearest Labs</strong> <br><br>Test labs and clinics near you.</p><br>
@@ -440,8 +440,7 @@ <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="row">
-          <div class="col-lg-4 col-md-3 d-flex align-items-stretch ">
+          <div class="align-items-stretch ">
             <div class="icon-box">
               <div class="icon"><i class="fas fa-heartbeat"></i></div>
               <h4><a href="">Clinics/Labs</a></h4>
@@ -449,7 +448,7 @@ <h4><a href="">Clinics/Labs</a></h4>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 d-flex align-items-stretch ">
+          <div class="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>
@@ -457,7 +456,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 ">
+          <div class="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>
@@ -466,7 +465,7 @@ <h4><a href="">Daily Feed</a></h4>
             </div>
           </div>
 
-          <div class="col-lg-4  col-md-6 d-flex align-items-stretch ">
+          <div class="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>
@@ -474,7 +473,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 ">
+          <div class="align-items-stretch ">
             <div class="icon-box">
               <div class="icon"><i class="fas fa-wheelchair"></i></div>
               <h4><a href="">Disabled Person</a></h4>
@@ -482,17 +481,14 @@ <h4><a href="">Disabled Person</a></h4>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
+          <div class="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>
               <p>Weekly, monthly, yearly or each day, however you like it!</p>
             </div>
           </div>
-
         </div>
-
-      </div>
     </section><!-- End Services Section -->
 
     <!-- Add Patient Portal Section -->
diff --git a/style.css b/style.css
index 15eb01ac..cb76f3ac 100644
--- a/style.css
+++ b/style.css
@@ -889,7 +889,6 @@ section {
 
 /*################----Services----################*/
 .services .icon-box {
-  z-index: -1;
   text-align: center;
   margin-left: 80px;
   margin-right: 80px;
@@ -904,7 +903,6 @@ section {
 }
 
 .services .icon-box .icon {
-  
   margin: 0 auto;
   width: 64px;
   height: 64px;
@@ -919,14 +917,11 @@ section {
 }
 
 .services .icon-box .icon i {
-  
   color: #060606;
   font-size: 28px;
 }
 
 .services .icon-box .icon::before {
-  
- 
   position: absolute;
   content: '';
   left: -8px;
@@ -940,24 +935,26 @@ section {
 }
 
 .services .icon-box h4 {
-  
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 24px;
 }
 
 .services .icon-box h4 a {
- 
   color: #55a5ea;
 }
 
 .services .icon-box p {
- 
   line-height: 24px;
   font-size: 14px;
   margin-bottom: 0;
+}
 
-
+.services .container {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  /* gap: 20px; */
+  margin-top: 8px;
 }
 
 .services .icon-box:hover {
@@ -982,6 +979,31 @@ section {
   color: #111111;
 }
 
+/* Styles for medium screens */
+@media (max-width: 991px) {
+  .services .container {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+/* Styles for smaller screens */
+@media (max-width: 767px) {
+  .services .container {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* Additional smaller adjustments */
+@media (max-width: 575px) {
+  .services .icon-box {
+    padding: 20px;
+  }
+  .services .icon i {
+    font-size: 30px;
+  }
+}
+
+
 
 
 /*################----Appointments----################*/