language switch functionality added

public/css/responsive.css

@@ -91,6 +91,23 @@
         background-color: var(--bg-hover-rgb);
     }
 
+    .nav-controls {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        gap: var(--space-md);
+        width: 100%;
+        padding: var(--space-md) 0;
+        border-top: 1px solid var(--border-color);
+        margin-top: var(--space-md);
+    }
+
+    .language-switcher {
+        margin: 0;
+        padding: 0;
+    }
+
     .contact-block {
         flex-direction: column;
         align-items: center;
@@ -176,6 +193,10 @@
         padding: var(--space-lg);
         margin: 0;
     }
+
+    .nav-controls {
+        padding: var(--space-sm) 0;
+    }
 }
 
 /* Small Mobile Devices */
@@ -208,6 +229,10 @@
         font-size: var(--font-size-xs);
         padding: var(--space-sm);
     }
+
+    .nav-controls {
+        gap: var(--space-sm);
+    }
 }
 
 /* Ensure touch targets are large enough on mobile */
@@ -228,10 +253,6 @@
     .service-card:hover {
         transform: none;
     }
-
-    header:hover {
-        transform: none;
-    }
 }
 
 /* Fix for notched phones */
@@ -248,6 +269,21 @@
     }
 }
 
+/* Ensure consistent nav-controls across all pages */
+.nav-controls {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-left: var(--space-lg);
+}
+
+.language-switcher {
+    display: flex;
+    gap: var(--space-xs);
+    padding: var(--space-xs);
+    border-radius: var(--radius-sm);
+}
+
 @keyframes fadeIn {
     from {
         opacity: 0;