diff --git a/public/index.html b/public/index.html
index e6cfd92..99f1e85 100644
--- a/public/index.html
+++ b/public/index.html
@@ -43,7 +43,7 @@
         <div class="circle"></div>
         <div class="circle"></div>
         <div class="circle"></div>
-      </div>
+    </div>
 
     <script>
         // Store the mouse coordinates
@@ -106,10 +106,13 @@
                     <div class="HamBurger" onclick="toggleMenu()">&#9776;</div>
                     <ul id="navbar">
                         <li title="Login"><a href="/choose-file.html"><i class='bx bxs-user-circle'></i> Login</a></li>
-                        <li title="Register"><a href="/choose-signup-file.html"><i class='bx bx-log-in-circle'></i> Register</a></li>
-                        <li title="Contact Us"><a href="/contact-us.html"><i class='bx bxs-contact'></i> Contact Us</a></li>
+                        <li title="Register"><a href="/choose-signup-file.html"><i class='bx bx-log-in-circle'></i>
+                                Register</a></li>
+                        <li title="Contact Us"><a href="/contact-us.html"><i class='bx bxs-contact'></i> Contact Us</a>
+                        </li>
                         <li title="About"><a href="#about_show"><i class='bx bx-vertical-bottom'></i> About</a></li>
-                        <li title="Services"><a href="#services"><i class='bx bx-bar-chart-square'></i> Services</a></li>
+                        <li title="Services"><a href="#services"><i class='bx bx-bar-chart-square'></i> Services</a>
+                        </li>
                         <li title="Main Page"><a href="#"><i class='bx bx-home'></i>Home</a></li>
                     </ul>
                 </nav>
@@ -127,7 +130,7 @@
                 </div>
             </div>
         </div>
