diff --git a/css/common.css b/css/common.css
index 33295cb..ec40781 100644
--- a/css/common.css
+++ b/css/common.css
@@ -41,9 +41,9 @@ section {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    background-color: #7a7878;
+    background-color: #ffffff;
     padding: 10px 20px;
-    color: rgb(201, 238, 99);
+    /* color: rgb(201, 238, 99); */
     position: fixed;
     width: 100%;
     top: 0;
@@ -54,20 +54,30 @@ section {
 .brand {
     display: flex;
     align-items: center;
-    gap: 8px;
-    /* space between logo and text */
-    font-size: 1.4rem;
-    font-weight: 600;
-    color: rgb(201, 238, 99);
+    gap: 10px;
     text-decoration: none;
-    display: inline-grid;
-    place-items: center;
+}
+
+.brand-name {
+    font-size: 1.8rem;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+}
+
+.brand-name-vimal {
+    color: #000000;
+    font-weight: 700;
+}
+
+.brand-name-tech {
+    color: #a6e22e;
+    /* neon green */
 }
 
 /* Logo image */
 .logo {
-    height: 70px;
-    width: 70px;
+    height: 36px;
+    width: 36px;
     object-fit: contain;
     border-radius: 6px;
     /* optional for a softer look */
@@ -82,12 +92,28 @@ section {
     list-style: none;
     display: flex;
     gap: 15px;
+    font-size: 20px;
+}
+
+.dropdown-menu {
+    display: none;
+    position: absolute;
+    background-color: #ffffff;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    padding: 10px;
+    z-index: 1000;
+}
+
+.nav-links .dropdown li a {
+    color: #a6e22e;
+    /* neon green */
 }
 
 .nav-links li a {
     text-decoration: none;
-    color: rgb(201, 238, 99);
     transition: color 0.3s;
+    color: #333;
 }
 
 .nav-links li a:hover,
@@ -111,7 +137,7 @@ section {
 @media (max-width: 768px) {
     .nav-links {
         position: absolute;
-        top: 80px;
+        top: 65px;
         right: 0;
         background-color: #333;
         flex-direction: column;
@@ -125,6 +151,12 @@ section {
         margin: 10px 0;
     }
 
+    .nav-links li a {
+        color: #fff;
+        transition: color 0.3s;
+
+    }
+
     .hamburger {
         display: block;
     }
@@ -132,6 +164,7 @@ section {
     .nav-links.active {
         display: flex;
     }
+
 }
 
 /* ===================================================
diff --git a/css/main.css b/css/main.css
index 62a8e01..d18c768 100644
--- a/css/main.css
+++ b/css/main.css
@@ -201,13 +201,18 @@ body.dark header.navbar {
 }
 
 body.dark nav ul li a {
-  color: rgb(201, 238, 99);
+  /* color: rgb(201, 238, 99); */
+  /* color: #e0e0e0; */
 }
 
 body.dark nav ul li a:hover {
   color: #ff9800;
 }
 
+body.dark .hamburger {
+  color: #000;
+}
+
 body.dark #experience,
 body.dark #skills,
 body.dark #projects {
diff --git a/css/services.css b/css/services.css
index 90ae2db..8f9cfde 100644
--- a/css/services.css
+++ b/css/services.css
@@ -281,4 +281,8 @@ body.dark #services-offer {
     justify-content: center;
     width: 100%;
     /* margin-top: 10px; */
+}
+
+body.dark .hamburger {
+    color: #000;
 }
\ No newline at end of file
diff --git a/expertise.html b/expertise.html
index a8bdf16..65fb74e 100644
--- a/expertise.html
+++ b/expertise.html
@@ -35,7 +35,10 @@
         <div>
             <a href="index.html" class="brand">
                 <img src="/images/logo.jpeg" alt="Brand Logo" class="logo">
-                <span class="brand-name">Vimal Tech</span>
+                <span class="brand-name">
+                    <span class="brand-name-vimal">Vimal</span>
+                    <span class="brand-name-tech">Tech</span>
+                </span>
             </a>
         </div>
 
diff --git a/index.html b/index.html
index 38ff681..db6043e 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,10 @@
     <div>
       <a href="index.html" class="brand">
         <img src="/images/logo.jpeg" alt="Brand Logo" class="logo">
-        <span class="brand-name">Vimal Tech</span>
+        <span class="brand-name">
+          <span class="brand-name-vimal">Vimal</span>
+          <span class="brand-name-tech">Tech</span>
+        </span>
       </a>
     </div>
 
@@ -52,7 +55,7 @@
           <li><a href="#experience">Experience</a></li>
           <li><a href="#services-preview">Offering</a></li>
           <li><a href="#live-projects">Live</a></li>
-          <li><a href="#visitor-counter">Visitors</a></li>
+          <!-- <li><a href="#visitor-counter">Visitors</a></li> -->
         </ul>
       </li>
       <!-- New Services link -->
@@ -236,4 +239,4 @@ <h2>Visitor Theme Switcher</h2>
   <script src="/js/main.js"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/services.html b/services.html
index 0d0df7b..a667aa6 100644
--- a/services.html
+++ b/services.html
@@ -39,7 +39,10 @@
         <div>
             <a href="index.html" class="brand">
                 <img src="/images/logo.jpeg" alt="Brand Logo" class="logo">
-                <span class="brand-name">Vimal Tech</span>
+                <span class="brand-name">
+                    <span class="brand-name-vimal">Vimal</span>
+                    <span class="brand-name-tech">Tech</span>
+                </span>
             </a>
         </div>