diff --git a/components/HomeOne/HeroSlider.js b/components/HomeOne/HeroSlider.js
index fc03ee2..6f6ef43 100755
--- a/components/HomeOne/HeroSlider.js
+++ b/components/HomeOne/HeroSlider.js
@@ -34,23 +34,24 @@ const HeroSlider = () => {
                 <div className="slider-item slider-item-img">
                     <div className="d-table">
                         <div className="d-table-cell">
-                            <div className="container">
-                                <div className="slider-text">
+                            <div className="container-fluid p-0">
+                                <div className="slider-text ">
                                     <div className="slider-shape">
-                                        <img src="/images/home-one/home-slider1.png" alt="Shape" />
-                                    </div>
-
-                                    <h1>Exceptional Health Care for Pregnant Mothers & Newborn</h1>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
-
-                                    <div className="common-btn">
-                                        <Link href="/appointment">
-                                            <a>Get Appointment</a>
-                                        </Link>
-                                        <Link href="/about">
-                                            <a className="cmn-btn-right">Learn More</a>
-                                        </Link>
+                                        <img src="/images/home-one/home-slider-1.png" alt="Shape" />
                                     </div>
+                                    <div className="slider-info">
+                                        <h1>Exceptional Health Care for Pregnant Mothers & Newborn</h1>
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
+                                  
+                                        <div className="common-btn">
+                                            <Link href="/appointment">
+                                             <a>Get Appointment</a>
+                                            </Link>
+                                            <Link href="/about">
+                                             <a className="cmn-btn-right">Learn More</a>
+                                            </Link>    
+                                        </div>   
+                                    </div>                                
                                 </div>
                             </div>
                         </div>
@@ -60,21 +61,23 @@ const HeroSlider = () => {
                 <div className="slider-item slider-item-img">
                     <div className="d-table">
                         <div className="d-table-cell">
-                            <div className="container">
+                             <div className="container-fluid p-0">
                                 <div className="slider-text">
                                     <div className="slider-shape-two">
-                                        <img src="/images/home-one/home-slider2.png" alt="Shape" />
+                                        <img src="/images/home-one/home-slider-2.png" alt="Shape" />
                                     </div>
-                                    <h1>Caring Health is Important Than All</h1>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
+                                   <div className="slider-infos">
+                                      <h1>Caring Health is Important Than All</h1>
+                                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
                                     
-                                    <div className="common-btn">
-                                        <Link href="/appointment">
+                                        <div className="common-btn">
+                                            <Link href="/appointment">
                                             <a>Get Appointment</a>
-                                        </Link>
-                                        <Link href="/about">
+                                            </Link>
+                                            <Link href="/about">
                                             <a className="cmn-btn-right">Learn More</a>
-                                        </Link>
+                                            </Link>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -85,21 +88,23 @@ const HeroSlider = () => {
                 <div className="slider-item slider-item-img">
                     <div className="d-table">
                         <div className="d-table-cell">
-                            <div className="container">
+                             <div className="container-fluid p-0">
                                 <div className="slider-text">
                                     <div className="slider-shape-three">
-                                        <img src="/images/home-one/home-slider3.png" alt="Shape" />
+                                        <img src="/images/home-one/home-slider-3.png" alt="Shape" />
                                     </div>
-                                    <h1>We Offer Highly Treatments</h1>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
+                                    <div className="slider-infos">
+                                      <h1>We Offer Highly Treatments</h1>
+                                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
                                     
-                                    <div className="common-btn">
-                                        <Link href="/appointment">
+                                        <div className="common-btn">
+                                            <Link href="/appointment">
                                             <a>Get Appointment</a>
-                                        </Link>
-                                        <Link href="/about">
+                                            </Link>
+                                            <Link href="/about">
                                             <a className="cmn-btn-right">Learn More</a>
-                                        </Link>
+                                            </Link>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -111,4 +116,7 @@ const HeroSlider = () => {
     )
 }
 
-export default HeroSlider;
\ No newline at end of file
+export default HeroSlider;
+
+
+
diff --git a/public/css/responsive.css b/public/css/responsive.css
index 3fb9fb7..d309436 100755
--- a/public/css/responsive.css
+++ b/public/css/responsive.css
@@ -38,12 +38,12 @@
   }
   /*-- End Header Top --*/
   /*-- Home Slider --*/
-  .slider-item {
+  /* .slider-item {
     height: 100%;
     padding-top: 80px;
     padding-bottom: 80px;
     text-align: center;
-  }
+  } */
   .slider-item .slider-shape img {
     position: relative;
     top: 0;
@@ -51,7 +51,7 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    max-width: 290px;
+    /* max-width: 290px; */
     margin-bottom: 20px;
   }
   .slider-item .slider-shape-two img {
@@ -61,7 +61,7 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    max-width: 290px;
+    /* max-width: 290px; */
     margin-bottom: 20px;
   }
   .slider-item .slider-shape-three img {
@@ -71,10 +71,10 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    max-width: 290px;
+    /* max-width: 290px; */
     margin-bottom: 20px;
   }
-  .slider-item:before {
+  /* .slider-item:before {
     position: absolute;
     content: '';
     width: 100%;
@@ -83,7 +83,7 @@
     top: 0;
     background-color: #0046c0;
     opacity: .80;
-  }
+  } */
   .slider-item .slider-text {
     margin-top: 0px;
   }
@@ -1508,10 +1508,10 @@
   /*-- End Header Top --*/
   /*-- Home Slider --*/
   .slider-item {
-    height: 100%;
+    /* height: 100%;
     padding-top: 140px;
     padding-bottom: 140px;
-    text-align: center;
+    text-align: center; */
     margin-left: auto;
     margin-right: auto;
   }
@@ -1522,7 +1522,7 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    max-width: 550px;
+    /* max-width: 550px; */
     margin-bottom: 30px;
   }
   .slider-item .slider-shape-two img {
@@ -1532,7 +1532,7 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    max-width: 550px;
+    /* max-width: 550px; */
     margin-bottom: 30px;
   }
   .slider-item .slider-shape-three img {
@@ -1542,7 +1542,7 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    max-width: 550px;
+    /* max-width: 550px; */
     margin-bottom: 30px;
   }
   .slider-item .slider-text {
@@ -2786,16 +2786,16 @@
   .slider-item .slider-shape img {
     top: 115px;
     right: 0;
-    max-width: 520px;
+    /* max-width: 520px; */
   }
   .slider-item .slider-shape-two img {
     top: 135px;
-    max-width: 520px;
+    /* max-width: 520px; */
     right: 0;
   }
   .slider-item .slider-shape-three img {
     top: 150px;
-    max-width: 500px;
+    /* max-width: 500px; */
   }
   .common-btn a {
     padding: 16px 22px;
diff --git a/public/css/style.css b/public/css/style.css
index af02625..12513ec 100755
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -335,6 +335,7 @@ button:focus {
   height: 40px;
 }
 
+
 .nav-srh form .icon-search {
   position: absolute;
   top: 0;
@@ -419,8 +420,9 @@ button:focus {
 
 /*-- End Navbar --*/
 /*-- Home Slider --*/
+
 .slider-item-img {
-  background-image: url("/images/home-one/home-slider-bg.jpg");
+  background-image: url("/images/home-one/home-slider-bckgrd.png");
 }
 
 .slider-item {
@@ -432,24 +434,35 @@ button:focus {
 }
 
 .slider-item .slider-shape img {
-  position: absolute;
-  top: -9px;
-  right: -90px;
-  max-width: 730px;
+  width: 100%;
+  height: 730px;
+  /* position: absolute; */
+  /* top: -9px; */
+  /* right: -90px; */
+  /* max-width: 730px; */
+  /* order: 1; */
+  /* box-shadow: 0px 0px 20px  #2459b8; */
 }
 
 .slider-item .slider-shape-two img {
-  position: absolute;
-  top: 20px;
-  right: -60px;
-  max-width: 730px;
+  width: 100%;
+  height: 730px;
+  /* position: absolute; */
+  /* top: 20px; */
+  /* top: -59px; */
+  /* right: 10px; */
+  /* max-width: 730px; */
+  /* box-shadow: 0px 0px 20px  #2459b8; */
 }
 
 .slider-item .slider-shape-three img {
-  position: absolute;
-  top: 60px;
-  right: 0;
-  max-width: 730px;
+  width: 100%;
+  height: 730px;
+  /* position: absolute; */
+  /* top: -59px; */
+  /* right: 10px; */
+  /* max-width: 730px; */
+  /* box-shadow: 0px 0px 20px  #2459b8; */
 }
 
 .slider-item::before {
@@ -465,14 +478,32 @@ button:focus {
 
 .slider-item .slider-text {
   position: relative;
-  margin-top: -160px;
-  z-index: 5;
+  /* margin-top: 20px; */
+  /* z-index: 5; */
+  /* display: flex; */
+  /* gap: 100px; */
+  
+}
+
+.slider-info{
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+}
+
+.slider-infos{
+  position: absolute;
+  bottom: 25%;
+  left: 30px;
+  transform: translateX(10%);
 }
 
 .slider-item .slider-text h1 {
   font-weight: 700;
   font-size: 46px;
   color: #ffffff;
+  text-shadow: 0px 0px 4px #000000;
   margin-bottom: 25px;
   max-width: 600px;
   margin-left: 0;
@@ -480,11 +511,11 @@ button:focus {
 }
 
 .slider-item .slider-text p {
-  color: #ffffff;
+  color: #000000;
   font-weight: 40;
   margin-bottom: 40px;
   max-width: 575px;
-  margin-left: 0;
+  margin-right: 0;
 }
 
 .common-btn a {
@@ -510,16 +541,22 @@ button:focus {
 }
 
 .common-btn .cmn-btn-right {
-  background-color: transparent;
-  color: #ffffff;
-  border: 2px solid #ffffff;
+  /* background-color: transparent;
+  color: #ffffff; */
+  color: #0046c0;
+  background-color: #ffffff;
+  border: 2px solid transparent;
+  /* border: 2px solid #ffffff; */
   padding-left: 25px;
   padding-right: 25px;
 }
 
 .common-btn .cmn-btn-right:hover {
-  color: #0046c0;
-  background-color: #ffffff;
+  /* color: #0046c0;
+  background-color: #ffffff; */
+  background-color: transparent;
+  color: #ffffff;
+  border: 2px solid #ffffff;
 }
 
 .home-slider.owl-theme .owl-nav {
@@ -4939,4 +4976,4 @@ footer {
 .faq-content .accordion .accordion__panel p {
   color: #344c5d;
 }
-/*# sourceMappingURL=style.css.map */
\ No newline at end of file
+/*# sourceMappingURL=style.css.map */
diff --git a/public/images/home-one/home-slider-1.png b/public/images/home-one/home-slider-1.png
new file mode 100644
index 0000000..20193f7
Binary files /dev/null and b/public/images/home-one/home-slider-1.png differ
diff --git a/public/images/home-one/home-slider-2.png b/public/images/home-one/home-slider-2.png
new file mode 100644
index 0000000..e822e2b
Binary files /dev/null and b/public/images/home-one/home-slider-2.png differ
diff --git a/public/images/home-one/home-slider-3.png b/public/images/home-one/home-slider-3.png
new file mode 100644
index 0000000..e92d35f
Binary files /dev/null and b/public/images/home-one/home-slider-3.png differ
diff --git a/public/images/home-one/home-slider-bckgrd.png b/public/images/home-one/home-slider-bckgrd.png
new file mode 100644
index 0000000..8301ed0
Binary files /dev/null and b/public/images/home-one/home-slider-bckgrd.png differ