From a4279af880784422b25f5bb88e45d78582d3f23e Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Thu, 20 Feb 2025 14:46:46 +0200
Subject: [PATCH] fix FAQ dropdown color

---
 templates/partials/hero/myhero1.html |  2 +-
 templates/partials/hero/myhero6.html | 28 ++++++++++++++--------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/templates/partials/hero/myhero1.html b/templates/partials/hero/myhero1.html
index 75232f7..4474f63 100644
--- a/templates/partials/hero/myhero1.html
+++ b/templates/partials/hero/myhero1.html
@@ -1,4 +1,4 @@
-<div class=" fade-in bg-semi-white">
+<div class="pb-24 fade-in bg-semi-white">
     <div class="relative isolate">
 
         <div class="mx-auto max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
diff --git a/templates/partials/hero/myhero6.html b/templates/partials/hero/myhero6.html
index 583bacc..1c6eb8b 100644
--- a/templates/partials/hero/myhero6.html
+++ b/templates/partials/hero/myhero6.html
@@ -31,8 +31,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-01"
                         >
-                            <span style="color: #000;">What is Mycelium?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span class="pl-4" style="color: #000;">What is Mycelium?</span>
+                            <svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -63,8 +63,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-02"
                         >
-                            <span style="color: #000;">How do I install the Mycelium app?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span class="pl-4" style="color: #000;">How do I install the Mycelium app?</span>
+                            <svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -95,8 +95,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-04"
                         >
-                            <span style="color: #000;">How can I find and use my Mycelium address?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span class="pl-4" style="color: #000;">How can I find and use my Mycelium address?</span>
+                            <svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -127,8 +127,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-05"
                         >
-                            <span style="color: #000;">Can I deploy workloads on the TFGrid using Mycelium?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span class="pl-4" style="color: #000;">Can I deploy workloads on the TFGrid using Mycelium?</span>
+                            <svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -159,8 +159,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-06"
                         >
-                            <span style="color: #000;">Is there an API available for Mycelium?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span class="pl-4" style="color: #000;">Is there an API available for Mycelium?</span>
+                            <svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -191,8 +191,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-04"
                         >
-                            <span style="color: #000;">What should I do if I encounter issues during installation or usage?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span class="pl-4" style="color: #000;">What should I do if I encounter issues during installation or usage?</span>
+                            <svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -223,8 +223,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-04"
                         >
-                            <span style="color: #000;">How does Mycelium handle routing within its network?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span class="pl-4" style="color: #000;">How does Mycelium handle routing within its network?</span>
+                            <svg class="fill-black shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>