added more content

pages/about.js

@@ -46,7 +46,20 @@ const About = () => {
                 <img src="/images/about-shape1.png" alt="About" />
                 <h2>{aboutHosp.title}</h2>
                 <p>{aboutHosp.desc}</p>
-                {/* <ul>
+                
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="services-area pb-70">
+            <div className="container">
+                <div className="section-title">
+                    <h2>What we offer</h2>
+                </div>
+
+                <ul>
                   <li>
                 <div className="list-item">
                     <i className="icofont-check-circled"></i>
@@ -67,12 +80,9 @@ const About = () => {
                     <p>{aboutHosp.list3}</p>
                     </div>
                   </li>
-                </ul> */}
+                </ul>
-              </div>
             </div>
-          </div>
         </div>
-      </div>
 
       <div className="counter-area counter-bg counter-area-four">
         <div className="container">
@@ -113,7 +123,17 @@ const About = () => {
 
       <OurExpertise />
 
-      <Services />
+      {/* <Services /> */}
+
+      <div className="services-area pb-70">
+            <div className="container">
+                <div className="section-title">
+                    <h2>Our Consultation Services</h2>
+                </div>
+
+                
+            </div>
+        </div>
 
       <TestimonialSlider />
 

public/css/style.css

@@ -4979,3 +4979,25 @@ footer {
   color: #344c5d;
 }
 /*# sourceMappingURL=style.css.map */
+
+.services-area ul li i {
+  display: inline-block;
+  margin-right: 10px;
+  color: #0046c0;
+  font-size: 23px;
+  position: relative;
+  top: 5px;
+}
+
+.services-area li{
+  list-style: none;
+  display: block;
+  font-size: 18px;
+  font-weight: 500;
+  color: #111111;
+}
+
+.services-area .list-item{
+  display: inline-flex;
+  gap: 2em;
+}