diff --git a/assets/css/faq.css b/assets/css/faq.css
index ee052ac7..1615997b 100644
--- a/assets/css/faq.css
+++ b/assets/css/faq.css
@@ -367,7 +367,7 @@ h1 {
     position: absolute;
     background-color: #f9f9f9;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    z-index: 1;
+    z-index: 6;
     width: 200px;
     padding: 10px;
     border-radius: 5px;
@@ -592,18 +592,22 @@ h1 {
 
 
 
-
 /* Mobile Responsiveness */
 /* For landscape phones, 576px and up */
 @media (max-width: 576px) {
     .navbar-nav {
         flex-direction: column;
         align-items: flex-start;
+        margin-top: 5px;
     }
+    .navbar .container{
+        padding: 0px 20px;
+      }
 
     .nav-item {
         margin-left: 0;
         width: 100%;
+        margin-top: 10px;
     }
 
     .nav-link {
@@ -621,11 +625,15 @@ h1 {
     .navbar-nav {
         flex-direction: column;
         align-items: flex-start;
+        margin-top: 5px;
     }
-
+    .navbar .container{
+        padding: 0px 20px !important;
+      }
     .nav-item {
         margin-left: 0;
         width: 100%;
+        margin-top: 10px;
     }
 
     .nav-link {
@@ -670,5 +678,4 @@ h1 {
         padding: 0.5rem 1rem;
         width: auto;
     }
-}
-
+}
\ No newline at end of file
diff --git a/assets/css/stylesheet.css b/assets/css/stylesheet.css
index 60341c98..351e46b6 100644
--- a/assets/css/stylesheet.css
+++ b/assets/css/stylesheet.css
@@ -34,6 +34,7 @@ i {
     font-style: italic;
 }
 .banner {
+    position: relative;
     display: block;
     width:100%;
 }
@@ -44,7 +45,7 @@ i {
 .jumbotron-bg::before {
     content: '';
     position: absolute;
-    top: 70px;
+    top: 0px;
     left: 0;
     width: 100%;
     height: 100%;
@@ -351,7 +352,7 @@ h1 {
     position: absolute;
     background-color: #f9f9f9;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    z-index: 1;
+    z-index: 6;
     width: 200px;
     padding: 10px;
     border-radius: 5px;
@@ -575,7 +576,10 @@ h1 {
 
 
 
-
+.fa-question-circle{
+font-size: 22px !important;
+margin-right: 7px !important;
+}
 
 /* Mobile Responsiveness */
 /* For landscape phones, 576px and up */
@@ -583,11 +587,16 @@ h1 {
     .navbar-nav {
         flex-direction: column;
         align-items: flex-start;
+        margin-top: 5px !important;
     }
+    .navbar .container{
+        padding: 0px 20px !important;
+      }
 
     .nav-item {
         margin-left: 0;
         width: 100%;
+        margin-top: 10px !important;
     }
 
     .nav-link {
@@ -605,11 +614,15 @@ h1 {
     .navbar-nav {
         flex-direction: column;
         align-items: flex-start;
+        margin-top: 5px;
     }
-
+    .navbar .container{
+        padding: 0px 20px;
+      }
     .nav-item {
         margin-left: 0;
         width: 100%;
+        margin-top: 10px;
     }
 
     .nav-link {
diff --git a/index.html b/index.html
index 17982bb8..216324e5 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,8 @@
     <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
 
     <!-- Favicon -->
-    <link rel="shortcut icon" href="assets/img/logo/krishiconnect-high-resolution-logo_black.png" type="image/x-icon">
+    <!--<link rel="shortcut icon" href="assets/img/logo/krishiconnect-high-resolution-logo_black.png" type="image/x-icon">-->
+    <link rel="shortcut icon" href="assets/img/logo/log.png" type="image/x-icon">
 
     <!-- BoxIcons v2.1.2 -->
     <link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet">
@@ -237,7 +238,8 @@
             position: relative;
             z-index: 100;
         }
-
+        
+        
         @media (max-width: 1200px) and (min-width:995px) {
             .card-title {
                 font-size: 1.25rem;
@@ -275,7 +277,17 @@
             margin: 10px;
             box-sizing: border-box;
         }
-
+        .navbar .container{
+  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
+}
+@media (max-width:768px) {
+    .navbar .container{
+    padding: 0px 20px;
+  }
+  }
+  .nav-item{
+    margin-top: 5px;
+  }
         #products .card img {
             width: 100%;
             height: 200px;
@@ -303,7 +315,7 @@
             position: absolute;
             background-color: #f9f9f9;
             box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-            z-index: 1;
+            z-index: 6;
             width: 200px;
             font-size: 14px;
             padding: 10px;
@@ -491,7 +503,7 @@ <h3>FRESH !</h3>
     </div>
     <div class="page-header">
         <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
             <div class="container">
                 <!-- Navbar Brand -->
 
@@ -513,15 +525,13 @@ <h3>FRESH !</h3>
                     <!-- Navbar Menu -->
                     <ul class="navbar-nav">
                         <li class="nav-item" style="border: 2px solid white" id="nav-link1">
-                            <a href="src/login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A
-                                Seller?</a>
+                            <a href="./src/login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
                         </li>
                         <li class="nav-item" id="nav-link2">
-                            <a href="src/shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                            <a href="./src/shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
                         </li>
                         <li class="nav-item" id="nav-link3">
-                            <a href="src/transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i>
-                                Transactions</a>
+                            <a href="./src/transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
                         </li>
                         <li class="nav-item dropdown">
                             <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button"
@@ -535,18 +545,17 @@ <h3>FRESH !</h3>
                             </div>
                         </li>
                         <li class="nav-item" id="nav-link5">
-
-                            <a href="src/cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                            
+                            <a href="./src/cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
                         </li>
                         <li class="nav-item">
-                            <a href="src/faq.html" class="nav-link"><i class="fa fa-question-circle"
-                                    style="font-size:24px"></i>FAQ</a>
+                            <a href="./src/faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
                         </li>
                         <li class="nav-item">
-                            <a href="src/contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                            <a href="./src/contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
                         </li>
                         <li class="nav-item">
-                            <a href="src/rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
+                            <a href="./src/rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
                         </li>
                     </ul>
                     <input type="checkbox" id="toggle">
diff --git a/src/about.html b/src/about.html
index 2ebd6bf7..f6499e6b 100644
--- a/src/about.html
+++ b/src/about.html
@@ -18,73 +18,113 @@
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/thumbelina/thumbelina.css">
     <link rel="stylesheet" type="text/css" media="all"
         href="../assets/packages/bootstrap-touchspin/bootstrap-touchspin.css">
+
+        <link rel="shortcut icon" href="../assets/img/logo/log.png" type="image/x-icon">
+        <link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet">
+        <link rel="stylesheet" href="../assets/css/darkmode.css">
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+    
     <link rel="stylesheet" typex="text/css" media="all" href="../assets/css/theme.css">
     <script src="https://unpkg.com/scrollreveal"></script>
 
 </head>
+<style>
+  
+  .navbar .container{
+  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
+}
+@media (max-width:768px) {
+  .navbar .container{
+      padding: 0px 20px;
+    }
+    .navbar{
+      height: auto !important;
+    }
+    .navbar-nav{
+      margin-top: 10px;
+    }
+    .collapse.show .navbar {
+      height: 40vh !important;
+      position: relative !important;   
+    }
+  }
+  .nav-item{
+    margin-top: 5px;
+  }
+
+</style>
 
 <body>
-    <div class="page-header">
-        <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
-          <div class="container">
+  <div class="page-header">
+    <!--=============== Navbar ===============-->
+    <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <div class="container">
             <!-- Navbar Brand -->
-    
-    
 
-            <a href="../index.html" class=" mr-auto">
-                
-              <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
-           
+
+
+        <a href="../index.html" class="navbar-brand mr-auto">
+            <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; object-fit: contain; " >
           </a>
 
-                  
-    
+
+
             <!-- Toggle Button -->
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-              <span class="navbar-toggler-icon"></span>
-            </button>
-    
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
             <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
-              <!-- Navbar Menu -->
-              <ul class="navbar-nav">
-                <li class="nav-item" style="border: 2px solid white" id="nav-link1">
-                  <a href="../src/login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
-                </li>
-                <li class="nav-item" id="nav-link2">
-                  <a href="../src/shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
-                </li>
-                <li class="nav-item" id="nav-link3">
-                  <a href="../src/transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
-                      Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
-                  </a>
-                  <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
-                      <!-- Wishlist items will be dynamically added here -->
-                  </div>
-              </li>
-                <li class="nav-item" id="nav-link5">
-                  <a href="../src/cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
-                </li>
-                <li class="nav-item">
-                  <a href="../src/contact.html" class="nav-link"><i class="ri-user-star-fill"></i>Contact</a>
-                </li>
-              </ul>
-              <input type="checkbox" id="toggle">
-    
-                        <label class="toggle" for="toggle">
-                            <i class="bx bxs-sun"></i>
-                            <i class="bx bx-moon"></i>
-                            <span class="ball"></span>
-                        </label>
-            </div>
+                <!-- Navbar Menu -->
+                <ul class="navbar-nav">
+                    <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                        <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                    </li>
+                    <li class="nav-item" id="nav-link2">
+                        <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                    </li>
+                    <li class="nav-item" id="nav-link3">
+                        <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                    </li>
+                    <li class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+              Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+          </a>
+
+                        <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                            <!-- Wishlist items will be dynamically added here -->
+                        </div>
+                    </li>
+                    <li class="nav-item" id="nav-link5">
+                        
+                        <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
+                    </li>
+                </ul>
+                <input type="checkbox" id="toggle">
+          <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+              <!-- Wishlist items will be dynamically added here -->
           </div>
-        </nav>
-      </div>
-        </nav>
-    </div>
+      </ul>
+      <input type="checkbox" id="toggle">
+
+                <label class="toggle" for="toggle" style="margin-left: 20px;">
+                    <i class="bx bxs-sun"></i>
+                    <i class="bx bx-moon"></i>
+                    <span class="ball"></span>
+                </label>
+            </div>
+        </div>
+    </nav>
+</div>
     <div id="page-content" class="page-content">
         <div class="banner">
             <div class="jumbotron jumbotron-bg text-center rounded-0"
@@ -344,32 +384,38 @@ <h3>Contact US</h3>
 
 <!------------------ Footer Section Ends ------------------->
 
-    <script type="text/javascript" src="../assets/js/jquery.js"></script>
-    <script type="text/javascript" src="../assets/js/jquery-migrate.js"></script>
-    <script type="text/javascript" src="../assets/packages/bootstrap/libraries/popper.js"></script>
-    <script type="text/javascript" src="../assets/packages/bootstrap/bootstrap.js"></script>
-    <script type="text/javascript" src="../assets/packages/o2system-ui/o2system-ui.js"></script>
-    <script type="text/javascript" src="../assets/packages/owl-carousel/owl-carousel.js"></script>
-    <script type="text/javascript" src="../assets/packages/cloudzoom/cloudzoom.js"></script>
-    <script type="text/javascript" src="../assets/packages/thumbelina/thumbelina.js"></script>
-    <script type="text/javascript" src="../assets/packages/bootstrap-touchspin/bootstrap-touchspin.js"></script>
-    <script type="text/javascript" src="../assets/js/theme.js"></script>
-    <script>
-        ScrollReveal({ 
-            //reset: true ,
-            distance : '60px' ,
-            duration:2500,
-            delay:400
-        });
-        ScrollReveal().reveal('#image1,#pt-5,#lead', { delay: 500 , origin:'top' });
-        ScrollReveal().reveal('#h1,#h5', { delay: 600 , origin:'top' });
-        ScrollReveal().reveal('#col-md-6', { delay: 600 , origin:'right' });
-        ScrollReveal().reveal('#col-md-4', { delay: 600 , origin:'left' });
-        ScrollReveal().reveal('#container', { delay: 700 , origin:'bottom' });
-        ScrollReveal().reveal('#col-md-3,#col-md-3l', { delay: 500 , origin:'left'});
-        ScrollReveal().reveal('#col-md,#col-md-3m', { delay: 500 , origin:'right'});
-        ScrollReveal().reveal('#copyright', { delay: 500 , origin:'bottom'});
-    </script>
+<script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
+<script type="text/javascript" src="../assets/js/jquery.js"></script>
+<script type="text/javascript" src="../assets/js/jquery-migrate.js"></script>
+<script type="text/javascript" src="../assets/packages/bootstrap/libraries/popper.js"></script>
+<script type="text/javascript" src="../assets/packages/bootstrap/bootstrap.js"></script>
+<script type="text/javascript" src="../assets/packages/o2system-ui/o2system-ui.js"></script>
+<script type="text/javascript" src="../assets/packages/owl-carousel/owl-carousel.js"></script>
+<script type="text/javascript" src="../assets/packages/cloudzoom/cloudzoom.js"></script>
+<script type="text/javascript" src="../assets/packages/thumbelina/thumbelina.js"></script>
+<script type="text/javascript" src="../assets/packages/bootstrap-touchspin/bootstrap-touchspin.js"></script>
+<script type="text/javascript" src="../assets/js/theme.js"></script>
+<script src="../assets/js/shop.js"></script>
+<script src="../assets/js/wishlist.js"></script>
+
+<script>
+    ScrollReveal({
+        //reset: true ,
+        distance : '60px' ,
+        duration:2500,
+        delay:400
+    });
+    ScrollReveal().reveal('#image,#s,#s', { delay: 500 , origin:'top' });
+    ScrollReveal().reveal('#title', { delay: 600 , origin:'top' });
+    ScrollReveal().reveal('#container', { delay: 700 , origin:'bottom' });
+    ScrollReveal().reveal('#col-md-3,#col-md-3l', { delay: 500 , origin:'left'});
+    ScrollReveal().reveal('#col-md,#col-md-3m', { delay: 500 , origin:'right'});
+    ScrollReveal().reveal('#copyright', { delay: 500 , origin:'bottom'});
+</script>
+
+<script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
+<script src="../assets/js/toast.js"></script>
+<script src="../assets/js/darkmode.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/cart.html b/src/cart.html
index eb088bba..2eb60cd2 100644
--- a/src/cart.html
+++ b/src/cart.html
@@ -100,7 +100,8 @@
     object-fit: cover;
     z-index: 1;
   }
-
+ 
+  
   .banner .jumbotron .overlay {
     position: absolute;
     top: 0;
@@ -111,32 +112,11 @@
     z-index: 2;
   }
 
-.navbar-brand img {
+/* .navbar-brand img {
     max-height: 58px;
     margin-right: 10px;
-}
-/*@media screen and (max-width:768px){
-        .navbar-collapse{
-            position: absolute;
-            right:0;
-            top: 95px;
-            text-align: center;
-            background-color: #132e40 ;
-            width: 186px;
-            z-index: 1000;
-        }
-        
-    /* .navbar-nav .nav-item {
-        margin: 0 auto;
-    } */
-        /*.navbar-nav li{
-            color: black;
-        }
-        .toggle{
-            position: relative;
-            left: 101px;
-        }
-     }*/
+} */
+
      
 @media (max-width: 370px) {
     .navbar-toggler {
@@ -174,127 +154,96 @@
     text-transform: uppercase;
   }
 
-/*   
-   .container
-{
-  width: 100%;
-  height: 100vh;
-  background: #f8f5f5;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  
-} */
-.popup{
-  width: 400px;
-  background: #fff;
-  border-radius: 6px;
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translate(-50%, -50%)scale(0.1);
-  text-align: center;
-  padding: 0 30px 30px;
-  /* color: #333; */
-  visibility: hidden;
-  transition: transform 0.4s,top 0.4s;
-}
-.open-popup
-{
-  visibility: visible;
-  top: 50%;
-  transform: translate(-50%, -50%)scale(1);
-
-}
-
-.popup img{
-  width: 80px;
-  height: 70px;
-  margin-top: -50px;
-  border-radius: 40%;
-  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
 
+.navbar .container{
+  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
 }
-.popup h2{
-  color: rgb(1, 67, 19);
-  font-size: 38px;
-  font-weight: 500;
-  margin: 30px 0 10px;
-}
-.popup button{
-  width: 100%;
-  margin-top: 50px;
-  padding: 10px 0;
-  background: rgb(1, 67, 19);
-  color:#fff;
-  border: 0;
-  outline: none;
-  font-size: 18px;
-  border-radius: 4px;
-  cursor: pointer;
-  box-shadow: 0 10px 15px rgba(215, 117, 75, 0.2);
-}
-  button:hover{
-    color:rgb(1, 67, 19);
-    background-color: rgb(225, 168, 98);
-    box-shadow: 0 6px 10px rgba(60, 14, 227, 0.15);
-    transition: 0.2s ease all;
+@media (max-width:768px) {
+  .navbar .container{
+      padding: 0px 20px;
+    }
+    
+    .navbar-nav{
+      margin-top: 10px;
+    }
+   
+  }
+  .nav-item{
+    margin-top: 5px;
   }
-
-
- 
 
 </style>
 <body >
-    <div class="page-header" >
+  <div class="page-header">
     <!--=============== Navbar ===============-->
-    <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark"  style="height: 80px;">
-      <div class="container">
-        <!-- Navbar Brand -->
+    <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <div class="container">
+            <!-- Navbar Brand -->
+
 
-        <a href="../index.html" class="navbar-brand mr-auto">
-          <img src="../assets/img/logo/logo3.png" width="70px" height="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
-        </a>
-            
 
-        <!-- Toggle Button -->
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
-        <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
-          <!-- Navbar Menu -->
-          <ul class="navbar-nav">
-            <li class="nav-item" style="border: 2px solid white; border-radius: 20px;" id="nav-link1">
-              <a href="../src/login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
-            </li>
-            <li class="nav-item" id="nav-link2">
-              <a href="../src/shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
-            </li>
-            <li class="nav-item" id="nav-link3">
-              <a href="../src/transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
-            </li>
-            <li class="nav-item" id="nav-link4">
-              <a href="../src/shop.html" class="nav-link"><i class="ri-seedling-fill"></i> Wishlist</a>
-            </li>
-            <li class="nav-item" id="nav-link5">
-              <a href="../src/cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
-            </li>
-            <li class="nav-item">
-              <a href="../src/contact.html" class="nav-link"><i class="ri-user-star-fill"></i>Contact</a>
-            </li>
-          </ul>
-          <input type="checkbox" id="toggle">
-
-                    <label class="toggle" for="toggle">
-                        <i class="bx bxs-sun"></i>
-                        <i class="bx bx-moon"></i>
-                        <span class="ball"></span>
-                    </label>
+        <a href="../index.html" class="navbar-brand mr-auto">
+            <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; object-fit: contain; " >
+          </a>
+
+
+
+            <!-- Toggle Button -->
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+            <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
+                <!-- Navbar Menu -->
+                <ul class="navbar-nav">
+                    <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                        <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                    </li>
+                    <li class="nav-item" id="nav-link2">
+                        <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                    </li>
+                    <li class="nav-item" id="nav-link3">
+                        <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                    </li>
+                    <li class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+              Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+          </a>
+
+                        <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                            <!-- Wishlist items will be dynamically added here -->
+                        </div>
+                    </li>
+                    <li class="nav-item" id="nav-link5">
+                        
+                        <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
+                    </li>
+                </ul>
+                <input type="checkbox" id="toggle">
+          <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+              <!-- Wishlist items will be dynamically added here -->
+          </div>
+      </ul>
+      <input type="checkbox" id="toggle">
+
+                <label class="toggle" for="toggle" style="margin-left: 20px;">
+                    <i class="bx bxs-sun"></i>
+                    <i class="bx bx-moon"></i>
+                    <span class="ball"></span>
+                </label>
+            </div>
         </div>
-      </div>
     </nav>
-  </div>
+</div>
     <div id="page-content" class="page-content">
 
         <div class="banner">
@@ -393,14 +342,7 @@ <h1 class="pt-5">
                 <div class="rectangle-1b"></div>
             </div>
         </div>
-            <!-- <div class="cartfield carttext">
-
-                <input type="text" placeholder="Your Name" id="buyer-name" required>
-            </div>
-            <div class="cartfield carttext">
-
-                <input type="email" placeholder="Emassil" id="buyer-email" required>
-            </div> -->
+           
 
             <div class="cart-background">
                 <h1>YOUR CART</h1>
@@ -461,68 +403,7 @@ <h2>
 
 
         </div>
-        <!-- <footer>
-            <div class="container">
-                <div class="row">
-                    <div class="col-md-3">
-                        <h5>About</h5>
-
-                        <p>कृषिCONNECT is an online B2C platform to bring fresh organic produce from farmers, straight
-                            to your dining tables. We aim to remove unnecessary middlemen and help out local farmers by
-                            getting them the pay they truly deserve.</p>
-                    </div>
-                    <div class="col-md-3l">
-                        <h5>Links</h5>
-                        <ul>
-                            <li>
-                                <a href="about.html">About</a>
-                            </li>
-                            <li>
-                                <a href="contact.html">Contact Us</a>
-                            </li>
-                            <li>
-                                <a href="faq.html">FAQ</a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="col-md">
-                        <h5>Contact</h5>
-                        <ul>
-                            <li>
-                                <a href="tel:+620892738334"><i class="fa fa-phone mirrored-icon"></i> 08272367238</a>
-                            </li>
-                            <li>
-                                <a href="mailto:hello@domain.com"><i class="fa fa-envelope"></i>
-                                    krishiconnect@gmail.com</a>
-                            </li>
-                        </ul>
-
-                        <h5>Follow Us</h5>
-                        <ul class="social">
-                            <li>
-                                <a href="javascript:void(0)" target="_blank"><i class="fab fa-facebook-f"></i></a>
-                            </li>
-                            <li>
-                                <a href="javascript:void(0)" target="_blank"><i class="fab fa-instagram"></i></a>
-                            </li>
-                            <li>
-                                <a href="javascript:void(0)" target="_blank"><i class="fab fa-youtube"></i></a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="col-md-3m">
-                        <iframe
-                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3678.6887952893885!2d86.14298181488601!3d22.776927685078057!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f5e4daa475a5cd%3A0xd87b53fadcd771a1!2sNational%20Institute%20of%20Technology%2C%20Jamshedpur!5e0!3m2!1sen!2sin!4v1681221470770!5m2!1sen!2sin"
-                            width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"
-                            referrerpolicy="no-referrer-when-downgrade"></iframe>
-
-                    </div>
-                </div>
-            </div>
-            <p class="copyright">&copy; कृषिCONNECT | Fresh From Farm. All rights reserved.</p>
-        </footer> -->
 
-<!--footer-->
   <!------------------ Footer------------------->
   <div class="footer-new">
     <div class="footer-new-contents">
diff --git a/src/checkout.html b/src/checkout.html
index 41e51dc3..1f9e6395 100644
--- a/src/checkout.html
+++ b/src/checkout.html
@@ -18,65 +18,86 @@
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/bootstrap-touchspin/bootstrap-touchspin.css">
     <link rel="stylesheet" type="text/css" media="all" href="../assets/css/theme.css">
     <script src="https://unpkg.com/scrollreveal"></script>
+    
+    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
+    <link rel="shortcut icon" href="../assets/img/logo/log.png" type="image/x-icon">
+    <link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="../assets/css/darkmode.css">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+
+<link rel="stylesheet" typex="text/css" media="all" href="../assets/css/theme.css">
 </head>
 <body>
-    <div class="page-header">
-        <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
-          <div class="container">
+  <div class="page-header">
+    <!--=============== Navbar ===============-->
+    <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <div class="container">
             <!-- Navbar Brand -->
-    
-    
-            <a href="index.html" class=" mr-auto">
-                
-              <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
-           
+
+
+
+        <a href="../index.html" class="navbar-brand mr-auto">
+            <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; object-fit: contain; " >
           </a>
-    
-    
+
+
+
             <!-- Toggle Button -->
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-              <span class="navbar-toggler-icon"></span>
-            </button>
-    
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
             <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
-              <!-- Navbar Menu -->
-              <ul class="navbar-nav">
-                <li class="nav-item" style="border: 2px solid white" id="nav-link1">
-                  <a href="../src/login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
-                </li>
-                <li class="nav-item" id="nav-link2">
-                  <a href="../src/shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
-                </li>
-                <li class="nav-item" id="nav-link3">
-                  <a href="../src/transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
-                      Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
-                  </a>
-                  <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
-                      <!-- Wishlist items will be dynamically added here -->
-                  </div>
-              </li>
-                <li class="nav-item" id="nav-link5">
-                  <a href="../src/cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
-                </li>
-                <li class="nav-item">
-                  <a href="../src/contact.html" class="nav-link"><i class="ri-user-star-fill"></i>Contact</a>
-                </li>
-              </ul>
-              <input type="checkbox" id="toggle">
-    
-                        <label class="toggle" for="toggle">
-                            <i class="bx bxs-sun"></i>
-                            <i class="bx bx-moon"></i>
-                            <span class="ball"></span>
-                        </label>
-            </div>
+                <!-- Navbar Menu -->
+                <ul class="navbar-nav">
+                    <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                        <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                    </li>
+                    <li class="nav-item" id="nav-link2">
+                        <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                    </li>
+                    <li class="nav-item" id="nav-link3">
+                        <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                    </li>
+                    <li class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+              Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+          </a>
+
+                        <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                            <!-- Wishlist items will be dynamically added here -->
+                        </div>
+                    </li>
+                    <li class="nav-item" id="nav-link5">
+                        
+                        <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
+                    </li>
+                </ul>
+                <input type="checkbox" id="toggle">
+          <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+              <!-- Wishlist items will be dynamically added here -->
           </div>
-        </nav>
-      </div>
+      </ul>
+      <input type="checkbox" id="toggle">
+
+                <label class="toggle" for="toggle" style="margin-left: 20px;">
+                    <i class="bx bxs-sun"></i>
+                    <i class="bx bx-moon"></i>
+                    <span class="ball"></span>
+                </label>
+            </div>
+        </div>
+    </nav>
+</div>
     <div id="page-content" class="page-content">
         <div class="banner">
             <div class="jumbotron jumbotron-bg text-center rounded-0" style="background-image: url('../assets/img/bg.jpg');">
diff --git a/src/contact.html b/src/contact.html
index 8fa8ae65..805c44c3 100644
--- a/src/contact.html
+++ b/src/contact.html
@@ -38,44 +38,67 @@
 <body class="light">
     <!-- Page Header -->
     <div class="page-header">
-        <!-- Navbar -->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <!--=============== Navbar ===============-->
+        <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
             <div class="container">
                 <!-- Navbar Brand -->
-                <a href="../index.html" class="navbar-brand mr-auto">
-                    <img src="../assets/img/logo/logo3.png" width="70px" height="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
-                  </a>
+    
+    
+    
+            <a href="../index.html" class="navbar-brand mr-auto">
+                <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
+              </a>
+    
+    
+    
                 <!-- Toggle Button -->
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-                <!-- Navbar Menu -->
+          <span class="navbar-toggler-icon"></span>
+        </button>
+    
                 <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
+                    <!-- Navbar Menu -->
                     <ul class="navbar-nav">
                         <li class="nav-item" style="border: 2px solid white" id="nav-link1">
-                            <a href="login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                            <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
                         </li>
                         <li class="nav-item" id="nav-link2">
-                            <a href="../src/shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                            <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
                         </li>
                         <li class="nav-item" id="nav-link3">
-                            <a href="../src/transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                            <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
                         </li>
                         <li class="nav-item dropdown">
-                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i> Wishlist <span id="wishlistCount" class="wishlist-count">0</span></a>
+                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+                  Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+              </a>
+    
                             <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
                                 <!-- Wishlist items will be dynamically added here -->
                             </div>
                         </li>
                         <li class="nav-item" id="nav-link5">
-                            <a href="../src/cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                            
+                            <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
                         </li>
                         <li class="nav-item">
-                            <a href="../src/contact.html" class="nav-link"><i class="ri-user-star-fill"></i>Contact</a>
+                            <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
                         </li>
                     </ul>
                     <input type="checkbox" id="toggle">
-                    <label class="toggle" for="toggle">
+              <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                  <!-- Wishlist items will be dynamically added here -->
+              </div>
+          </ul>
+          <input type="checkbox" id="toggle">
+    
+                    <label class="toggle" for="toggle" style="margin-left: 20px;">
                         <i class="bx bxs-sun"></i>
                         <i class="bx bx-moon"></i>
                         <span class="ball"></span>
@@ -87,7 +110,7 @@
     
     <!-- Page Content -->
     <div id="page-content" class="page-content">
-        <div class="banner">
+        <div class="banner" style="position: relative;">
             <div class="jumbotron jumbotron-bg text-center rounded-0" style="background-image: url('https://www.samt.org.in/img/about-us.png'); height:500px; background-size: cover; background-repeat: no-repeat;">
                 <div class="container" style="margin-top: 33px;">
                     <h1 class="pt-5" id="c">Contact</h1>
diff --git a/src/detail-product.html b/src/detail-product.html
index a95d9df6..f7883d9e 100644
--- a/src/detail-product.html
+++ b/src/detail-product.html
@@ -89,7 +89,7 @@
     position: absolute;
     background-color: #f9f9f9;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    z-index: 1;
+    z-index: 6;
     width: 200px;
     padding: 10px;
     border-radius: 5px;
@@ -172,68 +172,11 @@
 
 </style>
 <div>
-    <div class="page-header">
-        <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
-            <div class="container">
-                <!-- Navbar Brand -->
-
-                <a href="../index.html" class=" mr-auto">
-                
-                    <img src="../assets/img/logo/brand_logo/Light_BG_LOGO.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
-                 
-                </a>         
-
-
-                <!-- Toggle Button -->
-                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <div class="collapse navbar-collapse" id="navbarcollapse">
-                    <!-- Navbar Menu -->
-                    <ul class="navbar-nav ml-auto">
-
-                        <li class="nav-item">
-
-                            <!-- <a href="../src/shop.html" class="nav-link active"><i class="ri-shopping-bag-fill"></i> Shop</a> -->
-
-
-                            <a href="../index.html"class="nav-link"><i class="ri-home-fill"></i> Home </a>
-                        </li>
-                        <li class="nav-item">
-                            <a href="../src/shop.html" class="nav-link active">Shop</a>
-
-                        </li>
-                        <li class="nav-item">
-                            <a href="../src/transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
-                        </li>
-                        <li class="nav-item dropdown">
-                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
-                                Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
-                            </a>
-                            <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
-                                <!-- Wishlist items will be dynamically added here -->
-
-                            </div>
-                        </li>
-
-                        <li class="nav-item">
-                            <a href="../src/cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
-                        </li>
-
-
-                    </ul>
-                </div>
-
-            </div>
-        </nav>
-    </div>
 
 
     <div class="page-header">
         <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
             <div class="container">
                 <!-- Navbar Brand -->
                 <a href="../index.html" class=" mr-auto">
diff --git a/src/faq.html b/src/faq.html
index d3f709e7..6d7230c2 100644
--- a/src/faq.html
+++ b/src/faq.html
@@ -120,59 +120,74 @@
     <!-- FAQ Page's Navbar similar to all other page navbar's -->
     <div class="page-header">
         <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
-          <div class="container">
-            <!-- Navbar Brand -->
-                <a href="../index.html" class="navbar-brand">
-                    <img src="../assets/img/logo/logo3.png" width="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
-                  </a>
+        <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+            <div class="container">
+                <!-- Navbar Brand -->
     
-    <div id="container11">
-            <!-- Toggle Button -->
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-              <span class="navbar-toggler-icon"></span>
-            </button>
     
-            <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
-              <!-- Navbar Menu -->
-              <ul class="navbar-nav">
-                <li class="nav-item" style="border: 2px solid white" id="nav-link1">
-                  <a href="login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
-                </li>
-                <li class="nav-item" id="nav-link2">
-                  <a href="shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
-                </li>
-                <li class="nav-item" id="nav-link3">
-                  <a href="transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
-                </li>
-                <li class="nav-item dropdown">
-                    <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
-                        Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
-                    </a>
-                    <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
-                        <!-- Wishlist items will be dynamically added here -->
-                    </div>
-                </li>
-                <li class="nav-item" id="nav-link5">
-                  <a href="cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
-                </li>
-                <li class="nav-item">
-                  <a href="contact.html" class="nav-link"><i class="ri-user-star-fill"></i>Contact</a>
-                </li>
-              </ul>
-              <input type="checkbox" id="toggle">
     
-                        <label class="toggle" for="toggle">
-                            <i class="bx bxs-sun"></i>
-                            <i class="bx bx-moon"></i>
-                            <span class="ball"></span>
-                        </label>
-                    </div>
-
+            <a href="../index.html" class="navbar-brand mr-auto">
+                <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
+              </a>
+    
+    
+    
+                <!-- Toggle Button -->
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+    
+                <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
+                    <!-- Navbar Menu -->
+                    <ul class="navbar-nav">
+                        <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                            <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                        </li>
+                        <li class="nav-item" id="nav-link2">
+                            <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                        </li>
+                        <li class="nav-item" id="nav-link3">
+                            <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+                  Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+              </a>
+    
+                            <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                                <!-- Wishlist items will be dynamically added here -->
+                            </div>
+                        </li>
+                        <li class="nav-item" id="nav-link5">
+                            
+                            <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
+                        </li>
+                    </ul>
+                    <input type="checkbox" id="toggle">
+              <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                  <!-- Wishlist items will be dynamically added here -->
+              </div>
+          </ul>
+          <input type="checkbox" id="toggle">
+    
+                    <label class="toggle" for="toggle" style="margin-left: 20px;">
+                        <i class="bx bxs-sun"></i>
+                        <i class="bx bx-moon"></i>
+                        <span class="ball"></span>
+                    </label>
+                </div>
             </div>
-          </div>
         </nav>
-      </div>
+    </div>
     <div id="page-content" class="page-content">
         <div class="banner">
             <div class="jumbotron jumbotron-bg text-center rounded-0" style="background-image: url('../assets/img/logo/faq.png');">
diff --git a/src/feedback.html b/src/feedback.html
index 333416d6..3d8427cc 100644
--- a/src/feedback.html
+++ b/src/feedback.html
@@ -18,46 +18,84 @@
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/bootstrap-touchspin/bootstrap-touchspin.css">
     <link rel="stylesheet" type="text/css" media="all" href="../assets/css/theme.css">
 
+    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
+    <link rel="shortcut icon" href="../assets/img/logo/log.png" type="image/x-icon">
+    <link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="../assets/css/darkmode.css">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+
+<link rel="stylesheet" typex="text/css" media="all" href="../assets/css/theme.css">
+
 <link rel="stylesheet" href="../assets/css/feedback.css">
 </head>
 <body>
     <div class="page-header">
         <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
             <div class="container">
                 <!-- Navbar Brand -->
-                <a href="../index.html" class=" mr-auto">
-                
-                    <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
-                 
-                </a>
-
+    
+    
+    
+            <a href="../index.html" class="navbar-brand mr-auto">
+                <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; object-fit: contain; " >
+              </a>
+    
+    
+    
                 <!-- Toggle Button -->
-                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <div class="collapse navbar-collapse" id="navbarcollapse">
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+    
+                <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
                     <!-- Navbar Menu -->
-                    <ul class="navbar-nav ml-auto">
-                        <li class="nav-item" >
-                            <a href="../index.html"class="nav-link" style="color: white;">
-                                Home
-                            </a>
+                    <ul class="navbar-nav">
+                        <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                            <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                        </li>
+                        <li class="nav-item" id="nav-link2">
+                            <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                        </li>
+                        <li class="nav-item" id="nav-link3">
+                            <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+                  Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+              </a>
+    
+                            <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                                <!-- Wishlist items will be dynamically added here -->
+                            </div>
+                        </li>
+                        <li class="nav-item" id="nav-link5">
+                            
+                            <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
                         </li>
                         <li class="nav-item">
-                            <a href="shop.html" class="nav-link" style="color: white;">Shop</a>
+                            <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
                         </li>
                         <li class="nav-item">
-                            <a href="transaction.html" class="nav-link" style="color: white;">Transactions</a>
+                            <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
                         </li>
                         <li class="nav-item">
-                            <a href="cart.html" class="nav-link" style="color: white;">My Cart</a>
+                            <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
                         </li>
-
                     </ul>
+                    <input type="checkbox" id="toggle">
+              <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                  <!-- Wishlist items will be dynamically added here -->
+              </div>
+          </ul>
+          <input type="checkbox" id="toggle">
+    
+                    <label class="toggle" for="toggle" style="margin-left: 20px;">
+                        <i class="bx bxs-sun"></i>
+                        <i class="bx bx-moon"></i>
+                        <span class="ball"></span>
+                    </label>
                 </div>
-
             </div>
         </nav>
     </div>
diff --git a/src/home.html b/src/home.html
index 574e5e7f..efe7772a 100644
--- a/src/home.html
+++ b/src/home.html
@@ -25,6 +25,14 @@
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/thumbelina/thumbelina.css">
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/bootstrap-touchspin/bootstrap-touchspin.css">
     <link rel="stylesheet" type="text/css" media="all" href="../assets/css/theme.css">
+
+    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
+    <link rel="shortcut icon" href="../assets/img/logo/log.png" type="image/x-icon">
+    <link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="../assets/css/darkmode.css">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+
+<link rel="stylesheet" typex="text/css" media="all" href="../assets/css/theme.css">
     <script src="https://unpkg.com/scrollreveal"></script>
 
 </head>
@@ -64,7 +72,7 @@
 
   <div class="page-header">
     <!--=============== Navbar ===============-->
-    <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark" id="page-navigation">
+    <nav class="navbar  navbar-expand-lg navbar-dark bg-dark" id="page-navigation">
         <div class="container">
             <!-- Navbar Brand -->
             <a href="../index.html" class="navbar-brand">
diff --git a/src/login.html b/src/login.html
index fef35da4..d1b2de85 100644
--- a/src/login.html
+++ b/src/login.html
@@ -32,6 +32,7 @@
     <link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet">
     <link rel="stylesheet" href="../assets/css/darkmode.css">
  <link rel="stylesheet" href="../assets/css/stylesheet.css">
+ <link rel="stylesheet" href="../assets/css/cart.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
     
@@ -154,61 +155,76 @@
 </head>
 
 <body class="light">
-    <div class="page-header">
-        <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" >
-          <div class="container">
+  <div class="page-header">
+    <!--=============== Navbar ===============-->
+    <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <div class="container">
             <!-- Navbar Brand -->
-    
-    
-                <a href="../index.html" class="navbar-brand mr-auto">
-                    <img src="../assets/img/logo/logo3.png" width="70px" height="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
-                  </a>
-    
-    
+
+
+
+        <a href="../index.html" class="navbar-brand mr-auto">
+            <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
+          </a>
+
+
+
             <!-- Toggle Button -->
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-              <span class="navbar-toggler-icon"></span>
-            </button>
-    
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
             <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
-              <!-- Navbar Menu -->
-              <ul class="navbar-nav">
-                <li class="nav-item" style="border: 2px solid white" id="nav-link1">
-                  <a href="../index.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Buyer?</a>
-                </li>
-                <li class="nav-item" id="nav-link2">
-                  <a href="shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
-                </li>
-                <li class="nav-item" id="nav-link3">
-                  <a href="transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
-                      Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
-                  </a>
-                  <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
-                      <!-- Wishlist items will be dynamically added here -->
-                  </div>
-              </li>
-                <li class="nav-item" id="nav-link5">
-                  <a href="cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
-                </li>
-                <li class="nav-item">
-                  <a href="contact.html" class="nav-link"><i class="ri-user-star-fill"></i>Contact</a>
-                </li>
-              </ul>
-              <input type="checkbox" id="toggle">
-    
-                        <label class="toggle" for="toggle">
-                            <i class="bx bxs-sun"></i>
-                            <i class="bx bx-moon"></i>
-                            <span class="ball"></span>
-                        </label>
-            </div>
+                <!-- Navbar Menu -->
+                <ul class="navbar-nav">
+                    <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                        <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                    </li>
+                    <li class="nav-item" id="nav-link2">
+                        <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                    </li>
+                    <li class="nav-item" id="nav-link3">
+                        <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                    </li>
+                    <li class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+              Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+          </a>
+
+                        <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                            <!-- Wishlist items will be dynamically added here -->
+                        </div>
+                    </li>
+                    <li class="nav-item" id="nav-link5">
+                        
+                        <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
+                    </li>
+                </ul>
+                <input type="checkbox" id="toggle">
+          <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+              <!-- Wishlist items will be dynamically added here -->
           </div>
-        </nav>
-      </div>
+      </ul>
+      <input type="checkbox" id="toggle">
+
+                <label class="toggle" for="toggle" style="margin-left: 20px;">
+                    <i class="bx bxs-sun"></i>
+                    <i class="bx bx-moon"></i>
+                    <span class="ball"></span>
+                </label>
+            </div>
+        </div>
+    </nav>
+</div>
     
 </div>
 
@@ -446,35 +462,38 @@ <h3>Contact US</h3>
 
 <!------------------ Footer Section Ends ------------------->
 
-    <script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
-</body>
-<script src="../assets/js/script.js" type="module">
-
-  </script>
-  <script src="../assets/js/script1.js" type="module"></script>
+ 
+<script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
+<script type="text/javascript" src="../assets/js/jquery.js"></script>
+<script type="text/javascript" src="../assets/js/jquery-migrate.js"></script>
+<script type="text/javascript" src="../assets/packages/bootstrap/libraries/popper.js"></script>
+<script type="text/javascript" src="../assets/packages/bootstrap/bootstrap.js"></script>
+<script type="text/javascript" src="../assets/packages/o2system-ui/o2system-ui.js"></script>
+<script type="text/javascript" src="../assets/packages/owl-carousel/owl-carousel.js"></script>
+<script type="text/javascript" src="../assets/packages/cloudzoom/cloudzoom.js"></script>
+<script type="text/javascript" src="../assets/packages/thumbelina/thumbelina.js"></script>
+<script type="text/javascript" src="../assets/packages/bootstrap-touchspin/bootstrap-touchspin.js"></script>
+<script type="text/javascript" src="../assets/js/theme.js"></script>
+<script src="../assets/js/shop.js"></script>
+<script src="../assets/js/wishlist.js"></script>
 
+<script>
+    ScrollReveal({
+        //reset: true ,
+        distance : '60px' ,
+        duration:2500,
+        delay:400
+    });
+    ScrollReveal().reveal('#image,#s,#s', { delay: 500 , origin:'top' });
+    ScrollReveal().reveal('#title', { delay: 600 , origin:'top' });
+    ScrollReveal().reveal('#container', { delay: 700 , origin:'bottom' });
+    ScrollReveal().reveal('#col-md-3,#col-md-3l', { delay: 500 , origin:'left'});
+    ScrollReveal().reveal('#col-md,#col-md-3m', { delay: 500 , origin:'right'});
+    ScrollReveal().reveal('#copyright', { delay: 500 , origin:'bottom'});
+</script>
 
-  <script src="../assets/js/darkmode.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
+<script src="../assets/js/toast.js"></script>
+<script src="../assets/js/darkmode.js"></script>
 
-  <script type="text/javascript" src="../assets/js/jquery.js"></script>
-
-
-    <script type="text/javascript" src="../assets/js/theme.js"></script>
-    <script>
-        ScrollReveal({
-            //reset: true,
-            distance: '60px',
-            duration: 2500,
-            delay: 400
-        });
-        ScrollReveal().reveal('#title ,#pt-5,#lead', { delay: 400, origin: 'top' });
-        ScrollReveal().reveal('#col-md-4', { delay: 900, origin: 'top' });
-        ScrollReveal().reveal('#main, #login-signup-box', { delay: 1000, origin: 'top' });
-        ScrollReveal().reveal('#col-md-3,#col-md-3l', { delay: 500, origin: 'left' });
-        ScrollReveal().reveal('#col-md,#col-md-3m', { delay: 500, origin: 'right' });
-        ScrollReveal().reveal('#copyright', { delay: 500, origin: 'bottom' });
-        
-    </script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-    <script src="../assets/js/shop.js"></script>
 </html>
diff --git a/src/schemes.html b/src/schemes.html
index 3307dbfd..c2127b93 100644
--- a/src/schemes.html
+++ b/src/schemes.html
@@ -26,7 +26,7 @@
   <body>
     <div class="page-header">
       <!--=============== Navbar ===============-->
-      <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+      <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
           <div class="container">
               <!-- Navbar Brand -->
               <a href="../index.html" class=" mr-auto">
diff --git a/src/setting.html b/src/setting.html
index fa5c7788..cc60266e 100644
--- a/src/setting.html
+++ b/src/setting.html
@@ -16,6 +16,9 @@
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/cloudzoom/cloudzoom.css">
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/thumbelina/thumbelina.css">
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/bootstrap-touchspin/bootstrap-touchspin.css">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="../assets/css/darkmode.css">
+    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
     <link rel="stylesheet" type="text/css" media="all" href="../assets/css/theme.css">
     <script src="https://unpkg.com/scrollreveal"></script>
 
@@ -23,36 +26,71 @@
 <body>
     <div class="page-header">
         <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
             <div class="container">
                 <!-- Navbar Brand -->
-                <a href="../index.html" class=" mr-auto">
-                
-                    <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
-                 
-                </a>
-
+    
+    
+    
+            <a href="../index.html" class="navbar-brand mr-auto">
+                <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; object-fit: contain; " >
+              </a>
+    
+    
+    
                 <!-- Toggle Button -->
-                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <div class="collapse navbar-collapse" id="navbarcollapse">
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+    
+                <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
                     <!-- Navbar Menu -->
-                    <ul class="navbar-nav ml-auto">
-                        <li class="nav-item" id="s">
-                            <a href="shop.html" class="nav-link">Shop</a>
+                    <ul class="navbar-nav">
+                        <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                            <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
                         </li>
-                        <li class="nav-item" id="t">
-                            <a href="transaction.html" class="nav-link">Transactions</a>
+                        <li class="nav-item" id="nav-link2">
+                            <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
                         </li>
-                        <li class="nav-item" id="m">
-                            <a href="cart.html" class="nav-link">My Cart</a>
+                        <li class="nav-item" id="nav-link3">
+                            <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+                  Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+              </a>
+    
+                            <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                                <!-- Wishlist items will be dynamically added here -->
+                            </div>
+                        </li>
+                        <li class="nav-item" id="nav-link5">
+                            
+                            <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
                         </li>
-
                     </ul>
+                    <input type="checkbox" id="toggle">
+              <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                  <!-- Wishlist items will be dynamically added here -->
+              </div>
+          </ul>
+          <input type="checkbox" id="toggle">
+    
+                    <label class="toggle" for="toggle" style="margin-left: 20px;">
+                        <i class="bx bxs-sun"></i>
+                        <i class="bx bx-moon"></i>
+                        <span class="ball"></span>
+                    </label>
                 </div>
-
             </div>
         </nav>
     </div>
diff --git a/src/shop.html b/src/shop.html
index 5e529327..0574423b 100644
--- a/src/shop.html
+++ b/src/shop.html
@@ -104,7 +104,7 @@
          position: absolute;
          background-color: #f9f9f9;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-         z-index: 1;
+         z-index: 6;
          width: 200px;
          padding: 10px;
          border-radius: 5px;
@@ -325,9 +325,10 @@
 <body >
     <div class="page-header">
         <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" >
-          <div class="container">
-            <!-- Navbar Brand -->
+        <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+            <div class="container">
+                <!-- Navbar Brand -->
+    
     
     
             <a href="../index.html" class="navbar-brand mr-auto">
@@ -335,51 +336,65 @@
               </a>
     
     
-            <!-- Toggle Button -->
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-              <span class="navbar-toggler-icon"></span>
-            </button>
     
-            <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
-              <!-- Navbar Menu -->
-              <ul class="navbar-nav">
-                <li class="nav-item" style="border: 2px solid white" id="nav-link1">
-                  <a href="login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
-                </li>
-                <li class="nav-item" id="nav-link2">
-                  <a href="shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
-                </li>
-                <li class="nav-item" id="nav-link3">
-                  <a href="transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
-                      Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
-                  </a>
-                  <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
-                      <!-- Wishlist items will be dynamically added here -->
-                  </div>
-              </li>
-                <li class="nav-item" id="nav-link5">
-                  <a href="cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
-                </li>
-                <li class="nav-item">
-                  <a href="contact.html" class="nav-link"><i class="ri-user-star-fill"></i>Contact</a>
-                </li>
-              </ul>
-              <input type="checkbox" id="toggle">
+                <!-- Toggle Button -->
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+    
+                <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
+                    <!-- Navbar Menu -->
+                    <ul class="navbar-nav">
+                        <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                            <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                        </li>
+                        <li class="nav-item" id="nav-link2">
+                            <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                        </li>
+                        <li class="nav-item" id="nav-link3">
+                            <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+                  Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+              </a>
+    
+                            <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                                <!-- Wishlist items will be dynamically added here -->
+                            </div>
+                        </li>
+                        <li class="nav-item" id="nav-link5">
+                            
+                            <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
+                        </li>
+                    </ul>
+                    <input type="checkbox" id="toggle">
+              <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                  <!-- Wishlist items will be dynamically added here -->
+              </div>
+          </ul>
+          <input type="checkbox" id="toggle">
     
-                        <label class="toggle" for="toggle">
-                            <i class="bx bxs-sun"></i>
-                            <i class="bx bx-moon"></i>
-                            <span class="ball"></span>
-                        </label>
+                    <label class="toggle" for="toggle" style="margin-left: 20px;">
+                        <i class="bx bxs-sun"></i>
+                        <i class="bx bx-moon"></i>
+                        <span class="ball"></span>
+                    </label>
+                </div>
             </div>
-          </div>
         </nav>
-      </div>
-        
     </div>
+        
+   
 
 
     <div id="page-content" class="page-content">
diff --git a/src/success.html b/src/success.html
index 45ae5261..9e62a9f6 100644
--- a/src/success.html
+++ b/src/success.html
@@ -17,48 +17,84 @@
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/thumbelina/thumbelina.css">
     <link rel="stylesheet" type="text/css" media="all" href="../assets/packages/bootstrap-touchspin/bootstrap-touchspin.css">
     <link rel="stylesheet" type="text/css" media="all" href="../assets/css/theme.css">
+    
+    <link rel="shortcut icon" href="../assets/img/logo/log.png" type="image/x-icon">
+    <link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="../assets/css/darkmode.css">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+
+<link rel="stylesheet" typex="text/css" media="all" href="../assets/css/theme.css">
     <script src="https://unpkg.com/scrollreveal"></script>
     <link rel="stylesheet" href="../assets/css/Footer-new.css">
 </head>
 <body>
     <div class="page-header">
         <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
             <div class="container">
                 <!-- Navbar Brand -->
-                
-                  <a href="../index.html" class=" mr-auto">
-                
-                    <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
-                
-                    <!-- <div style="flex-direction: row; display: flex; align-items: center;">
-                         <img id="your-image" src="../assets/img/logo/krishiconnect-high-resolution-logo_black.png" > -->
-                    <!-- <h3 >कृषिCONNECT</h3> -->
-                    <!-- </div> -->
-                </a>
-
+    
+    
+    
+            <a href="../index.html" class="navbar-brand mr-auto">
+                <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
+              </a>
+    
+    
+    
                 <!-- Toggle Button -->
-                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <div class="collapse navbar-collapse" id="navbarcollapse">
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+    
+                <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
                     <!-- Navbar Menu -->
-                    <ul class="navbar-nav ml-auto">
+                    <ul class="navbar-nav">
+                        <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                            <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                        </li>
+                        <li class="nav-item" id="nav-link2">
+                            <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                        </li>
+                        <li class="nav-item" id="nav-link3">
+                            <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+                  Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+              </a>
+    
+                            <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                                <!-- Wishlist items will be dynamically added here -->
+                            </div>
+                        </li>
+                        <li class="nav-item" id="nav-link5">
+                            
+                            <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                        </li>
                         <li class="nav-item">
-                            <a href="shop.html" class="nav-link active">Shop</a>
+                            <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
                         </li>
                         <li class="nav-item">
-                            <a href="transaction.html" class="nav-link">Transactions</a>
+                            <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
                         </li>
                         <li class="nav-item">
-                            <a href="cart.html" class="nav-link">My Cart</a>
+                            <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
                         </li>
-
-
                     </ul>
+                    <input type="checkbox" id="toggle">
+              <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                  <!-- Wishlist items will be dynamically added here -->
+              </div>
+          </ul>
+          <input type="checkbox" id="toggle">
+    
+                    <label class="toggle" for="toggle" style="margin-left: 20px;">
+                        <i class="bx bxs-sun"></i>
+                        <i class="bx bx-moon"></i>
+                        <span class="ball"></span>
+                    </label>
                 </div>
-
             </div>
         </nav>
     </div>
diff --git a/src/transaction.html b/src/transaction.html
index 7a1de03f..bcb1a7b4 100644
--- a/src/transaction.html
+++ b/src/transaction.html
@@ -150,61 +150,74 @@
 <body>
   <div class="page-header">
     <!--=============== Navbar ===============-->
-    <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
-      <div class="container">
-        <!-- Navbar Brand -->
+    <nav class="navbar  navbar-expand-md navbar-dark bg-dark" id="page-navigation">
+        <div class="container">
+            <!-- Navbar Brand -->
+
 
 
         <a href="../index.html" class="navbar-brand mr-auto">
-          <img src="../assets/img/logo/logo3.png" width="70px" width="70px" style="display: inline-block; vertical-align: middle;margin-left: 0px; " >
-        </a>
-
-
-        <!-- Toggle Button -->
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse"
-          aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
-        <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
-          <!-- Navbar Menu -->
-          <ul class="navbar-nav">
-            <li class="nav-item" style="border: 2px solid white" id="nav-link1">
-              <a href="login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
-            </li>
-            <li class="nav-item" id="nav-link2">
-              <a href="shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
-            </li>
-            <li class="nav-item" id="nav-link3">
-              <a href="transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
-            </li>
-            <li class="nav-item dropdown">
-              <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown"
-                aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
-                Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
-              </a>
-              <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
-                <!-- Wishlist items will be dynamically added here -->
-              </div>
-            </li>
-            <li class="nav-item" id="nav-link5">
-              <a href="cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
-            </li>
-            <li class="nav-item">
-              <a href="contact.html" class="nav-link"><i class="ri-user-star-fill"></i>Contact</a>
-            </li>
-          </ul>
-          <input type="checkbox" id="toggle">
-
-          <label class="toggle" for="toggle">
-            <i class="bx bxs-sun"></i>
-            <i class="bx bx-moon"></i>
-            <span class="ball"></span>
-          </label>
+            <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
+          </a>
+
+
+
+            <!-- Toggle Button -->
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+            <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
+                <!-- Navbar Menu -->
+                <ul class="navbar-nav">
+                    <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                        <a href="./login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                    </li>
+                    <li class="nav-item" id="nav-link2">
+                        <a href="./shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                    </li>
+                    <li class="nav-item" id="nav-link3">
+                        <a href="./transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                    </li>
+                    <li class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+              Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
+          </a>
+
+                        <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                            <!-- Wishlist items will be dynamically added here -->
+                        </div>
+                    </li>
+                    <li class="nav-item" id="nav-link5">
+                        
+                        <a href="./cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./faq.html" class="nav-link"><i class="fa fa-question-circle" style="margin-right: 7px; font-size: 22px;"></i>FAQ</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./contact.html" class="nav-link"><i class="ri-user-fill"></i>Contact</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="./rateus.html" class="nav-link"><i class="ri-user-star-fill"></i>Rate Us</a>
+                    </li>
+                </ul>
+                <input type="checkbox" id="toggle">
+          <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+              <!-- Wishlist items will be dynamically added here -->
+          </div>
+      </ul>
+      <input type="checkbox" id="toggle">
+
+                <label class="toggle" for="toggle" style="margin-left: 20px;">
+                    <i class="bx bxs-sun"></i>
+                    <i class="bx bx-moon"></i>
+                    <span class="ball"></span>
+                </label>
+            </div>
         </div>
-      </div>
     </nav>
-  </div>
+</div>
   </nav>
   </div>
   <div id="page-content" class="page-content">
diff --git a/src/wishlist.html b/src/wishlist.html
index 27aa0215..e99a6509 100644
--- a/src/wishlist.html
+++ b/src/wishlist.html
@@ -179,94 +179,65 @@
 
 </style>
 <body class="light">
+    
     <div class="page-header">
         <!--=============== Navbar ===============-->
-        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="page-navigation">
-            <div class="container">
-                <!-- Navbar Brand -->
-
-                <a href="../index.html" class=" mr-auto">
-                    <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px"
-                      style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; ">
+        <nav class="navbar  navbar-expand-md navbar-dark bg-dark" >
+          <div class="container">
+            <!-- Navbar Brand -->
+    
+    
+            <a href="../index.html" class="navbar-brand mr-auto">
+                <img src="../assets/img/logo/brand_logo/Dark_BG_logo.svg" width="90px" height="90px" style="display: inline-block; vertical-align: middle;margin-left: 0px;border-radius: 0%; " >
+              </a>
+    
+    
+            <!-- Toggle Button -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+    
+            <div class="collapse navbar-collapse justify-content-end" id="navbarcollapse">
+              <!-- Navbar Menu -->
+              <ul class="navbar-nav">
+                <li class="nav-item" style="border: 2px solid white" id="nav-link1">
+                  <a href="login.html" class="nav-link"><i class="ri-user-3-fill"></i> Are You A Seller?</a>
+                </li>
+                <li class="nav-item" id="nav-link2">
+                  <a href="shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
+                </li>
+                <li class="nav-item" id="nav-link3">
+                  <a href="transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
+                      Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
                   </a>
-               
-
-
-
-                <!-- Toggle Button -->
-                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <div class="collapse navbar-collapse" id="navbarcollapse">
-                    <!-- Navbar Menu -->
-                    <ul class="navbar-nav ml-auto">
-                        <li class="nav-item">
-
-                            <a href="../index.html" class="nav-link"><i class="ri-home-fill"></i> Home</a>
-                        </li>
-                        <li class="nav-item">
-                            <a href="shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
-                        </li>
-                        <li class="nav-item">
-                            <a href="transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i> Transactions</a>
-                        </li>
-            
-
-                        
-                       
-                           
-                        <!-- <li class="nav-item dropdown">
-                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            <i class="ri-seedling-fill"></i>  Wishlist <span id="wishlistCount" class="wishlist-count">0</span> -->
-
-
-
-
-                            <!-- <a href="../index.html" class="nav-link"><i class="ri-home-fill"></i> Home
-                            </a> -->
-                        <!-- </li> -->
-                        <!-- <li class="nav-item">
-                            <a href="shop.html" class="nav-link"><i class="ri-shopping-bag-fill"></i> Shop</a>
-
-                        </li>
-                        <li class="nav-item">
-                            <a href="transaction.html" class="nav-link"><i class="ri-bank-card-fill"></i>Transactions</a>
-                        </li>
-                        <li class="nav-item dropdown">
-                            <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
-                                Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
-
-                            </a> -->
-                            <!-- <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent"> -->
-                                <!-- Wishlist items will be dynamically added here -->
-
-                            <!-- </div>
-                        </li> -->
-
-                        <li class="nav-item dropdown">
-                          <a href="#" class="nav-link dropdown-toggle" id="wishlistDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-seedling-fill"></i>
-                              Wishlist <span id="wishlistCount" class="wishlist-count">0</span>
-                          </a>
-                          <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
-                              <!-- Wishlist items will be dynamically added here -->
-                          </div>
-                      </li>
-                        <li class="nav-item">
-                            <a href="cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
-                        </li>
-                    </ul>
+                  <div class="dropdown-menu" aria-labelledby="wishlistDropdown" id="wishlistDropdownContent">
+                      <!-- Wishlist items will be dynamically added here -->
+                  </div>
+              </li>
+                <li class="nav-item" id="nav-link5">
+                  <a href="cart.html" class="nav-link"><i class="ri-shopping-cart-2-fill"></i> My Cart</a>
+                </li>
+                <li class="nav-item">
+                  <a href="contact.html" class="nav-link"><i class="ri-user-star-fill"></i>Contact</a>
+                </li>
+                <li class="nav-item" style="padding: 2px 20px;">
                     <input type="checkbox" id="toggle">
-
-                    <label class="toggle" for="toggle">
+    
+                    <label class="toggle" for="toggle" >
                         <i class="bx bxs-sun"></i>
                         <i class="bx bx-moon"></i>
                         <span class="ball"></span>
                     </label>
-                </div>
+                  </li>
+              </ul>
+              
             </div>
+          </div>
         </nav>
-    </div>
+      </div>
     <div id="page-content" class="page-content">
         <div class="banner">
             <div class="jumbotron jumbotron-bg text-center rounded-0" style="background-image: url('https://w0.peakpx.com/wallpaper/505/685/HD-wallpaper-still-life-vegetables-basket-fresh-fruits.jpg');">