diff --git a/blog.html b/blog.html
index c618e963..dc19ef20 100644
--- a/blog.html
+++ b/blog.html
@@ -1279,11 +1279,11 @@ <h2 class="footer-title secondary-title">Popular Tags</h2>
 
           <div class="tags">
             <div class="d-flex-gap flex-wrap">
-              <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Travel</a>
-                           <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Food</a>
-                           <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Lifestyle</a>
-                           <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Techonogy</a>
-                           <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Fashion</a>
+              <a href="#" class="nav-link btn bg-light pop-link" >Travel</a>
+                           <a href="#" class="nav-link btn bg-light pop-link" >Food</a>
+                           <a href="#" class="nav-link btn bg-light pop-link" >Lifestyle</a>
+                           <a href="#" class="nav-link btn bg-light pop-link" >Techonogy</a>
+                           <a href="#" class="nav-link btn bg-light pop-link" >Fashion</a>
             </div>
             <style>
               .pop-link{
diff --git a/contact_us.html b/contact_us.html
index bc510c8d..5cd9044c 100644
--- a/contact_us.html
+++ b/contact_us.html
@@ -84,6 +84,7 @@
 </head>
 
 <body>
+ <nav1>
   <div class="progress-container">
     <div class="progress-bar" id="progress-bar"></div>
   </div>
@@ -380,7 +381,7 @@ <h2 class="text-center">Signup</h2>
         </div>
       </header>
     </div>
-  </nav>
+ </nav1>
 
   <div class="container" style="
         max-width: 600px;
@@ -639,11 +640,11 @@ <h2 class="footer-title secondary-title">Popular Tags</h2>
 
           <div class="tags">
             <div class="d-flex-gap flex-wrap">
-              <a href="#" class="nav-link btn bg-light " style="font-weight: 400;">Travel</a>
-              <a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Food</a>
-              <a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Lifestyle</a>
-              <a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Techonogy</a>
-              <a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Fashion</a>
+              <a href="#" class="nav-link btn bg-light ">Travel</a>
+              <a href="#" class="nav-link btn bg-light">Food</a>
+              <a href="#" class="nav-link btn bg-light">Lifestyle</a>
+              <a href="#" class="nav-link btn bg-light">Techonogy</a>
+              <a href="#" class="nav-link btn bg-light">Fashion</a>
             </div>
           </div>
 
diff --git a/give_feedback.html b/give_feedback.html
index 32efd577..5d50ebf3 100644
--- a/give_feedback.html
+++ b/give_feedback.html
@@ -84,6 +84,7 @@
 </head>
 
 <body>
+  <nav1>
   <div class="progress-container">
     <div class="progress-bar" id="progress-bar"></div>
   </div>
@@ -438,7 +439,7 @@ <h2 class="text-center">Signup</h2>
         </div>
       </header>
     </div>
-  </nav>
+  </nav1>
 
  
 
@@ -687,11 +688,11 @@ <h2 class="footer-title secondary-title">Popular Tags</h2>
 
           <div class="tags">
             <div class="d-flex-gap flex-wrap">
-              <a href="#" class="nav-link btn bg-light " style="font-weight: 400;">Travel</a>
-              <a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Food</a>
-              <a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Lifestyle</a>
-              <a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Techonogy</a>
-              <a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Fashion</a>
+              <a href="#" class="nav-link btn bg-light ">Travel</a>
+              <a href="#" class="nav-link btn bg-light">Food</a>
+              <a href="#" class="nav-link btn bg-light">Lifestyle</a>
+              <a href="#" class="nav-link btn bg-light">Techonogy</a>
+              <a href="#" class="nav-link btn bg-light">Fashion</a>
             </div>
           </div>
 
diff --git a/index.html b/index.html
index d748ca5e..d7ae3923 100644
--- a/index.html
+++ b/index.html
@@ -1375,11 +1375,11 @@ <h2 class="footer-title secondary-title">Popular Tags</h2>
 
                    <div class="tags">
                        <div class="d-flex-gap flex-wrap">
-                           <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Travel</a>
-                           <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Food</a>
-                           <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Lifestyle</a>
-                           <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Techonogy</a>
-                           <a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Fashion</a>
+                           <a href="#" class="nav-link btn bg-light pop-link">Travel</a>
+                           <a href="#" class="nav-link btn bg-light pop-link">Food</a>
+                           <a href="#" class="nav-link btn bg-light pop-link">Lifestyle</a>
+                           <a href="#" class="nav-link btn bg-light pop-link">Techonogy</a>
+                           <a href="#" class="nav-link btn bg-light pop-link">Fashion</a>
                        </div>
                        <style>
                         .pop-link{
@@ -1393,7 +1393,7 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 
                    <div class="tags social" id="contact">
                     <div class="d-flex-gap flex-wrap">
-                      <a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light social-link"><i class="fab fa-facebook-f"></i></a>
+                      <a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light social-link" style="transition: all 0.2s ease;"><i class="fab fa-facebook-f"></i></a>
                       <a href="https://www.x.com/" id="twitter" class="nav-link btn bg-light social-link"><i class="fa-brands fa-x-twitter"></i></a>
                       <a href="https://www.instagram.com/"  id="instagram" class="nav-link btn bg-light social-link"><i class="fab fa-instagram"></i></a>
                       <a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light social-link"><i class="fab fa-dribbble"></i></a>
@@ -1402,7 +1402,7 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
                       <style>
                         
                         .social-link{
-                            transition: 0.5s ease-in !important;
+                            transition: 0.2s ease-in !important;
                         }
                         #facebook {
                             background-color: #f0f0f0; /* Default light background */
diff --git a/style.css b/style.css
index fef75462..efa59721 100644
--- a/style.css
+++ b/style.css
@@ -1528,11 +1528,12 @@ body.dark .support a {
 }
 
 .d-flex {
+  /* padding: 5px 5px; */
   margin-top: 10px;
   display: flex;
   align-items: center;
-  justify-content: start;
-  gap: 10px;
+  justify-content: space-around;
+  /* gap: 10px; */
 }
 
 .d-flex-gap {
@@ -1540,9 +1541,12 @@ body.dark .support a {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
+  
+   /* justify-content: space-around; */
 }
 
 .d-flex-gap a {
+  transition: all 0.2s ease;
   font-weight: 600;
   color: var(--text-color);
 }
@@ -1818,7 +1822,7 @@ a {
 
 .sliderr .slide {
   width: 16.66%;
-  transition: 0.6s ease;
+  transition: 0.3s ease;
 }
 
 .sliderr .slide img {
@@ -2141,10 +2145,10 @@ a {
 
 .nav-link:hover{
  /* Change background color on hover */
-        color: #f8b5b5;
-        scale: 1.2; /* Change text color on hover */
-      /* Optional: Change border color on hover */
-        transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
+        /* color: #f8b5b5;
+        scale: 1.01; Change text color on hover
+      Optional: Change border color on hover
+        transition: background-color 0.3s ease, color 0.3s ease; Smooth transition */
 }
 .search-box {
   border-right: none;
@@ -2672,16 +2676,17 @@ for facebook
  } */
 
 
-.flex-wrap a{
-  margin-right: 10px;
-  transition: all .38s ease-in-out;
-}
 
 .flex-wrap a:hover{
   transform: scale(1.05);
-  padding: 2px 4px;
-  border-radius: 4px;
+
+  /* padding: 2px 4px; */
+  border-radius: 2px;
+  /* transition: all 0.2s ease-in-out; */
+
 }
+
+
 #facebook:hover{
   color: white;
   background-color:rgb(62, 62, 255) ;
@@ -3375,3 +3380,23 @@ nav{
     transform: translateY(0); /* Final position */
   }
 }
+ .flex-wrap a{
+  margin-right: 10px;
+  transition: 0.1s ease-in !important;
+  size: 1rem;
+  font-weight: 600;
+  color: var(--text-color);
+
+}/*
+.flex-wrap a i{
+  size: 1rem;
+  transition:all 0.2s ease ;
+} */
+nav1{
+  width: 100%;
+   position: fixed;
+   top:0;
+   margin-bottom: 4rem;
+   z-index: 999;
+   
+ }
\ No newline at end of file
