CHange "Total SC" "Total GC" "Redeemable" text color to white

index.html

@@ -272,8 +272,8 @@ animation: border-spin 3s linear infinite;
                 <!-- Card A: Purchase SC -->
                 <div class="glass-card p-4" id="card-purchase-sc" data-aos="fade-up">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#3CE27A] text-[#3CE27A] text-xs px-2 py-1">Total SC</span>
-                        <div class="tooltip-wrapper">
+                        <span class="chip border border-[#3CE27A] text-white text-xs px-2 py-1">Total SC</span>
+<div class="tooltip-wrapper">
                             <i data-feather="info" class="w-3 h-3 text-[#3CE27A]"></i>
                             <div class="tooltip-content text-xs">
                                 Purchase SC requires 1× wagering before withdrawal.
@@ -287,8 +287,8 @@ animation: border-spin 3s linear infinite;
                 <!-- Card B: Bonus SC -->
                 <div class="glass-card p-4" id="card-bonus-sc" data-aos="fade-up" data-aos-delay="50">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#FEC84B] text-[#FEC84B] text-xs px-2 py-1">Total GC</span>
-                        <div class="tooltip-wrapper">
+                        <span class="chip border border-[#FEC84B] text-white text-xs px-2 py-1">Total GC</span>
+<div class="tooltip-wrapper">
                             <i data-feather="info" class="w-3 h-3 text-[#FEC84B]"></i>
                             <div class="tooltip-content text-xs">
                                 Gold Coins used to play for fun!
@@ -302,8 +302,8 @@ animation: border-spin 3s linear infinite;
                 <!-- Card C: WSC -->
                 <div class="glass-card p-4 bg-[rgba(60,226,122,0.08)]" id="card-wsc" data-aos="fade-up" data-aos-delay="100">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#3CE27A] text-[#3CE27A] text-xs px-2 py-1">Redeemable</span>
-                        <div class="icon-wrapper">
+                        <span class="chip border border-[#3CE27A] text-white text-xs px-2 py-1">Redeemable</span>
+<div class="icon-wrapper">
                             <i data-feather="check-circle" class="w-4 h-4 text-[#3CE27A]"></i>
                         </div>
                     </div>