From ce24e8e7fc65c213df9ce9dbc40678d6d1c20c8f Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Tue, 9 Dec 2025 14:33:06 +0530
Subject: [PATCH] faq hover color updated

---
 src/components/PropertyDetailClient.tsx | 45 ++++++++++---------------
 1 file changed, 18 insertions(+), 27 deletions(-)

diff --git a/src/components/PropertyDetailClient.tsx b/src/components/PropertyDetailClient.tsx
index 7a39a6b..0c6f493 100644
--- a/src/components/PropertyDetailClient.tsx
+++ b/src/components/PropertyDetailClient.tsx
@@ -2008,39 +2008,30 @@ export default function PropertyDetailClient({ property }: { property: Property
                                         <div key={index} className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
 
                                             <button
-
                                                 onClick={() => setExpandedFaq(expandedFaq === index ? null : index)}
-
-                                                className="w-full flex items-center justify-between p-6 text-left bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors"
-
+                                                className="w-full flex items-center justify-between p-6 text-left bg-white dark:bg-gray-800 
+               hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors group"
                                             >
-
-                                                <span className="font-medium text-gray-900 dark:text-white pr-8">{item.question}</span>
-
-                                                <span className="text-gray-400">
-
-                                                    {expandedFaq === index ? (
-
-                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
-
-                                                            <path strokeLinecap="round" strokeLinejoin="round" d="M19.5 12h-15" />
-
-                                                        </svg>
-
-                                                    ) : (
-
-                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
-
-                                                            <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
-
-                                                        </svg>
-
-                                                    )}
-
+                                                <span className="font-medium text-gray-900 dark:text-white pr-8 group-hover:text-blue-600">
+                                                    {item.question}
                                                 </span>
 
+                                                <span className="text-gray-400 group-hover:text-blue-600">
+                                                    {expandedFaq === index ? (
+                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                                                            strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
+                                                            <path strokeLinecap="round" strokeLinejoin="round" d="M19.5 12h-15" />
+                                                        </svg>
+                                                    ) : (
+                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                                                            strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
+                                                            <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+                                                        </svg>
+                                                    )}
+                                                </span>
                                             </button>
 
+
                                             {expandedFaq === index && (
 
                                                 <div className="p-6 pt-0 bg-white dark:bg-gray-800 text-gray-600 dark:text-gray-300 leading-relaxed border-t border-gray-100 dark:border-gray-700">