diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 7166e26..7320e8f 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -907,6 +907,20 @@ p {
 .appie-header-area.appie-header-page-area.appie-sticky.sticky {
   background: #4687ba;
 }
+
+.wrench-logo-box {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  scroll-behavior: smooth;
+}
+
+.wrench-logo-box img {
+  max-width: 100%; /* Ensure the image doesn't overflow its container */
+  filter: brightness(1.2); /* Adjust image brightness (experiment with values) */
+  opacity: 2.4; /* Adjust image opacity (experiment with values) */
+}
+
+
 .appie-header-area.appie-header-7-area.appie-sticky.sticky {
   background: #290645;
 }
diff --git a/src/components/Service/HeaderService.js b/src/components/Service/HeaderService.js
index d889cc4..234850f 100644
--- a/src/components/Service/HeaderService.js
+++ b/src/components/Service/HeaderService.js
@@ -12,7 +12,7 @@ function HeaderService({ action }) {
                     <div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
                         <div className="row align-items-center">
                             <div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
-                                <div className="appie-logo-box">
+                                <div className="wrench-logo-box">
                                     <a href="/">
                                         <img src={logo} alt="" />
                                     </a>