diff --git a/Css-files/content.css b/Css-files/content.css
index b075a566..b03980fb 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -318,6 +318,9 @@ div.deals:hover{
   color: brown !important;
 }
 
+.deals:hover p a{
+  color: brown !important;
+}
 .deals p{
   font-size: 1.1rem;
   padding-top: 2px;
diff --git a/Html-files/services.html b/Html-files/services.html
index 0dcb4c38..0c6890ff 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -179,6 +179,15 @@
         transform: rotate(360deg);
     }
 }
+
+.deals:hover {
+    background-color: hsl(203, 30%, 95%); /* Optional: change background on hover */
+}
+
+.deals:hover p {
+    color: hsl(203, 30%, 50%); /* Change to a darker color for contrast on hover */
+ color: hsl(203, 30%, 50%); 
+}
     </style>
 
 </head>
@@ -387,7 +396,7 @@ <h1  style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">S E R
             <div class="second_cont" style="font-family: Garamond;">
                 <div class="deals">
                     <i class="fa-solid fa-gift"></i>
-                    <p
+                    <p class="dealsp"
                         style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);"><a
                             href="./payment2.html"
                             style="text-decoration: none;color: black;">Gift
@@ -395,7 +404,7 @@ <h1  style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">S E R
                 </div>
                 <div class="deals">
                     <i class="fa-solid fa-ticket"></i>
-                    <p
+                    <p class="dealsp"
                         style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);"><a
                             href="./payment2.html"
                             style="text-decoration: none;color: black;">Exclusive