From 4ea08ac215a561880b0fd082e6de81cd65fdf470 Mon Sep 17 00:00:00 2001
From: AJ Athira <ajathira1294@gmail>
Date: Fri, 4 Oct 2024 15:19:04 +0530
Subject: [PATCH] done

---
 Website/css/styles.css | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/Website/css/styles.css b/Website/css/styles.css
index 102adcb84..8f120f8e9 100644
--- a/Website/css/styles.css
+++ b/Website/css/styles.css
@@ -1246,8 +1246,6 @@ body.dark-mode {
 .dark-mode .milestone-card p{
     color:black;
 }
-
-
 .testimonial-section {
     background-color: #111151;
     padding: 60px 20px;
@@ -1274,6 +1272,7 @@ body.dark-mode {
     border-radius: 10px;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
     text-align: center;
+    transition: background-color 0.3s, box-shadow 0.3s;
 }
 
 .testimonial img {
@@ -1295,6 +1294,18 @@ body.dark-mode {
     color: #ffd700;
 }
 
+/* Hover effect */
+.testimonial:hover {
+    background-color: #ffd700; /* Change to a contrasting color */
+    color: #111151; /* Change text color */
+    box-shadow: 0 0 20px rgba(255, 215, 0, 0.6); /* Brighter shadow */
+}
+
+.testimonial:hover p,
+.testimonial:hover h3 {
+    color: #111151; /* Ensure text is visible against new background */
+}
+
 /* Light Mode for Testimonial Section */
 .dark-mode .testimonial-section {
     background-color: #f9f9f9;
@@ -1322,6 +1333,18 @@ body.dark-mode {
     border: 2px solid #ddd;
 }
 
+/* Hover effect for dark mode */
+.dark-mode .testimonial:hover {
+    background-color: #555; /* A darker color for light mode */
+    color: #fff;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+}
+
+.dark-mode .testimonial:hover p,
+.dark-mode .testimonial:hover h3 {
+    color: #fff; /* Ensure text remains visible */
+}
+
 body {
     font-family: Arial, sans-serif;
     background-color: #0a0266;