diff --git a/about.html b/about.html
index a807d06..2c35acf 100644
--- a/about.html
+++ b/about.html
@@ -455,18 +455,6 @@ <h1>About Us 🚀</h1>
 
     </style>
     <script>
-      // Get the button
-const scrollToTopBtn = document.getElementById("scrollToTopBtn");
-
-// Show the button when scrolling down 20px from the top
-window.onscroll = function() {
-    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-        scrollToTopBtn.style.display = "flex";
-    } else {
-        scrollToTopBtn.style.display = "none";
-    }
-};
-
 // toggle chatbot function
 function toggleChatbot() {
         const chatbotContainer = document.getElementById("chatbot-container");
@@ -478,8 +466,11 @@ <h1>About Us 🚀</h1>
     const progressHeight = (window.scrollY / totalHeight) * 100;
     scrollProgressBar.style.width = progressHeight + '%';
 });
-
     </script>
+    
+    <button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed;  right: 30px; z-index: 100000;">
+      <i class="fa fa-arrow-up" aria-hidden="true"></i>
+  </button>
 
     <footer class="footer-container">
         <div class="footer-top">
diff --git a/contact.html b/contact.html
index 69a6b31..5be4881 100644
--- a/contact.html
+++ b/contact.html
@@ -302,6 +302,10 @@ <h4>Phone No</h4>
         }
 
     </script>
+    
+    <button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed;  right: 30px; z-index: 100000;">
+        <i class="fa fa-arrow-up" aria-hidden="true"></i>
+    </button>
 
     <footer class="footer-container">
         <div class="footer-top">
diff --git a/contactus.html b/contactus.html
index 357a1c3..287cacd 100644
--- a/contactus.html
+++ b/contactus.html
@@ -302,22 +302,6 @@
     color: #fff;
 }
 
-/* Scroll Back Button */
-#scrollToTop {
-    position: fixed;
-    bottom: 30px;
-    right: 30px;
-    background-color: #ff8c00;
-    color: white;
-    border: none;
-    border-radius: 5px;
-    padding: 10px 15px;
-    cursor: pointer;
-    display: none; /* Hidden by default */
-    z-index: 1000;
-}
-
-
         /* Animation */
         @keyframes fadeIn {
             from {
@@ -383,6 +367,10 @@ <h2>Contact Us</h2>
         </div>
     </section>
 
+    <button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed;  right: 30px; z-index: 100000;">
+      <i class="fa fa-arrow-up" aria-hidden="true"></i>
+  </button>
+
     <!-- Footer Section -->
     <footer class="footer-container">
       <div class="footer-top">
@@ -873,11 +861,6 @@ <h4>FIND US</h4>
   }
 }
 </style>
-
-
-    <!-- Scroll to Top Button -->
-    <button id="scrollToTop" onclick="scrollToTop()">↑</button>
-
     <script>
               const trustedDomains = [
         'gmail.com',
diff --git a/contributor.html b/contributor.html
index 25fe200..efd501f 100644
--- a/contributor.html
+++ b/contributor.html
@@ -182,9 +182,9 @@
     <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
     <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 
-    <button id="scrollToTopBtn" class="scroll-to-top" title="Go to top">
-      &#8593; <!-- This is the up arrow -->
-    </button>
+    <button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed;  right: 30px; z-index: 100000;">
+      <i class="fa fa-arrow-up" aria-hidden="true"></i>
+  </button>
     <style>
       body {
     font-family: Arial, sans-serif;
@@ -195,51 +195,7 @@
 .content {
     padding: 20px;
 }
-
-.scroll-to-top {
-    position: fixed;
-    bottom: 120px;
-    right: 35px;
-    background-color: red;
-    color: white;
-    border: none;
-    border-radius: 50%;
-    width: 50px;
-    height: 50px;
-    font-size: 24px;
-    cursor: pointer;
-    display: none; /* Initially hidden */
-    align-items: center;
-    justify-content: center;
-}
-
-.scroll-to-top:hover {
-    background-color: darkred; /* Darker red on hover */
-}
-
     </style>
-    <script>
-      // Get the button
-const scrollToTopBtn = document.getElementById("scrollToTopBtn");
-
-// Show the button when scrolling down 20px from the top
-window.onscroll = function() {
-    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-        scrollToTopBtn.style.display = "flex";
-    } else {
-        scrollToTopBtn.style.display = "none";
-    }
-};
-
-// Scroll to top function
-scrollToTopBtn.onclick = function() {
-    window.scrollTo({
-        top: 0,
-        behavior: "smooth" // Smooth scroll effect
-    });
-};
-
-    </script>
     <!--chat bot-->
     <button onclick="toggleChatbot()" id="chatbotBtn" title="chat bot"></button>
     
@@ -319,17 +275,8 @@ <h2>Meet Our Contributors</h2>
         <form id="subscribeForm">
             
         </form>
-        <div id="notification" class="contributor-notification contributor-hidden"></div>
-
-        
-           
-
-
-    
-  </div>
-
-
-  
+        <div id="notification" class="contributor-notification contributor-hidden"></div>  
+  </div> 
 <footer class="footer-container">
     <div class="footer-top">