add change text color to white (#509)

* add change text color to white

* remove reduddant

* remove reduddant

---------

Co-authored-by: itachi sasuke <8012032+Keithwachira@users.noreply.github.com>

Author: yurisasuke

index.mdx

@@ -105,7 +105,7 @@ export const tykStacksCols = [
               <div className="image-container mb-6">
                 <img src="/img/home-page-review-icon.svg" alt="Guided evaluation" className="home-img" />
               </div>
-              <p className="fs-xs font-semibold mb-4 text-sec">Schedule your guided evaluation</p>
+              <p className="fs-18 font-semibold mb-4 text-sec">Schedule your guided evaluation</p>
               <p className="fs-xs mb-3 text-sec">
                 Looking to evaluate our powerful Hybrid or&nbsp;Self-Managed deployment types?
               </p>
@@ -127,7 +127,7 @@ export const tykStacksCols = [
               <div className="image-container mb-6">
                 <img src="/img/home_page_free_trial_icon.svg" alt="48-hour free trial" className="home-img" />
               </div>
-              <p className="fs-xs font-semibold mb-4 text-sec">Start your 48-hour free trial</p>
+              <p className="fs-18 font-semibold mb-4 text-sec">Start your 48-hour free trial</p>
               <p className="fs-xs mb-3 text-sec">Dive in with a cloud-based trial.</p>
               <p className="fs-xs mb-3 text-sec">
                 Get access to all features and capabilities of Tyk. No installation or credit card needed (and no need

style.css

@@ -34,13 +34,15 @@ li[id="topbar-cta-button"] > a > div > svg > path {
     color: #ffffff;              /* White text in dark mode */
 }
 
+.fs-18 { font-size: 18px; }
+
 .fs-16 { font-size: 16px; }
 .fs-xs { font-size: 14px; }
 .font-400 { font-weight: 400; }
 .text-sec { color: var(--text-subdued, #515071); }
 
 .dark .text-sec { 
-    color: #a1a1aa;             /* Light gray text in dark mode */
+    color: #FFF;             /* Light gray text in dark mode */
 }
 
 /* ---------- layout helpers ---------- */
@@ -670,6 +672,7 @@ li[id="topbar-cta-button"] > a > div > svg > path {
     margin-left: 16px !important; /* Add spacing between icon and text for both light and dark mode */
 }
 
+/* ---------- Dark mode styling for card headings in "Try it out" section ---------- */
 .dark .grid-cols-2 > div:hover img,
 .dark .grid > div[class*="border"]:hover img,
 .dark .grid > div[class*="rounded"]:hover img {