diff --git a/assets/css/style.css b/assets/css/style.css
index 62b8a41..81300f5 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -5027,6 +5027,7 @@ footer .copyrigths .payment {
   display: flex;
   gap: 7px;
   align-items: center;
+  color: white;
 }
 
 .offer div {
@@ -5088,31 +5089,32 @@ footer .copyrigths .payment {
     grid-template-columns: repeat(3, 1fr);
   }
 
-  .shopping .dept-products div img {
+  .shopping .dept-products a img {
     width: 100px !important;
     height: 100px !important;
   }
-  .shopping .dept-products div p {
+  .shopping .dept-products a p {
     font-size: 16px !important;
   }
 }
 
-.shopping .dept-products div {
+.shopping .dept-products a {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 
-.shopping .dept-products div img {
+.shopping .dept-products a img {
   width: 180px;
   height: 180px;
 }
 
-.shopping .dept-products div p {
+.shopping .dept-products a p {
   font-size: 24px;
   font-weight: 600;
   line-height: 42px;
+  color: black;
 }
 
 .general-section .heading {
diff --git a/index.html b/index.html
index ab056a7..41887c8 100644
--- a/index.html
+++ b/index.html
@@ -58,14 +58,14 @@
         <img src="./assets/images/flag.svg" alt="Flag">
       </p>
       <div class="navContacts">
-        <p class="contact-details">
+        <a href="#" class="contact-details">
           marvelous_emotion
           <img src="./assets/images/instagram.svg" alt="Instagram">
         </p>
-        <p class="contact-details">
+        <a href="" class="contact-details">
           +971 50 992 6663
           <img src="./assets/images/phoneIcon.svg" alt="Phone">
-        </p>
+        </a>
       </div>
       </div>
     </div>
@@ -166,30 +166,30 @@ <h1>تسوق حسب القسم</h1>
             <h2>تصفح أقسام منتجاتنا التى انتقت لك بعناية</h2>
           </div>
           <div class="dept-products">
-            <div>
+            <a href="#">
               <img src="./assets/images/product.webp" alt="Product">
               <p>خشب العود</p>
-            </div>
-            <div>
+            </a>
+            <a href="#">
               <img src="./assets/images/product.webp" alt="Product">
               <p>العطور الفاخرة</p>
-            </div>
-            <div>
+            </a>
+            <a href="#">
               <img src="./assets/images/product.webp" alt="Product">
               <p>الأدهان</p>
-            </div>
-            <div>
+            </a>
+            <a href="#">
               <img src="./assets/images/product.webp" alt="Product">
               <p>نوادر العود</p>
-            </div>
-            <div>
+            </a>
+            <a href="#">
               <img src="./assets/images/product.webp" alt="Product">
               <p>صناديق الاهداء</p>
-            </div>
-            <div>
+            </a>
+            <a href="#">
               <img src="./assets/images/product.webp" alt="Product">
               <p>منتجات أخرى</p>
-            </div>
+            </a>
           </div>
         </div>
       </section>