diff --git a/blog.html b/blog.html
index 41191b6..069ded8 100644
--- a/blog.html
+++ b/blog.html
@@ -1680,17 +1680,18 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
   <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
   <script src="script.js"></script>
   <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
     .back-to-top {
       position: fixed;
-      bottom: 20px;
-      right: 20px;
-      width: 50px;
-      height: 50px;
-      background-color: #007bff;
+      bottom: 80px;
+      right: 10px;
+      width: 60px;
+      height: 60px;
+      font-size: 30;
+      background-color: var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/bookmarks.html b/bookmarks.html
index 5a79791..d1e4299 100644
--- a/bookmarks.html
+++ b/bookmarks.html
@@ -417,20 +417,20 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 <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>
 <div id="back-to-top" class="back-to-top">
-  <i class="fas fa-chevron-up"></i>
+  <i class="fas fa-arrow-up"></i>
 </div>
 
 <style>
     body{
     scroll-behavior: smooth;
-  }
+    }
   .back-to-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     width: 50px;
     height: 50px;
-    background-color: #007bff;
+    background-color:var(--primary-color);;
     color: white;
     border-radius: 50%;
     display: flex;
@@ -439,8 +439,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     cursor: pointer;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     transition: opacity 0.3s;
-    opacity: 0;
-    visibility: hidden;
+    
   }
 
   .back-to-top.show {
diff --git a/category.html b/category.html
index 82b8606..5dbddd1 100644
--- a/category.html
+++ b/category.html
@@ -993,9 +993,6 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 const app = new Vue({
   el: '#app' });
 </script>
-<div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
-  </div>
 
   <style>
         body{
diff --git a/comment1.html b/comment1.html
index 515b34a..94ebc3b 100644
--- a/comment1.html
+++ b/comment1.html
@@ -446,7 +446,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -456,7 +456,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment10.html b/comment10.html
index 63b512b..dd4ce90 100644
--- a/comment10.html
+++ b/comment10.html
@@ -435,7 +435,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -445,7 +445,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment11.html b/comment11.html
index 1694769..314f9fb 100644
--- a/comment11.html
+++ b/comment11.html
@@ -433,7 +433,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -443,7 +443,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment12.html b/comment12.html
index d0f4a83..ed65c07 100644
--- a/comment12.html
+++ b/comment12.html
@@ -435,7 +435,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -445,7 +445,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment13.html b/comment13.html
index 10a49c3..517adc8 100644
--- a/comment13.html
+++ b/comment13.html
@@ -433,7 +433,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -443,7 +443,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment14.html b/comment14.html
index 85c587c..55d2f3c 100644
--- a/comment14.html
+++ b/comment14.html
@@ -443,7 +443,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment2.html b/comment2.html
index fbaac19..f566adf 100644
--- a/comment2.html
+++ b/comment2.html
@@ -457,7 +457,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -467,7 +467,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment3.html b/comment3.html
index dfc66c8..b7ce415 100644
--- a/comment3.html
+++ b/comment3.html
@@ -436,7 +436,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -446,7 +446,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment4.html b/comment4.html
index 58e037d..74f986c 100644
--- a/comment4.html
+++ b/comment4.html
@@ -434,7 +434,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -444,7 +444,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment5.html b/comment5.html
index 228eeb3..783bd8b 100644
--- a/comment5.html
+++ b/comment5.html
@@ -435,7 +435,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -445,7 +445,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment6.html b/comment6.html
index d497c6b..9779865 100644
--- a/comment6.html
+++ b/comment6.html
@@ -434,7 +434,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -444,7 +444,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment7.html b/comment7.html
index 2193cf2..45967c0 100644
--- a/comment7.html
+++ b/comment7.html
@@ -433,7 +433,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -443,7 +443,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment8.html b/comment8.html
index 22265fa..fb21cb0 100644
--- a/comment8.html
+++ b/comment8.html
@@ -434,7 +434,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -444,7 +444,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/comment9.html b/comment9.html
index d64873b..947b87e 100644
--- a/comment9.html
+++ b/comment9.html
@@ -434,7 +434,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -444,7 +444,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/contact.html b/contact.html
index 259a938..cf89bc4 100644
--- a/contact.html
+++ b/contact.html
@@ -347,7 +347,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -357,7 +357,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/contact_us.html b/contact_us.html
index 2a2b3cf..6bfd051 100644
--- a/contact_us.html
+++ b/contact_us.html
@@ -771,9 +771,7 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 <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>
 <script src="script.js"></script>
-<div id="back-to-top" class="back-to-top">
-  <i class="fas fa-chevron-up"></i>
-</div>
+
 
 <style>
   .back-to-top {
diff --git a/fashion.html b/fashion.html
index 461466b..4a26ebf 100644
--- a/fashion.html
+++ b/fashion.html
@@ -382,7 +382,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -392,7 +392,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/food.html b/food.html
index 9d84e0e..8515b96 100644
--- a/food.html
+++ b/food.html
@@ -387,7 +387,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
diff --git a/gaming_chronicles.html b/gaming_chronicles.html
index 99bbdc5..da5311d 100644
--- a/gaming_chronicles.html
+++ b/gaming_chronicles.html
@@ -1513,7 +1513,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 
 <div id="back-to-top" class="back-to-top">
-  <i class="fas fa-chevron-up"></i>
+  <i class="fas fa-arrow-up"></i>
 </div>
 
 <style>
@@ -1523,7 +1523,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     right: 20px;
     width: 50px;
     height: 50px;
-    background-color: #007bff;
+    background-color: var(--primary-color);
     color: white;
     border-radius: 50%;
     display: flex;
diff --git a/give_feedback.html b/give_feedback.html
index c68d80a..a68aac9 100644
--- a/give_feedback.html
+++ b/give_feedback.html
@@ -898,9 +898,7 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 <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>
 <script src="script.js"></script>
-<div id="back-to-top" class="back-to-top">
-  <i class="fas fa-chevron-up"></i>
-</div>
+
 
 <style>
   .back-to-top {
diff --git a/health.html b/health.html
index 6deee42..3cc06fd 100644
--- a/health.html
+++ b/health.html
@@ -384,7 +384,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -394,7 +394,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/life.html b/life.html
index 5a36623..0633daa 100644
--- a/life.html
+++ b/life.html
@@ -381,7 +381,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -391,7 +391,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/privacy.html b/privacy.html
index aa50993..29f1a30 100644
--- a/privacy.html
+++ b/privacy.html
@@ -608,7 +608,7 @@ <h4>Share this post:</h4>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
   <script src="profiledropdown.js"></script>
   <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -618,7 +618,7 @@ <h4>Share this post:</h4>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/start.html b/start.html
index d70c458..2adcbd4 100644
--- a/start.html
+++ b/start.html
@@ -484,7 +484,7 @@ <h2 class="footer-title secondary-title mt-2">Social</h2>
     <script src="progress_bar.js"></script>
     <!--swiper slider cdn-->
     <div id="back-to-top" class="back-to-top">
-      <i class="fas fa-chevron-up"></i>
+      <i class="fas fa-arrow-up"></i>
     </div>
   
     <style>
@@ -494,7 +494,7 @@ <h2 class="footer-title secondary-title mt-2">Social</h2>
         right: 20px;
         width: 50px;
         height: 50px;
-        background-color: #007bff;
+        background-color: var(--primary-color); 
         color: white;
         border-radius: 50%;
         display: flex;
diff --git a/start_writing.html b/start_writing.html
index e2c310e..65817fd 100644
--- a/start_writing.html
+++ b/start_writing.html
@@ -825,12 +825,14 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 <script src="script.js"></script>
 
-
+<div id="backToTop" title="Back to Top">
+  <i class="fas fa-arrow-up"></i>
+  </div>
 <style>
   #backtoTop {
     position: fixed;
     bottom: 20px;
-    right: 20px;
+    right: 30px;
     width: 50px;
     height: 50px;
     background-color: #007bff;
diff --git a/tech.html b/tech.html
index ca431f8..3dfbbb1 100644
--- a/tech.html
+++ b/tech.html
@@ -382,7 +382,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -392,7 +392,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color); 
       color: white;
       border-radius: 50%;
       display: flex;
diff --git a/travel.html b/travel.html
index 96acf5e..ae8e92b 100644
--- a/travel.html
+++ b/travel.html
@@ -396,7 +396,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -406,7 +406,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color); 
       color: white;
       border-radius: 50%;
       display: flex;