diff --git a/src/offer&nav.html b/src/offer&nav.html
index a732315..3f44353 100644
--- a/src/offer&nav.html
+++ b/src/offer&nav.html
@@ -6,6 +6,7 @@
   <meta name="description" content="Alrawda">
   <title>Navbar</title>
   <link rel="stylesheet" href="./../dist/all.min.css">
+  <script src="./js/script.js"></script>
 </head>
 <body>
 
@@ -62,8 +63,8 @@
       <div class="flex-grow flex-col justify-end hidden sm:block items-center ">
         <div
           class="self-stretch px-4 pt-3.5 pb-[15px] bg-white rounded border border-[#eeeeee] flex items-center gap-1">
-          <input type="text" class="flex-grow p-0 border-0 ltr:text-left rtl:text-right outline-none focus-ring-0" placeholder="Search...">
-          <i class="fa-solid flex-none fa-magnifying-glass"></i>
+          <input type="text" class="flex-grow p-0 border-0 ltr:text-left rtl:text-right outline-none focus:ring-0 " placeholder="Search...">
+            <i class="fa-solid flex-none fa-magnifying-glass"></i>
 
         </div>
       </div>
@@ -106,8 +107,8 @@ <h3 class="py-3 text-center text-xl font-semibold font-['Public Sans'] leading-7
                         <div class="relative">
                           <input type="password" placeholder=""
                             class="w-full px-3 py-2 border border-[#e4e7e9] focus:outline-none focus:ring-0 focus:border-[#FA8232]">
-                            <span class="absolute inset-y-0 right-0 flex items-center pr-3 cursor-pointer">
-                              <img src="../assets/images/Eye.svg" alt="Eye Icon">
+                            <span class="absolute inset-y-0 ltr:right-0 rtl:left-2 flex items-center pr-3 cursor-pointer" onclick="togglePassword(this)">
+                              <i class="fa-regular fa-eye-slash"></i> 
                             </span>
                         </div>
                       </div>
@@ -227,7 +228,7 @@ <h2 class=" text-[#a4a4a4] text-sm font-norma text-start">cart</h2>
     </div>
     <div class="   justify-end  mx-3 block  sm:hidden items-center ">
       <div class="self-stretch px-4 pt-3.5 pb-[15px] bg-white rounded border border-[#eeeeee] flex items-center gap-1">
-        <input type="text" class="flex-grow p-0 border-0 ltr:text-left rtl:text-right outline-none focus-ring-0" placeholder="Search...">
+        <input type="text" class="flex-grow p-0 border-0 ltr:text-left rtl:text-right outline-none focus:ring-0" placeholder="Search...">
         <i class="fa-solid flex-none fa-magnifying-glass"></i>
       </div>
     </div>
