remove glass card background for the game providers section - Follow Up Deployment

index.html

@@ -311,7 +311,7 @@
         </div>
         
         <div class="flex-1 mx-4">
-            <div class="relative">
+            <div class="relative glass-panel">
                 <input type="text" placeholder="Search games..." class="w-full py-2 px-4 bg-nioglass rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-niogold">
                 <i class="fas fa-search absolute right-3 top-2.5 text-gray-400"></i>
             </div>
@@ -767,7 +767,7 @@
         </div>
 
         <!-- Game Providers Section -->
-        <div class="mb-6">
+        <div class="mb-6 glass-panel">
             <div class="flex items-center mb-4">
                 <div class="w-3 h-6 bg-gradient-to-r from-niogold to-amber-200 rounded mr-2"></div>
                 <h3 class="font-bold">Premium Game Providers</h3>
@@ -776,93 +776,45 @@
             <div class="relative">
                 <div class="marquee-container overflow-hidden">
                     <div class="marquee flex space-x-4 py-2">
-                        <!-- Provider Logos with animated cards -->
-                        <div class="flex-shrink-0 provider-card group">
-                            <div class="w-24 h-24 rounded-xl bg-gray-800 flex items-center justify-center p-2 transform group-hover:rotate-y-180 transition-all duration-500">
-                                <div class="provider-front flex flex-col items-center">
-                                    <div class="w-12 h-12 bg-gradient-to-br from-niogold to-amber-100 rounded-full flex items-center justify-center mb-2">
-                                        <i class="fas fa-dice text-gray-900 text-xl"></i>
-                                    </div>
-                                    <span class="text-xs font-medium text-niogold">Pragmatic</span>
-                                </div>
-                            </div>
+                        <!-- Provider Logos with simple gray icons -->
+                        <div class="flex-shrink-0 flex flex-col items-center px-4">
+                            <i class="fas fa-dice text-gray-400 text-xl mb-1"></i>
+                            <span class="text-xs text-gray-300">Pragmatic</span>
                         </div>
                         
-                        <div class="flex-shrink-0 provider-card group">
-                            <div class="w-24 h-24 rounded-xl glass-panel flex items-center justify-center p-2 transform group-hover:rotate-y-180 transition-all duration-500">
-                                <div class="provider-front flex flex-col items-center">
-                                    <div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-300 rounded-full flex items-center justify-center mb-2">
-                                        <i class="fas fa-chess-queen text-white text-xl"></i>
-                                    </div>
-                                    <span class="text-sm font-medium text-blue-400">Playtech</span>
-                                </div>
-                            </div>
+                        <div class="flex-shrink-0 flex flex-col items-center px-4">
+                            <i class="fas fa-chess-queen text-gray-400 text-xl mb-1"></i>
+                            <span class="text-xs text-gray-300">Playtech</span>
                         </div>
                         
-                        <div class="flex-shrink-0 provider-card group">
-                            <div class="w-24 h-24 rounded-xl glass-panel flex items-center justify-center p-2 transform group-hover:rotate-y-180 transition-all duration-500">
-                                <div class="provider-front flex flex-col items-center">
-                                    <div class="w-12 h-12 bg-gradient-to-br from-green-500 to-green-300 rounded-full flex items-center justify-center mb-2">
-                                        <i class="fas fa-leaf text-white text-xl"></i>
-                                    </div>
-                                    <span class="text-sm font-medium text-green-400">NetEnt</span>
-                                </div>
-                            </div>
+                        <div class="flex-shrink-0 flex flex-col items-center px-4">
+                            <i class="fas fa-leaf text-gray-400 text-xl mb-1"></i>
+                            <span class="text-xs text-gray-300">NetEnt</span>
                         </div>
                         
-                        <div class="flex-shrink-0 provider-card group">
-                            <div class="w-24 h-24 rounded-xl glass-panel flex items-center justify-center p-2 transform group-hover:rotate-y-180 transition-all duration-500">
-                                <div class="provider-front flex flex-col items-center">
-                                    <div class="w-12 h-12 bg-gradient-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center mb-2">
-                                        <i class="fas fa-gamepad text-white text-xl"></i>
-                                    </div>
-                                    <span class="text-sm font-medium text-purple-400">Microgaming</span>
-                                </div>
-                            </div>
+                        <div class="flex-shrink-0 flex flex-col items-center px-4">
+                            <i class="fas fa-gamepad text-gray-400 text-xl mb-1"></i>
+                            <span class="text-xs text-gray-300">Microgaming</span>
                         </div>
                         
