From 408d94be316ed68f2fdd623341a6d3f78cb3e94d Mon Sep 17 00:00:00 2001
From: ishaa18 <ishapatel1805@gmail.com>
Date: Fri, 10 May 2024 21:30:26 +0530
Subject: [PATCH] fixed #5 /hovering effect in our facilities

On  facilities page, I have enhanced user experience by adding a subtle hover effect to each facility card. When users hover over a card, it elegantly scales up in size and gains a gentle shadow, providing intuitive visual feedback and inviting interaction
---
 style.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/style.css b/style.css
index d419a6e..38f7970 100644
--- a/style.css
+++ b/style.css
@@ -262,8 +262,14 @@ h3 {
 .facilities-col img {
     width: 100%;
     border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
 }
 
+.facilities-col img:hover{
+    transform: scale(1.1);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
+}
 .facilities-col p {
     padding: 0;
 }
@@ -294,12 +300,7 @@ h3 {
     box-sizing: border-box;
 }
 
-.testimonials-col img {
-    height: 40px;
-    margin-left: 5px;
-    margin-right: 30px;
-    border-radius: 50%;
-}
+
 
 .testimonials-col p {
     padding: 0;