diff --git a/components/sections/home/MobileServicesSection.js b/components/sections/home/MobileServicesSection.js
index 25678b9..fe5a88e 100644
--- a/components/sections/home/MobileServicesSection.js
+++ b/components/sections/home/MobileServicesSection.js
@@ -8,7 +8,7 @@ export default function MobileServices() {
             <section className="feature-section sec-pad bg-color-1">
                 <div className="auto-container">
                     <div className="sec-title mb_50 centred">
-                        <span className="sub-title-1 new-color">Our Services</span>
+                        <span className="sub-title-1 new-color2">Our Services</span>
                         <h2 className="tex-color-1">We Help You Move Better & <br />Live Healthier</h2>
                     </div>
                     <div className="row clearfix">
diff --git a/components/sections/home2/Banner.js b/components/sections/home2/Banner.js
index a26ba59..61ce517 100644
--- a/components/sections/home2/Banner.js
+++ b/components/sections/home2/Banner.js
@@ -42,7 +42,7 @@ export default function Banner() {
                     <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 custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}>
+                        <div className="content-box custom-content-box mobile-style">
 
                             <span className="upper-text">The Journey to Better Health Begins here</span>
                             <h2>Your Path to <span>Recovery</span> Starts Today</h2>
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 4b339f4..2f5198d 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -826,9 +826,12 @@
  }
 
  .new-color {
-
    color: #fff !important;
+ }
 
+ .new-color2 {
+   color: #fff !important;
+   font-size: 24px;
  }
 
  .sec-title h2 {
@@ -3112,4 +3115,11 @@
    .custom-content-box {
      padding: 35px;
    }
- }
\ No newline at end of file
+ }
+ @media (max-width: 425px) {
+  .custom-content-box.mobile-style {
+    background: white;
+    border-radius: 15%;
+    opacity: 0.8;
+  }
+}
\ No newline at end of file