diff --git a/components/sections/home2/MobileBanner.js b/components/sections/home2/MobileBanner.js
index f06f75f..d68fc79 100644
--- a/components/sections/home2/MobileBanner.js
+++ b/components/sections/home2/MobileBanner.js
@@ -167,7 +167,7 @@ export default function MobileBanner() {
                                                 className={`content-box custom-content-box ${slide.contentStyle || ''}`}
                                             >
                                                 <span className="upper-text mb-2 ">{slide.upperText}</span>
-                                                <h2>
+                                                <h2 style={{fontSize:"32px !important", lineHeight:"42px"}}>
                                                     {slide.title} {slide.titleSpan} {slide.titleEnd}
                                                 </h2>
                                                 <p>{slide.subtitle}</p>
diff --git a/public/assets/css/module-css/banner.css b/public/assets/css/module-css/banner.css
index 706c421..e5550c6 100644
--- a/public/assets/css/module-css/banner.css
+++ b/public/assets/css/module-css/banner.css
@@ -223,8 +223,8 @@
 @media (max-width: 500px) {
   .banner-carousel .content-box h2 {
     color: #bc0000 !important;
-    font-size: 24px;
-    line-height: 24px;
+    font-size: 28px !important;
+    line-height: 36px !important;
   }
 }
 
@@ -650,8 +650,8 @@
   }
 
   .banner-carousel .content-box h2 {
-    font-size: 28px;
-    line-height: 38px;
+    font-size: 28px !important;
+    line-height: 38px !important
   }
 
   .banner-style-three .content-box .shape {