diff --git a/faq.html b/faq.html
index ff7de5b..7595de3 100644
--- a/faq.html
+++ b/faq.html
@@ -40,8 +40,8 @@
     }
 
     .faq-question {
-      background-color: #e7ffe7;
-      color: #333;
+      background-color: #369ef9;
+      color: whitesmoke;
       padding: 10px;
       width: 100%;
       text-align: left;
@@ -57,7 +57,8 @@
     }
 
     .faq-question:hover {
-      background-color: #d5f0d5;
+      background-color: whitesmoke;
+      color:#369ef9 ;
       /* Lighter green on hover */
     }
 
diff --git a/index.html b/index.html
index a6419b3..548c639 100644
--- a/index.html
+++ b/index.html
@@ -242,8 +242,8 @@
     }
 
     .faq-question {
-      background-color: #e7ffe7;
-      color: #333;
+      background-color: #369ef9;
+      color: whitesmoke;
       padding: 10px;
       width: 100%;
       text-align: left;
@@ -259,8 +259,9 @@
     }
 
     .faq-question:hover {
-      background-color: #d5f0d5;
-      /* Lighter green on hover */
+      background-color: whitesmoke;
+      color:#369ef9 ;
+      /* new colour on hover */
     }
 
     .faq-question::after {