-        
+
         <script>
             function toggleMenu() {
                 const navbar = document.querySelector('#navbar');
@@ -211,7 +214,7 @@ <h2>About Us</h2>
             </div>
             <div class="buttons">
                 <button id="prev">
-                    <</button>
+                    << /button>
                         <button id="next">></button>
             </div>
             <ul class="dots">
@@ -628,127 +631,130 @@ <h6>By Dr. James Lee</h6>
         </div>
         <section id="faq_sec">
             <div class="wrapper">
-              <h2 class="section-title">Frequently Asked Questions</h2>
-          
-              <!-- Search Bar -->
-              <div class="search-container">
-                <input type="text" id="faqSearch" placeholder="Search FAQs..." oninput="filterFAQs()">
-              </div>
-          
-              <div class="faq">
-                <button class="accordion">
-                  What is Research-Nexas?
-                  <i class="fa-solid fa-chevron-down"></i>
-                </button>
-                <div class="pannel">
-                  <p>
-                    Research-Nexas is a cutting-edge web application designed to create a seamless connection
-                    between students, researchers, and stakeholders within a collaborative research ecosystem.
-                  </p>
-                </div>
-              </div>
-          
-              <div class="faq">
-                <button class="accordion">
-                  How does it work?
-                  <i class="fa-solid fa-chevron-down"></i>
-                </button>
-                <div class="pannel">
-                  <p>
-                    The platform empowers students to log in, upload their research papers, view their uploads,
-                    and track their evaluations. Stakeholders act as research supervisors who can approve student
-                    submissions and assign papers to the appropriate faculty members for evaluation. Faculty members,
-                    in turn, can review the assigned papers, provide ratings, and evaluate results based on predefined criteria.
-                  </p>
-                </div>
-              </div>
-          
-              <div class="faq">
-                <button class="accordion">
-                  Want to know more about the project?
-                  <i class="fa-solid fa-chevron-down"></i>
-                </button>
-                <div class="pannel">
-                  <p>
-                    Click on this link: <a href="https://github.com/Harshdev098/Research-Nexas" rel="noopener"
-                      alt="Github" target="_blank">Research-Nexas</a>
-                  </p>
-                </div>
-              </div>
-          
-              <div class="faq">
-                <button class="accordion">
-                  Want to contribute to the project?
-                  <i class="fa-solid fa-chevron-down"></i>
-                </button>
-                <div class="pannel">
-                  <p>
-                    Read our guidelines for contribution: <a
-                      href="https://github.com/Harshdev098/Research-Nexas/blob/main/Contributing.md"
-                      rel="noopener" alt="Github" target="_blank">Contributing Guidelines</a>.
-                  </p>
-                </div>
-              </div>
+                <h2 class="section-title">Frequently Asked Questions</h2>
+
+                <!-- Search Bar -->
+                <div class="search-container">
+                    <input type="text" id="faqSearch" placeholder="Search FAQs..." oninput="filterFAQs()">
+                </div>
+
+                <div class="faq">
+                    <button class="accordion">
+                        What is Research-Nexas?
+                        <i class="fa-solid fa-chevron-down"></i>
+                    </button>
+                    <div class="pannel">
+                        <p>
+                            Research-Nexas is a cutting-edge web application designed to create a seamless connection
+                            between students, researchers, and stakeholders within a collaborative research ecosystem.
+                        </p>
+                    </div>
+                </div>
+
+                <div class="faq">
+                    <button class="accordion">
+                        How does it work?
+                        <i class="fa-solid fa-chevron-down"></i>
+                    </button>
+                    <div class="pannel">
+                        <p>
+                            The platform empowers students to log in, upload their research papers, view their uploads,
+                            and track their evaluations. Stakeholders act as research supervisors who can approve
+                            student
+                            submissions and assign papers to the appropriate faculty members for evaluation. Faculty
+                            members,
+                            in turn, can review the assigned papers, provide ratings, and evaluate results based on
+                            predefined criteria.
+                        </p>
+                    </div>
+                </div>
+
+                <div class="faq">
+                    <button class="accordion">
+                        Want to know more about the project?
+                        <i class="fa-solid fa-chevron-down"></i>
+                    </button>
+                    <div class="pannel">
+                        <p>
+                            Click on this link: <a href="https://github.com/Harshdev098/Research-Nexas" rel="noopener"
+                                alt="Github" target="_blank">Research-Nexas</a>
+                        </p>
+                    </div>
+                </div>
+
+                <div class="faq">
+                    <button class="accordion">
+                        Want to contribute to the project?
+                        <i class="fa-solid fa-chevron-down"></i>
+                    </button>
+                    <div class="pannel">
+                        <p>
+                            Read our guidelines for contribution: <a
+                                href="https://github.com/Harshdev098/Research-Nexas/blob/main/Contributing.md"
+                                rel="noopener" alt="Github" target="_blank">Contributing Guidelines</a>.
+                        </p>
+                    </div>
+                </div>
             </div>
-          </section>
-          
-          <script>
+        </section>
+
+        <script>
             function filterFAQs() {
-              const searchInput = document.getElementById('faqSearch').value.toLowerCase();
-              const faqs = document.querySelectorAll('.faq');
-              
-              faqs.forEach(faq => {
-                const accordionText = faq.querySelector('.accordion').innerText.toLowerCase();
-                const pannelText = faq.querySelector('.pannel p').innerText.toLowerCase();
-                const contentMatch = accordionText.includes(searchInput) || pannelText.includes(searchInput);
-                
-                faq.style.display = contentMatch ? 'block' : 'none';
-          
-                if (contentMatch && searchInput) {
-        
-                  const pannel = faq.querySelector('.pannel');
-                  pannel.style.display = 'block';
-                  highlightKeywords(faq, searchInput);
-                } else {
-                  const pannel = faq.querySelector('.pannel');
-                  pannel.style.display = 'none'; // Hide pannel if there's no match
-                  removeHighlights(faq);
-                }
-              });
+                const searchInput = document.getElementById('faqSearch').value.toLowerCase();
+                const faqs = document.querySelectorAll('.faq');
+
+                faqs.forEach(faq => {
+                    const accordionText = faq.querySelector('.accordion').innerText.toLowerCase();
+                    const pannelText = faq.querySelector('.pannel p').innerText.toLowerCase();
+                    const contentMatch = accordionText.includes(searchInput) || pannelText.includes(searchInput);
+
+                    faq.style.display = contentMatch ? 'block' : 'none';
+
+                    if (contentMatch && searchInput) {
+
+                        const pannel = faq.querySelector('.pannel');
+                        pannel.style.display = 'block';
+                        highlightKeywords(faq, searchInput);
+                    } else {
+                        const pannel = faq.querySelector('.pannel');
+                        pannel.style.display = 'none'; // Hide pannel if there's no match
+                        removeHighlights(faq);
+                    }
+                });
             }
-          
+
             function highlightKeywords(faq, keyword) {
-              const regex = new RegExp(`(${keyword})`, 'gi');
-          
-              const accordion = faq.querySelector('.accordion');
-              accordion.innerHTML = accordion.textContent.replace(regex, '<span class="highlight">$1</span>');
-          
-              const pannel = faq.querySelector('.pannel p');
-              pannel.innerHTML = pannel.textContent.replace(regex, '<span class="highlight">$1</span>');
+                const regex = new RegExp(`(${keyword})`, 'gi');
+
+                const accordion = faq.querySelector('.accordion');
+                accordion.innerHTML = accordion.textContent.replace(regex, '<span class="highlight">$1</span>');
+
+                const pannel = faq.querySelector('.pannel p');
+                pannel.innerHTML = pannel.textContent.replace(regex, '<span class="highlight">$1</span>');
             }
-          
+
             function removeHighlights(faq) {
-              const accordion = faq.querySelector('.accordion');
-              accordion.innerHTML = accordion.textContent;
-          
-              const pannel = faq.querySelector('.pannel p');
-              pannel.innerHTML = pannel.textContent;
+                const accordion = faq.querySelector('.accordion');
+                accordion.innerHTML = accordion.textContent;
+
+                const pannel = faq.querySelector('.pannel p');
+                pannel.innerHTML = pannel.textContent;
             }
-          
+
             // Accordion toggle functionality
             document.querySelectorAll('.accordion').forEach(accordion => {
-              accordion.addEventListener('click', function () {
-                this.classList.toggle("active");
-                const pannel = this.nextElementSibling;
-          
-                if (pannel.style.display === "block") {
-                  pannel.style.display = "none";
-                } else {
-                  pannel.style.display = "block";
-                }
-              });
+                accordion.addEventListener('click', function () {
+                    this.classList.toggle("active");
+                    const pannel = this.nextElementSibling;
+
+                    if (pannel.style.display === "block") {
+                        pannel.style.display = "none";
+                    } else {
+                        pannel.style.display = "block";
+                    }
+                });
             });
-          </script>
+        </script>
     </section>
 
 
@@ -836,9 +842,153 @@ <h4 id="custom-follow-heading">Follow Us</h4>
             </div>
         </div>
     </footer>
-    <button id="scrollToTop" title="Back to top" style="bottom: 75px;">
-        <i class="fa-solid fa-arrow-up"></i>
+    <button id="scrollToTopBtn" class="scroll-top" aria-label="Scroll to top" style="bottom: 72px;">
+        <div class="scroll-top-icon">
+            <i class="fa-solid fa-arrow-up"></i>
+        </div>
+        <svg class="progress-ring" width="60" height="60">
+            <circle class="progress-ring__circle" stroke="#ffffff" stroke-width="4" fill="transparent" r="28" cx="30"
+                cy="30"></circle>
+        </svg>
     </button>
+    <style>
+        .scroll-top {
+            position: fixed;
+            right: 1.6%;
+            background: linear-gradient(100deg, #ff393d, #ff3c76, #fffb05);
+            color: white;
+            width: 60px;
+            height: 60px;
+            border-radius: 50%;
+            border: none;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 24px;
+            opacity: 0;
+            visibility: hidden;
+            transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
+            box-shadow: 0 5px 15px rgba(255, 69, 159, 0.4);
+            overflow: visible;
+            z-index: 10;
+            /* Ensure button is on top */
+        }
+
+        .scroll-top.show {
+            opacity: 1;
+            visibility: visible;
+        }
+
+        .scroll-top:hover {
+            transform: scale(1.1);
+            /* Subtle scaling instead of expanding */
+            box-shadow: 0 8px 20px rgba(255, 69, 159, 0.6);
+            /* Slightly larger shadow */
+        }
+
+        .scroll-top:active {
+            transform: scale(1.05);
+            /* Minor scale reduction on click */
+        }
+
+        .scroll-top-icon {
+            position: relative;
+            z-index: 2;
+            transition: transform 0.3s ease;
+        }
+
+        .scroll-top:hover .scroll-top-icon {
+            transform: translateY(-3px);
+        }
+
+        /* Progress Ring Styling */
+        .progress-ring {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            transform: rotate(-90deg);
+            /* To start from the top */
+        }
+
+        .progress-ring__circle {
+            transition: stroke-dashoffset 0.35s;
+            transform-origin: 50% 50%;
+        }
+
+        /* Pulse Animation */
+        @keyframes pulse {
+            0% {
+                box-shadow: 0 5px 15px rgba(255, 69, 159, 0.4);
+            }
+
+            50% {
+                box-shadow: 0 5px 15px rgba(255, 69, 159, 0.7);
+            }
+
+            100% {
+                box-shadow: 0 5px 15px rgba(255, 69, 159, 0.4);
+            }
+        }
+
+        .scroll-top:hover {
+            animation: pulse 1.5s infinite;
+        }
+
+        .scroll-top.show {
+            animation: none;
+            /* No animation when showing the button */
+        }
+
+        .scroll-top.show:hover {
+            animation: pulse 1.5s infinite;
+            /* Pulse on hover */
+        }
+    </style>
+    <script>
+        // Get the button
+        const scrollToTopBtn = document.getElementById("scrollToTopBtn");
+        const progressCircle = document.querySelector(".progress-ring__circle");
+        const radius = progressCircle.r.baseVal.value;
+        const circumference = 2 * Math.PI * radius;
+
+        // Set the circle progress properties
+        progressCircle.style.strokeDasharray = `${circumference} ${circumference}`;
+        progressCircle.style.strokeDashoffset = circumference;
+
+        // Function to show or hide the button based on scroll position
+        function toggleScrollButton() {
+            if (window.scrollY > 100) {
+                scrollToTopBtn.classList.add("show");
+            } else {
+                scrollToTopBtn.classList.remove("show");
+            }
+        }
+
+        // Function to set the scroll progress on the button ring
+        function setProgress(percent) {
+            const offset = circumference - (percent / 100) * circumference;
+            progressCircle.style.strokeDashoffset = offset;
+        }
+
+        // Listen for scroll events to update button visibility and progress
+        window.addEventListener("scroll", () => {
+            toggleScrollButton();
+            const scrollPercent = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
+            setProgress(scrollPercent);
+        });
+
+        // Smooth scroll to top when the button is clicked
+        scrollToTopBtn.addEventListener("click", () => {
+            window.scrollTo({
+                top: 0,
+                behavior: "smooth"
+            });
+        });
+
+    </script>
 
     <script src="script/script.js"></script>
     <script src="script/slider.js"></script>
@@ -864,85 +1014,91 @@ <h4 id="custom-follow-heading">Follow Us</h4>
     </script>
     <script src="https://www.chatbase.co/embed.min.js" chatbotId="iSwsMwg5TfWCzADbpz05-" domain="www.chatbase.co" defer>
     </script>
-    
-     <script>
+
+    <script>
         document.addEventListener("DOMContentLoaded", function () {
-          const coords = { x: 0, y: 0 };
-          const circles = document.querySelectorAll(".circle");
+            const coords = { x: 0, y: 0 };
+            const circles = document.querySelectorAll(".circle");
 
-          circles.forEach(function (circle) {
-            circle.x = 0;
-            circle.y = 0;
-          });
+            circles.forEach(function (circle) {
+                circle.x = 0;
+                circle.y = 0;
+            });
 
-          window.addEventListener("mousemove", function (e) {
-            coords.x = e.pageX;
-            coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
-          });
+            window.addEventListener("mousemove", function (e) {
+                coords.x = e.pageX;
+                coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
+            });
 
-          function animateCircles() {
-            let x = coords.x;
-            let y = coords.y;
+            function animateCircles() {
+                let x = coords.x;
+                let y = coords.y;
 
-            circles.forEach(function (circle, index) {
-              circle.style.left = `${x - 12}px`;
-              circle.style.top = `${y - 12}px`;
-              circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
+                circles.forEach(function (circle, index) {
+                    circle.style.left = `${x - 12}px`;
+                    circle.style.top = `${y - 12}px`;
+                    circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
 
-              const nextCircle = circles[index + 1] || circles[0];
-              circle.x = x;
-              circle.y = y;
+                    const nextCircle = circles[index + 1] || circles[0];
+                    circle.x = x;
+                    circle.y = y;
 
-              x += (nextCircle.x - x) * 0.3;
-              y += (nextCircle.y - y) * 0.3;
-            });
+                    x += (nextCircle.x - x) * 0.3;
+                    y += (nextCircle.y - y) * 0.3;
+                });
 
-            requestAnimationFrame(animateCircles);
-          }
+                requestAnimationFrame(animateCircles);
+            }
 
-          animateCircles();
+            animateCircles();
         });
 
-      </script>
+    </script>
 
 
-<div id="popup-nl" class="popup-nl">
-    <div class="popup-content-nl">
-        <div class="popup-left-nl">
-            <img src="images/popup.jpg" alt="finance">
-        </div>
+    <div id="popup-nl" class="popup-nl">
+        <div class="popup-content-nl">
+            <div class="popup-left-nl">
+                <img src="images/popup.jpg" alt="finance">
+            </div>
 
-        <div class="popup-right-nl">
-            <a href="# " class="close1-btn-nl close-nl">X</a>
-            <h1>Subscribe to Newsletter</h1>
-            <h2 class="h2-nl">Join Our Community of Researchers!</h2>
-            <p class="pop_up-nl">Subscribe to receive a curated selection of the regular updates, latest papers, articles, and insights directly to your inbox</p>
-            <form id="emailForm-nl">
-                <input type="email" id="email-nl" placeholder="Enter your email" required>
-                <button type="submit" class="signup-btn1-nl">Subscribe</button>
-            </form>
-            <a href="#" class="no-thanks-nl close-nl">No thanks</a>
-            <p class="terms-nl" style="white-space: nowrap;">By subscribing to newsletters, you agree to our <br><a href="terms&cond.html">Terms of Service</a> and <a href="privacynotice.html">Privacy Policy</a>.</p>
+            <div class="popup-right-nl">
+                <a href="# " class="close1-btn-nl close-nl">X</a>
+                <h1>Subscribe to Newsletter</h1>
+                <h2 class="h2-nl">Join Our Community of Researchers!</h2>
+                <p class="pop_up-nl">Subscribe to receive a curated selection of the regular updates, latest papers,
+                    articles, and insights directly to your inbox</p>
+                <form id="emailForm-nl">
+                    <input type="email" id="email-nl" placeholder="Enter your email" required>
+                    <button type="submit" class="signup-btn1-nl">Subscribe</button>
+                </form>
+                <a href="#" class="no-thanks-nl close-nl">No thanks</a>
+                <p class="terms-nl" style="white-space: nowrap;">By subscribing to newsletters, you agree to our <br><a
+                        href="terms&cond.html">Terms of Service</a> and <a href="privacynotice.html">Privacy Policy</a>.
+                </p>
+            </div>
         </div>
     </div>
-  </div>
-  <script src="script/popup.js"></script>
-
-  <div class="popup" id="pollPopup">
-    <div class="popup-content">
-        <h2>What feature of Research-Nexas do you find most valuable?</h2>
-        <div id="pollOptions">
-            <button class="poll-button" data-value="Easy Paper Upload and Tracking">Easy Paper Upload and Tracking</button>
-            <button class="poll-button" data-value="Supervisor Approval Process">Supervisor Approval Process</button>
-            <button class="poll-button" data-value="Faculty Evaluation and Feedback">Faculty Evaluation and Feedback</button>
+    <script src="script/popup.js"></script>
+
+    <div class="popup" id="pollPopup">
+        <div class="popup-content">
+            <h2>What feature of Research-Nexas do you find most valuable?</h2>
+            <div id="pollOptions">
+                <button class="poll-button" data-value="Easy Paper Upload and Tracking">Easy Paper Upload and
+                    Tracking</button>
+                <button class="poll-button" data-value="Supervisor Approval Process">Supervisor Approval
+                    Process</button>
+                <button class="poll-button" data-value="Faculty Evaluation and Feedback">Faculty Evaluation and
+                    Feedback</button>
+            </div>
+            <button id="voteButton" class="vote-button" style="margin-top: 10px;">Vote</button>
+            <p id="result"></p>
         </div>
-        <button id="voteButton" class="vote-button" style="margin-top: 10px;">Vote</button>
-        <p id="result"></p>
     </div>
-</div>
 
-  <script src="script/popup.js"></script>
-  
+    <script src="script/popup.js"></script>
+
 </body>
 
 </html>
\ No newline at end of file