From 6a8b12e44109662295dcc7f3c886eb5aab980534 Mon Sep 17 00:00:00 2001
From: nandani-goyal <152094228+nandani-goyal@users.noreply.github.com>
Date: Fri, 2 Aug 2024 18:40:29 +0530
Subject: [PATCH] improved the color style of the cards

---
 Css-files/offers.css   | 17 ++++++++++++++++-
 Html-files/offers.html |  1 +
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/Css-files/offers.css b/Css-files/offers.css
index f95fa4d1..4ff78ce8 100644
--- a/Css-files/offers.css
+++ b/Css-files/offers.css
@@ -395,6 +395,7 @@ nav {
   border-radius: 0.9375rem;
 }
 
+
 .explore-food .card :hover {
   transform: scale(1.01);
   transition:all .4s ease-in;
@@ -419,11 +420,25 @@ nav {
 
 .explore-food p{
   /* color:var(--text-color); */
-  color: white;
+  color: rgb(167, 166, 166);
   font-size: 14px;
   line-height: 22px;
 }
+.card:hover {
+  transform: translateY(-5px); /* Move the card up slightly on hover */
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Increase shadow on hover */
+}
 
+/* Example of adding a border on hover */
+.card:hover {
+  border: 2px solid #4CAF50;
+}
+
+/* Example of adding a background color change on hover */
+.card:hover {
+  background-color: #f0f0f0;
+  
+}
 /*
 ==========================================
  testimonial section Design
diff --git a/Html-files/offers.html b/Html-files/offers.html
index 215d4a5f..4c85de7e 100644
--- a/Html-files/offers.html
+++ b/Html-files/offers.html
@@ -69,6 +69,7 @@
 /* Example of adding a background color change on hover */
 .card:hover {
   background-color: #f0f0f0;
+
 }
 @media only screen and (max-width:538px){
   .carousel-caption p{