diff --git a/index.html b/index.html
index 725c9da..3651693 100644
--- a/index.html
+++ b/index.html
@@ -256,6 +256,12 @@ <h2>Projects</h2>
     </div> <!-- /preview-section -->
   </div> <!-- /main-container -->
 
+
+
+     <!-- Back to Top Button -->
+    <button id="backToTopBtn" title="Go to top">↑</button>
+    
+
   <footer style="margin-top: 2rem; padding: 1rem 0; text-align: center; font-size: 0.9rem;" class="footer">
   <div class="foot">
     <p class="footer-text">&copy; 2025. All rights reserved.</p>
diff --git a/script.js b/script.js
index 11a4590..dae1327 100644
--- a/script.js
+++ b/script.js
@@ -508,6 +508,28 @@ function clearAndReload() {
   window.location.reload();
 }
 
+//back to top button
+// Back to Top Button Functionality
+document.addEventListener("DOMContentLoaded", function () {
+  const backToTopBtn = document.createElement("button");
+  backToTopBtn.id = "backToTopBtn";
+  backToTopBtn.title = "Go to top";
+  backToTopBtn.textContent = "↑";
+  document.body.appendChild(backToTopBtn);
+
+  window.addEventListener("scroll", function () {
+    if (window.scrollY > 50) {
+      backToTopBtn.classList.add("show");
+    } else {
+      backToTopBtn.classList.remove("show");
+    }
+  });
+
+  backToTopBtn.addEventListener("click", function () {
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  });
+});
+
 async function improveText(textareaId) {
   const textarea = document.getElementById(textareaId);
   const suggestionBox = document.getElementById(`suggestion-${textareaId}`);
@@ -574,3 +596,4 @@ async function improveText(textareaId) {
   }
 }
 
+
diff --git a/style.css b/style.css
index 2bbd5b8..d16f544 100644
--- a/style.css
+++ b/style.css
@@ -404,3 +404,32 @@ body.dark .footer-link {
 .section {
   transition: transform 0.2s ease, box-shadow 0.2s ease;
 }
+
+/* Back to Top Button */
+/* Back to Top Button */
+
+#backToTopBtn {
+  display: none;
+  position: fixed;
+  bottom: 40px;
+  right: 40px;
+  z-index: 999;
+  font-size: 20px;
+  background-color: #3b82f6;
+  color: #f7f9fc;
+  border: none;
+  outline: none;
+  padding: 12px 16px;
+  border-radius: 50%;
+  cursor: pointer;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
+  transition: opacity 0.3s ease;
+  opacity: 0;
+}
+#backToTopBtn.show {
+  display: block;
+  opacity: 1;
+}
+#backToTopBtn:hover {
+  background-color: #1e40af;
+}
\ No newline at end of file