Made changes for the google Transulate

index.html

@@ -1528,7 +1528,7 @@ <h4>Contact Us</h4>
 
         </div>
 
-        <div class="footer__col">
+        <!-- <div class="footer__col">
           <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 5px;">Select Language:</label>
           <div id="google_translate_element" style="display: inline-block; margin-top: 10px;"></div>
         </div>
@@ -1563,7 +1563,7 @@ <h4>Contact Us</h4>
               }
             }, 100); // Check every 100ms
           });
-        </script>
+        </script> -->
 
 
 
@@ -1575,7 +1575,25 @@ <h4>Contact Us</h4>
         </div>
 
     </footer>
-
+    <div style="padding: 5px; background-color: #f8f9fa; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+      <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 10px; font-size: 18px; color: #333;">Select Language:</label>
+      <div id="google_translate_element" style="display: inline-block; margin-top: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff;"></div>
+  </div>
+
+  <style>
+      .goog-logo-link,
+      .goog-te-gadget span {
+          display: none !important;
+      }
+  </style>
+
+  <script type="text/javascript">
+      function googleTranslateElementInit() {
+          new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
+      }
+  </script>
+  <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+
     <a class="goupbtn" href="#" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
 
     <script>