number change and mobile menu change

container/Contact/ContactInfo.js

@@ -52,11 +52,11 @@ const ContactInfo = () => {
                           {/* <h3>Landline & Mobile</h3> */}
                           <p>
                             <span>Call:</span>
-                            <a href="tel:08204200985">+91-0820-4200-985</a>
+                            <a href="tel: 8204200985"> 0820-4200-985</a>
                           </p>
                           <p>
                             <span>Call:</span>
-                            <a href="tel:+9108026719484">+91-080-2671-9484</a>
+                            <a href="tel:8026719484">080-2671-9484</a>
                           </p>
                         </div>
                       </div>

layout/Footer.js

@@ -119,15 +119,15 @@ const Footer = () => {
                     <li>
                       <span> <i className="ri-phone-line"></i></span>
 
-                      <a href="tel:+91-8204200985">
-                        +91-0820-4200-985
+                      <a href="tel:8204200985">
+                        0820-4200-985
                       </a>
                     </li>
                     <li>
                       <span> <i className="ri-phone-line"></i></span>
 
-                      <a href="tel:+91-08026719484">
-                        +91-0802-6719-484
+                      <a href="tel:8026719484">
+                        080-2671-9484
                       </a>
                     </li>
                     <li>

layout/MobileHamburger.js

@@ -129,23 +129,26 @@ export default function MobileHamburger() {
           <li>
             <button
               className="mobile-dropdown-btn"
-              onClick={() => handleDropdown("clientservicing")}
-              aria-expanded={openDropdown === "clientservicing"}
             >
-              Client Servicing
-              <span className={`arrow${openDropdown === "clientservicing" ? " open" : ""}`}></span>
+              <a href="/client-servicing">
+                Client Servicing
+              </a>
+              <span className={`arrow${openDropdown === "clientservicing" ? " open" : ""}`}
+                onClick={() => handleDropdown("clientservicing")}
+                aria-expanded={openDropdown === "clientservicing"}></span>
             </button>
             <ul className={`mobile-dropdown${openDropdown === "clientservicing" ? " show" : ""}`}>
               {clientServices.map((service, idx) => (
                 <li key={service.title}>
                   <button
                     className="mobile-dropdown-btn inner"
-                    onClick={() => handleClientService(idx)}
-                    aria-expanded={openClientService === idx}
                   >
-                    {service.title}
+                    <a href={service?.href} className="p-0">
+                      {service.title}
+                    </a>
                     {service.items.length > 0 && (
-                      <span className={`arrow${openClientService === idx ? " open" : ""}`}></span>
+                      <span className={`arrow${openClientService === idx ? " open" : ""}`} onClick={() => handleClientService(idx)}
+                        aria-expanded={openClientService === idx}></span>
                     )}
                   </button>
                   {service.items.length > 0 && (