diff --git a/components/sections/home2/Banner.js b/components/sections/home2/Banner.js
index 56a6963..a26ba59 100644
--- a/components/sections/home2/Banner.js
+++ b/components/sections/home2/Banner.js
@@ -39,18 +39,11 @@ export default function Banner() {
                         className="bg-layer"
                         style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' }}
                     ></div>
-                    <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' ,  backgroundPosition: '75% center' }}></div>
+                    <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)', backgroundPosition: '75% center' }}></div>
                     {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure> */}
                     <div className="auto-container">
-                        <div
-                            className="content-box"
-                            style={{
-                                background: 'white',
-                                padding: '35px',
-                                borderRadius: '15%',
-                                opacity: 0.8
-                            }}
-                        >
+                        <div className="content-box custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}>
+
                             <span className="upper-text">The Journey to Better Health Begins here</span>
                             <h2>Your Path to <span>Recovery</span> Starts Today</h2>
                             <p>Expert Physiotherapy in Mississauga for You.</p>
@@ -73,15 +66,8 @@ export default function Banner() {
                     ></div>
                     {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-2.webp" alt="" /></figure> */}
                     <div className="auto-container">
-                        <div
-                            className="content-box"
-                            style={{
-                                background: 'white',
-                                padding: '35px',
-                                borderRadius: '15%',
-                                opacity: 0.8
-                            }}
-                        >
+                        <div className="content-box custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}>
+
                             <span className="upper-text">Compassionate Care, Delivered with Expertise</span>
                             <h2>Healing Touch, <span>Fresh</span> Inner Strength</h2>
                             <p>Expert Hand Massage Techniques for Relief</p>
@@ -104,15 +90,8 @@ export default function Banner() {
                         style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-3.webp)' }}
                     ></div>
                     <div className="auto-container">
-                        <div
-                            className="content-box"
-                            style={{
-                                background: 'white',
-                                padding: '35px',
-                                borderRadius: '15%',
-                                opacity: 0.8
-                            }}
-                        >
+                        <div className="content-box custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}>
+
                             <span className="upper-text">Your Path to Complete Wellness Starts Here</span>
                             <h2>Local Physio <span>Experts </span> Near You</h2>
                             <p>Physiotherapy Etobicoke & Rehab Care.</p>
@@ -135,15 +114,8 @@ export default function Banner() {
                     ></div>
                     {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure> */}
                     <div className="auto-container">
-                        <div
-                            className="content-box"
-                            style={{
-                                background: 'white',
-                                padding: '35px',
-                                borderRadius: '15%',
-                                opacity: 0.8
-                            }}
-                        >
+                        <div className="content-box custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}>
+
                             <span className="upper-text">Healing Hands, Caring Hearts in Action</span>
                             <h2>Wellness <span>by the</span>Waterfront</h2>
                             <p>Waterfront Physio and Rehab Services.</p>
diff --git a/public/assets/css/module-css/banner.css b/public/assets/css/module-css/banner.css
index 1bb003f..e0259c4 100644
--- a/public/assets/css/module-css/banner.css
+++ b/public/assets/css/module-css/banner.css
@@ -163,7 +163,7 @@
 
 @media (max-width: 768px) {
   .banner-carousel .swiper-slide .bg-layer {
-    height: 50%;
+    height: 70%;
   }
 }
   
diff --git a/public/assets/css/module-css/feature.css b/public/assets/css/module-css/feature.css
index 0e5aa21..7fe3f53 100644
--- a/public/assets/css/module-css/feature.css
+++ b/public/assets/css/module-css/feature.css
@@ -104,7 +104,7 @@
   box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
   border-radius: 20px;
   z-index: 1;
-  margin-top: -140px;
+  margin-top: -65px;
   padding: 0px 30px;
 }
 
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 2c73b4e..4b339f4 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -3102,4 +3102,14 @@
    .pt_90 {
      padding-top: 70px;
    }
+ }
+
+ .custom-content-box {
+   padding: 50px;
+ }
+
+ @media (max-width: 425px) {
+   .custom-content-box {
+     padding: 35px;
+   }
  }
\ No newline at end of file