diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index d2486ef..a321640 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -2831,25 +2831,26 @@ ul.footer-contact-info-widget .icon {
   line-height: 32px;
   letter-spacing: 9px;
   text-transform: uppercase;
-  margin-left: 40px;
+  /* margin-left: 40px; */
 }
 
-.banner-sub-title:before {
-  content: "\e92c";
+/* .banner-sub-title:before {
+  content: "";
   font-family: 'icomoon';
   color: var(--theme-color);
   border: 1px solid var(--theme-color);
+  background-color: var(--theme-color);
   position: absolute;
-  top: 0px;
+  top: 7px;
   left: -56px;
-  height: 20px;
+  height: 10px;
   width: 40px;
   padding: 2px 1px;
   display: flex;
   justify-content: start;
   align-items: center;
   border-radius: 50px;
-}
+} */
 
 .banner-sub-title.no-border:before {
   border: none;
diff --git a/src/app/globals.css b/src/app/globals.css
index 55e382c..a88b4d6 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -8271,7 +8271,7 @@ body {
   border: none !important;
   position: relative;
   display: block;
-  /* background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; */
+  background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
   color: white !important;
   transition: all 500ms ease;
   text-transform: capitalize;
@@ -8285,7 +8285,7 @@ body {
 
 .projects-one__filter__list button.list-unstyled-item.active,
 .projects-one__filter__list button.list-unstyled-item:hover {
-  /* background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; */
+  background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
   color: var(--pelocis-white, #fff) !important;
   opacity: 0.85;
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 02b2ba0..12bd039 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -24,7 +24,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <head>
 
         {/* CSS */}
@@ -153,6 +153,7 @@ export default function RootLayout({
 
         {/* JS */}
         <Script src="/assets/js/jquery-3.7.1.min.js" strategy="beforeInteractive" />
+        <Script src="/assets/js/all-plugin-bundle.js" strategy="afterInteractive" />
         <Script src="/assets/js/waypoints.min.js" strategy="afterInteractive" />
         <Script src="/assets/js/bootstrap.bundle.min.js" strategy="afterInteractive" />
         <Script src="/assets/js/meanmenu.min.js" strategy="afterInteractive" />
diff --git a/src/components/home/home-1/TestimonialsSection.tsx b/src/components/home/home-1/TestimonialsSection.tsx
index 01d528a..8868815 100644
--- a/src/components/home/home-1/TestimonialsSection.tsx
+++ b/src/components/home/home-1/TestimonialsSection.tsx
@@ -1,6 +1,7 @@
 "use client";
 import React, { useState, useEffect } from "react";
 import Slider from "react-slick";
+import Link from "next/link";
 import GoogleReviewsBranding from "@/components/common/GoogleReviewsBranding";
 
 const TestimonialsSection = () => {
@@ -145,9 +146,25 @@ const TestimonialsSection = () => {
                                     </div>
                                 )}
                             </div>
+                               {/* Centered Action Button at Bottom */}
+                <div className="row mt-50" style={{ position: 'relative', zIndex: 2 }}>
+                    <div className="col-12 text-center">
+                        <Link
+                            href="https://www.google.com/maps/place/Metatron+Cube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d4dc0e01490b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"
+                            target="_blank"
+                            className="vl-btn1"
+                            style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
+                        >
+                            Review us on Google <i className="fa-brands fa-google"></i>
+                        </Link>
+                    </div>
+                </div>
                         </div>
                     </div>
                 </div>
+
+             
+
             </div>
         </section>
     );
diff --git a/src/components/web-development-service/About.tsx b/src/components/web-development-service/About.tsx
index f992a08..a1b7cac 100644
--- a/src/components/web-development-service/About.tsx
+++ b/src/components/web-development-service/About.tsx
@@ -59,7 +59,7 @@ const About = () => {
                             </div>
                             <div className="space28"></div>
                             <div className="btn-area1" data-aos="fade-left" data-aos-duration="1200">
-                                <button onClick={() => setIsContactOpen(true)} className="vl-btn2">
+                                <button onClick={() => setIsContactOpen(true)} className="vl-btn2" suppressHydrationWarning>
                                     Let’s Build Your Website <i className="fa-solid fa-angle-right"></i>
                                 </button>
                             </div>
diff --git a/src/components/web-development-service/FAQ.tsx b/src/components/web-development-service/FAQ.tsx
index 0e1d25e..4ff836c 100644
--- a/src/components/web-development-service/FAQ.tsx
+++ b/src/components/web-development-service/FAQ.tsx
@@ -63,7 +63,7 @@ const AccordionItem = ({
     <div
         className={`faqv2-item${isOpen ? " faqv2-item-open" : ""} faqv2-item-${align}`}
     >
-        <button className="faqv2-question" onClick={onToggle} aria-expanded={isOpen}>
+        <button className="faqv2-question" onClick={onToggle} aria-expanded={isOpen} suppressHydrationWarning>
             <span className="faqv2-q-text">{faq.q}</span>
             <span className={`faqv2-icon${isOpen ? " faqv2-icon-open" : ""}`}>
                 <i className="fa-solid fa-chevron-down"></i>
diff --git a/src/components/web-development-service/Hero.tsx b/src/components/web-development-service/Hero.tsx
index 4ba0835..5824799 100644
--- a/src/components/web-development-service/Hero.tsx
+++ b/src/components/web-development-service/Hero.tsx
@@ -31,7 +31,7 @@ const Hero = () => {
                             <div className="space32"></div>
                             <GsapReveal y={30} duration={1.4} delay={0.6}>
                                 <div className="btn-area1 d-flex flex-wrap gap-3">
-                                    <button onClick={() => setIsContactOpen(true)} className="vl-btn1">Get Free Consultation <i className="fa-solid fa-angle-right"></i></button>
+                                    <button onClick={() => setIsContactOpen(true)} className="vl-btn1" suppressHydrationWarning>Get Free Consultation <i className="fa-solid fa-angle-right"></i></button>
                                     <Link href="#portfolio" className="vl-btn1">View Our Work <i className="fa-solid fa-angle-right"></i></Link>
                                 </div>
                             </GsapReveal>
diff --git a/src/components/web-development-service/KeyFeatures.tsx b/src/components/web-development-service/KeyFeatures.tsx
index 9bf4468..2ccb54f 100644
--- a/src/components/web-development-service/KeyFeatures.tsx
+++ b/src/components/web-development-service/KeyFeatures.tsx
@@ -146,16 +146,16 @@ const KeyFeatures = () => {
                     {/* Controls + CTA */}
                     <div className="kf-controls-row">
                         <div className="kf-controls">
-                            <button className="kf-control-btn" onClick={handlePrev} aria-label="Previous">
+                            <button className="kf-control-btn" onClick={handlePrev} aria-label="Previous" suppressHydrationWarning>
                                 &#8592;
                             </button>
-                            <button className="kf-control-btn" onClick={handleNext} aria-label="Next">
+                            <button className="kf-control-btn" onClick={handleNext} aria-label="Next" suppressHydrationWarning>
                                 &#8594;
                             </button>
                         </div>
-                        <button onClick={() => setIsContactOpen(true)} className="kf-demo-btn mt-50">
+                        <button onClick={() => setIsContactOpen(true)} className="kf-demo-btn mt-50" suppressHydrationWarning>
                             Book Free Strategy Call
-                         <i className="fa-solid fa-angle-right"></i></button>
+                            <i className="fa-solid fa-angle-right"></i></button>
                     </div>
                 </div>
 
diff --git a/src/components/web-development-service/Service.tsx b/src/components/web-development-service/Service.tsx
index fb5b170..4f4a4ae 100644
--- a/src/components/web-development-service/Service.tsx
+++ b/src/components/web-development-service/Service.tsx
@@ -56,7 +56,7 @@ const Service = () => {
                 <div className="row justify-content-center mt-5">
                     <div className="col-lg-8 text-center" data-aos="fade-up" data-aos-duration="1000">
                         <div className="service-bottom-cta mt-50">
-                            <button onClick={() => setIsContactOpen(true)} className="vl-btn1">
+                            <button onClick={() => setIsContactOpen(true)} className="vl-btn1" suppressHydrationWarning>
                                 Start Your Project Today <i className="fa-solid fa-angle-right"></i>
                             </button>
                         </div>
diff --git a/src/components/web-development-service/Work.tsx b/src/components/web-development-service/Work.tsx
index f1b5117..ac9cd1a 100644
--- a/src/components/web-development-service/Work.tsx
+++ b/src/components/web-development-service/Work.tsx
@@ -89,7 +89,7 @@ const Work = () => {
 
                                 <div className="space40"></div>
                                 <GsapReveal y={20} delay={0.4}>
-                                    <button onClick={() => setIsContactOpen(true)} className="vl-btn1">
+                                    <button onClick={() => setIsContactOpen(true)} className="vl-btn1" suppressHydrationWarning>
                                         Book Free Strategy Call <i className="fa-solid fa-angle-right"></i>
                                     </button>
                                 </GsapReveal>
diff --git a/src/components/web-development-service/style.css b/src/components/web-development-service/style.css
index 4973f73..37beeeb 100644
--- a/src/components/web-development-service/style.css
+++ b/src/components/web-development-service/style.css
@@ -9205,7 +9205,7 @@ only screen and (min-width: 768px) and (max-width: 991px),
   /* background: rgba(255, 255, 255, 0.1); */
     background: linear-gradient(90deg, #1a1f2b 0%, #3779b9 60%, #1a1f2b 100%);
   backdrop-filter: blur(1px);
-  padding: 20px 20px;
+  padding: 20px 20px !important;
   border-radius: 16px;
 }
 
diff --git a/src/components/web-development-service/support/layout/Header/Header.tsx b/src/components/web-development-service/support/layout/Header/Header.tsx
index bc5b7ce..a66a6d5 100644
--- a/src/components/web-development-service/support/layout/Header/Header.tsx
+++ b/src/components/web-development-service/support/layout/Header/Header.tsx
@@ -41,20 +41,21 @@ const Header = () => {
                                     </nav>
                                 </div>
                             </div>
-                            <div className="col-lg-3 col-md-6 col-6">
+                            <div className="col-lg-3 col-md-6 col-6 text-end">
                                 <div className="vl-hero-btn d-none d-lg-block text-end">
                                     <span className="vl-btn-wrap text-end">
                                         <button
                                             onClick={() => setIsPopupOpen(true)}
                                             className="vl-btn1"
                                             style={{ border: 'none' }}
+                                            suppressHydrationWarning
                                         >
                                             Get Started Now <i className="fa-solid fa-angle-right"></i>
                                         </button>
                                     </span>
                                 </div>
                                 <div className="vl-header-action-item d-block d-lg-none">
-                                    <button type="button" className="vl-offcanvas-toggle" onClick={toggleMobileMenu}>
+                                    <button type="button" className="vl-offcanvas-toggle" onClick={toggleMobileMenu} suppressHydrationWarning>
                                         <i className="fa-solid fa-bars-staggered"></i>
                                     </button>
                                 </div>
