From e0766b06bd0a397d012e8eb345803cd79141caf7 Mon Sep 17 00:00:00 2001
From: Geeta Neha <geetanehakalangi@gmail.com>
Date: Sun, 19 Oct 2025 19:41:13 +0530
Subject: [PATCH] Hover effect for what customer say section in about page.

---
 src/pages/about.html | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/pages/about.html b/src/pages/about.html
index 9e54cf50..ff6fa421 100644
--- a/src/pages/about.html
+++ b/src/pages/about.html
@@ -264,7 +264,8 @@
   gap: 1.5rem;             
   overflow-x: auto;         
   scroll-snap-type: x mandatory;
-  padding-right: 1rem;       
+  padding-right: 1rem;     
+  
 }
 
 .testimonial-card {
@@ -272,6 +273,14 @@
   scroll-snap-align: start;  
 }
 
+
+
+.testimonial-card:hover {
+  border: 1px solid #60a5fa;
+  transform: scale(1.05); 
+  box-shadow: 0 4px 10px rgba(96, 165, 250, 0.3);
+}
+
 .add-margin{
   margin-top: 20px;
 }
@@ -431,7 +440,7 @@ <h2 data-aos="fade-up" class="h2 section-title gradient-text">💬 What Our Cust
                 <ion-icon name="chevron-back-outline"></ion-icon>
               </button>
               <div data-aos="fade-up" data-aos-delay="100" class="testimonials-container">
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/007BFF/white?text=RS" alt="Rahul Sharma" />
@@ -446,7 +455,7 @@ <h4 class="customer-name">Rahul Sharma</h4>
                     <p>"I recently rented a car from VehiGo, and I couldn't be happier with the experience. The staff was incredibly friendly and helpful throughout the entire process."</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/28a745/white?text=AP" alt="Alok Patel" />
@@ -461,7 +470,7 @@ <h4 class="customer-name">Alok Patel</h4>
                     <p>"Renting a car from VehiGo was a breeze! The staff was friendly, the car was clean and well-maintained, and the whole process was seamless."</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/ffc107/black?text=AG" alt="Aaru Gupta" />
@@ -476,7 +485,7 @@ <h4 class="customer-name">Aaru Gupta</h4>
                     <p>"VehiGo is my top choice for renting a car. Their service is consistently outstanding and professional. Highly recommended!"</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/dc3545/white?text=PJ" alt="Prateeksha Joshi" />
@@ -491,7 +500,7 @@ <h4 class="customer-name">Prateeksha Joshi</h4>
                     <p>"Overall a wonderful experience! The car was spacious, comfortable, and fuel-efficient. The booking process was simple and quick."</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/6f42c1/white?text=RM" alt="Rohit Mehta" />