-                        <div class="flex-shrink-0 provider-card group">
-                            <div class="w-24 h-24 rounded-xl glass-panel flex items-center justify-center p-2 transform group-hover:rotate-y-180 transition-all duration-500">
-                                <div class="provider-front flex flex-col items-center">
-                                    <div class="w-12 h-12 bg-gradient-to-br from-red-500 to-orange-500 rounded-full flex items-center justify-center mb-2">
-                                        <i class="fas fa-fire text-white text-xl"></i>
-                                    </div>
-                                    <span class="text-sm font-medium text-red-400">Evolution</span>
-                                </div>
-                            </div>
+                        <div class="flex-shrink-0 flex flex-col items-center px-4">
+                            <i class="fas fa-fire text-gray-400 text-xl mb-1"></i>
+                            <span class="text-xs text-gray-300">Evolution</span>
                         </div>
                         
-                        <div class="flex-shrink-0 provider-card group">
-                            <div class="w-24 h-24 rounded-xl glass-panel flex items-center justify-center p-2 transform group-hover:rotate-y-180 transition-all duration-500">
-                                <div class="provider-front flex flex-col items-center">
-                                    <div class="w-12 h-12 bg-gradient-to-br from-yellow-500 to-amber-500 rounded-full flex items-center justify-center mb-2">
-                                        <i class="fas fa-tree text-gray-900 text-xl"></i>
-                                    </div>
-                                    <span class="text-sm font-medium text-yellow-400">Yggdrasil</span>
-                                </div>
-                            </div>
+                        <div class="flex-shrink-0 flex flex-col items-center px-4">
+                            <i class="fas fa-tree text-gray-400 text-xl mb-1"></i>
+                            <span class="text-xs text-gray-300">Yggdrasil</span>
                         </div>
                         
-                        <div class="flex-shrink-0 provider-card group">
-                            <div class="w-24 h-24 rounded-xl glass-panel flex items-center justify-center p-2 transform group-hover:rotate-y-180 transition-all duration-500">
-                                <div class="provider-front flex flex-col items-center">
-                                    <div class="w-12 h-12 bg-gradient-to-br from-orange-500 to-red-500 rounded-full flex items-center justify-center mb-2">
-                                        <i class="fas fa-paw text-white text-xl"></i>
-                                    </div>
-                                    <span class="text-sm font-medium text-orange-400">Red Tiger</span>
-                                </div>
-                            </div>
+                        <div class="flex-shrink-0 flex flex-col items-center px-4">
+                            <i class="fas fa-paw text-gray-400 text-xl mb-1"></i>
+                            <span class="text-xs text-gray-300">Red Tiger</span>
                         </div>
                         
-                        <div class="flex-shrink-0 provider-card group">
-                            <div class="w-24 h-24 rounded-xl glass-panel flex items-center justify-center p-2 transform group-hover:rotate-y-180 transition-all duration-500">
-                                <div class="provider-front flex flex-col items-center">
-                                    <div class="w-12 h-12 bg-gradient-to-br from-teal-500 to-cyan-500 rounded-full flex items-center justify-center mb-2">
-                                        <i class="fas fa-play text-white text-xl"></i>
-                                    </div>
-                                    <span class="text-sm font-medium text-teal-400">Play'n GO</span>
-                                </div>
-                            </div>
+                        <div class="flex-shrink-0 flex flex-col items-center px-4">
+                            <i class="fas fa-play text-gray-400 text-xl mb-1"></i>
+                            <span class="text-xs text-gray-300">Play'n GO</span>
                         </div>
                     </div>
                 </div>
@@ -872,10 +824,9 @@
             </div>
             
             <div class="flex justify-center mt-4">
-                <button class="px-3 py-1 glass-panel rounded-full text-xs font-semibold glow-text hover:shadow-glow transition-all duration-300 flex items-center">
-                    <i class="fas fa-th-large mr-1 text-xs relative z-10"></i>
-                    <span class="relative z-10">View All</span>
-                    <div class="absolute inset-0 rounded-full bg-gradient-to-r from-niogold/80 to-amber-100/80 opacity-70 hover:opacity-100 transition-opacity duration-300"></div>
+                <button class="px-3 py-1 rounded-full text-xs font-semibold glow-text hover:shadow-glow transition-all duration-300 flex items-center bg-gradient-to-r from-niogold/80 to-amber-100/80">
+                    <i class="fas fa-th-large mr-1 text-xs"></i>
+                    <span>View All</span>
                 </button>
             </div>
         </div>