diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index a129791..1da63e5 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -5713,7 +5713,7 @@ p.banner-text {
 /*----------------------------------------*/
 
 .banner-3-content .banner-area-2 {
-  padding: 235px 150px;
+  padding: 120px 120px;
   max-width: inherit;
 }
 
diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx
index d9cc05f..62b1ffa 100644
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -4,7 +4,7 @@ import React, { useEffect } from "react";
 import Header2 from "@/components/layout/Header2";
 import Footer2 from "@/components/layout/Footer2";
 
-import BannerSection from "@/components/home/home-2/BannerSection";
+import BannerSection from "@/components/home/home-3/BannerSection";
 import FeaturesSection from "@/components/home/home-2/FeaturesSection";
 import About2Section from "@/components/home/home-2/About2Section";
 import ServiceTabSection from "@/components/home/home-2/ServiceTabSection";
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index b0c012a..c760581 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -4,7 +4,7 @@ import React, { useEffect } from "react";
 import Header1 from "@/components/layout/Header1";
 import Footer1 from "@/components/layout/Footer1";
 
-import BannerSection from "@/components/home/home-1/BannerSection";
+import BannerSection from "@/components/home/home-3/BannerSection";
 import AboutSection from "@/components/home/home-1/AboutSection";
 import ServiceSliderSection from "@/components/home/home-1/ServiceSliderSection";
 import CtaSection from "@/components/home/home-1/CtaSection";
diff --git a/src/components/home/home-3/BannerSection.tsx b/src/components/home/home-3/BannerSection.tsx
index d95ab20..ffb4776 100644
--- a/src/components/home/home-3/BannerSection.tsx
+++ b/src/components/home/home-3/BannerSection.tsx
@@ -25,28 +25,8 @@ const BannerSection = () => (
                     </div>
                 </div>
                 <div className="col-xxl-5">
-                    <div className="banner-3-image-area p-relative" style={{ backgroundImage: "url(/assets/imgs/banner/banner-4.jpg)" }}>
-                        <div className="banner-3-experience">
-                            <div className="icon-box">
-                                <i className="icon-roof-9"></i>
-                            </div>
-                            <div className="content">
-                                <h3 className="text-white"><span className="counter">25</span>+</h3>
-                                <p className="text-white">Years Working Experience</p>
-                            </div>
-                        </div>
-                        {[1, 2, 3].map((i) => (
-                            <div key={i} className={`content-${i}`}>
-                                <div className="banner-3-popup p-relative">
-                                    <div className="banner_popup_btn">
-                                        <div className="icon-1"><i className="fa fa-plus"></i></div>
-                                    </div>
-                                    <div className="best-quality">
-                                        <span>Best Quality</span>
-                                    </div>
-                                </div>
-                            </div>
-                        ))}
+                    <div className="banner-3-image-area p-relative" style={{ backgroundImage: "url(/assets/img/blog/blog-img18.png)" }}>
+    
                     </div>
                 </div>
             </div>