diff --git a/css/style.css b/css/style.css
index 6ca7437..3304557 100644
--- a/css/style.css
+++ b/css/style.css
@@ -161,7 +161,10 @@ img#change-lang {
 .section .container .allimage .part:hover {
   box-shadow: 0px 0px 12px #70707031;
 }
-
+.section .container .allimage .item{
+    border-radius: 18px;
+    padding: 10px;
+}
 @media (max-width: 768px) {
   .section .container .allimage .part {
     max-width: 120px;
diff --git a/index.html b/index.html
index 0d9e16e..22a441d 100644
--- a/index.html
+++ b/index.html
@@ -452,50 +452,50 @@ <h3 class="item-heading">رسيفارات</h3>
       <div class="container">
         <h2>الأقسام</h2>
         <div class="allimage">
-          <a href="" data-aos="fade-up">
+          <a href="" class="item" style="background-color:#f8bdbd69 ;" data-aos="fade-up">
             <div class="part">
               <img src="./images/c1.svg" alt="" />
               <h1>مكيف هواء</h1>
             </div></a
           >
-          <a href="" data-aos="fade-up">
+          <a href="" class="item" style="background-color:#f8e4bd69 ;" data-aos="fade-up">
             <div class="part">
               <img src="./images/c4.svg" alt="" />
               <h1>فرن</h1>
             </div>
           </a>
 
-          <a href="" data-aos="fade-up"
+          <a href="" class="item" style="background-color: #e4f8bd69;" data-aos="fade-up"
             ><div class="part">
               <img src="./images/c3.svg" alt="" />
               <h1>ثلاجه</h1>
             </div></a
           >
-          <a href="" data-aos="fade-up"
+          <a href="" class="item" style="background-color: #bdf8e569;" data-aos="fade-up"
             ><div class="part">
               <img src="./images/c2.svg" alt="" />
               <h1>الغسالات</h1>
             </div></a
           >
-          <a href="" data-aos="fade-up"
+          <a href="" class="item" style="background-color:#bde7f869 ;" data-aos="fade-up"
             ><div class="part">
               <img src="./images/c5.svg" alt="" />
               <h1>السخانات</h1>
             </div></a
           >
-          <a href="" data-aos="fade-up">
+          <a href="" class="item" style="background-color: #bebdf869;" data-aos="fade-up">
             <div class="part">
               <img src="./images/c6.svg" alt="" />
               <h1>ميكروويف</h1>
             </div></a
           >
-          <a href="" data-aos="fade-up"
+          <a href="" class="item" style="background-color: #eabdf869;" data-aos="fade-up"
             ><div class="part">
               <img src="./images/c7.svg" alt="" />
               <h1>غسالات الأطباق</h1>
             </div></a
           >
-          <a href="" data-aos="fade-up"
+          <a href="" class="item" style="background-color: #f8bdc769;" data-aos="fade-up"
             ><div class="part">
               <img src="./images/c8.svg" alt="" />
               <h1>شفاطات البوتجازات</h1>