PageSourceSearch

https://inwr777gamecom.com/

html inwr777gamecom.com collected 2026-10-07 23:02:18 UTC 169,834 bytes, 2,359 lines download raw bytes

1<!DOCTYPE html><html lang="en-IN"><head>
2    <meta charset="UTF-8">
3    <meta http-equiv="X-UA-Compatible" content="IE=edge">
4    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
5    <title>INWR777GAMECOM - PLATAFORMA OFICIAL - 🎰 - INWR777GAMECOM.COM</title>
6    <meta name="description" content="Join WR777 Game Com for the ultimate casino experience! Fast WR777 login, seamless app access, and massive wins. Play top slots and table games today!">
7    <meta name="keywords" content="wr777 game com, wr777 login, wr777 app, online casino India, real money games, slot games, online gambling, wr777 com game, big win casino, betting app">
8    <meta name="author" content="INWR777GAMECOM">
9    <meta http-equiv="content-language" content="en-IN">
10    <meta name="geo.region" content="en-IN">
11    <meta name="geo.country" content="en-IN">
12    <meta name="geo.placename" content="Mumbai">
13    <meta property="og:title" content="INWR777GAMECOM - PLATAFORMA OFICIAL - 🎰 - INWR777GAMECOM.COM">
14    <meta property="og:description" content="Join WR777 Game Com for the ultimate casino experience! Fast WR777 login, seamless app access, and massive wins. Play top slots and table games today!">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://inwr777gamecom.com/">
17    <meta property="og:locale" content="en_IN">
18    <link rel="alternate" hreflang="en-IN" href="https://inwr777gamecom.com/">
19    <link rel="alternate" hreflang="x-default" href="https://inwr777gamecom.com/">
20    <link rel="canonical" href="https://inwr777gamecom.com/">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="INWR777GAMECOM - PLATAFORMA OFICIAL - 🎰 - INWR777GAMECOM.COM">
23    <meta name="twitter:description" content="Join WR777 Game Com for the ultimate casino experience! Fast WR777 login, seamless app access, and massive wins. Play top slots and table games today!">
24    <link rel="icon" href="static/images/ico.png" type="image/x-icon">
25    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
26    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
27    <style>
28  :root {
29    --theme-color: #65a30d;
30    --bg-color: #f7fee7;
31    --surface-color: #ffffff;
32    --text-color: #365314;
33    --text-secondary: #4d7c0f;
34    --border-color: #d9f99d;
35    --button-text-color: #ffffff;
36  }
37  .theme-text { color: var(--theme-color); }
38  .theme-bg { background-color: var(--theme-color); }
39  .theme-border { border-color: var(--theme-color); }
40</style>
41    
41<script type="application/ld+json">
42{
43  "@context": "https://schema.org",
44  "@graph": [
45    {
46      "@context": "https://schema.org",
47      "@type": "Organization",
48      "name": "inwr777gamecom",
49      "url": "inwr777gamecom.com",
50      "logo": "static/images/logo.png",
51      "description": "Join WR777 Game Com for the ultimate casino experience! Fast WR777 login, seamless app access, and massive wins. Play top slots and table games today!"
52    },
53    {
54      "@context": "https://schema.org",
55      "@type": "WebPage",
56      "name": "INWR777GAMECOM - PLATAFORMA OFICIAL - 🎰 - INWR777GAMECOM.COM",
57      "description": "Join WR777 Game Com for the ultimate casino experience! Fast WR777 login, seamless app access, and massive wins. Play top slots and table games today!",
58      "url": "inwr777gamecom.com",
59      "inLanguage": "en-IN",
60      "isPartOf": {
61        "@type": "WebSite",
62        "name": "inwr777gamecom",
63        "url": "inwr777gamecom.com"
64      }
65    },
66    {
67      "@context": "https://schema.org",
68      "@type": "SoftwareApplication",
69      "name": "inwr777gamecom Mobile App",
70      "description": "Join WR777 Game Com for the ultimate casino experience! Fast WR777 login, seamless app access, and massive wins. Play top slots and table games today!",
71      "operatingSystem": "Android, iOS",
72      "applicationCategory": "GameApplication",
73      "image": "static/images/logo.png",
74      "downloadUrl": "inwr777gamecom.com/download-app.html",
75      "offers": {
76        "@type": "Offer",
77        "price": "0",
78        "priceCurrency": "INR"
79      },
80      "aggregateRating": {
81        "@type": "AggregateRating",
82        "ratingValue": "4.6",
83        "ratingCount": "1979",
84        "bestRating": "5",
85        "worstRating": "1"
86      }
87    }
88  ]
89}
90</script>
90
91  
91<script src="https://cdn.tailwindcss.com?plugins=typography,forms,aspect-ratio,line-clamp"></script>
91
92  <link rel="shortcut icon" href="static/images/ico.png" type="image/x-icon">
93  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
94</head>
95<body class="bg-[#f7fee7] text-[#365314] min-h-screen overflow-x-hidden antialiased selection:bg-[#65a30d] selection:text-white flex flex-col">
96    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#f7fee7] via-[#ffffff] to-[#f7fee7] pointer-events-none"></div>
97    <div class="fixed top-0 left-1/2 -translate-x-1/2 w-full max-w-[540px] h-[500px] bg-[radial-gradient(circle_at_center,#65a30d30,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
98    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#65a30d]/10 rounded-full blur-[100px] pointer-events-none"></div>
99    <div class="fixed inset-0 z-0 opacity-[0.05] pointer-events-none bg-[linear-gradient(rgba(255,255,255,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.05)_1px,transparent_1px)] bg-[size:20px_20px]"></div>
100    <main id="app" class="relative z-10 w-full max-w-[540px] mx-auto min-h-screen bg-[#f7fee7]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#d9f99d]/20 flex flex-col">
101        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#65a30d] to-transparent opacity-50"></div>
102        <header class="sticky top-0 w-full z-50 h-9 bg-[#65a30d] border-b border-white/10 shadow-sm flex items-center justify-between px-3">
103    <div class="flex items-center gap-2 overflow-hidden">
104        <h1 class="text-[#f7fee7] font-bold text-sm md:text-base truncate" title="inwr777gamecom.com">
105            inwr777gamecom.com
106        </h1>
107        <p class="hidden sm:block text-[#d9f99d] text-xs truncate opacity-90" title="India's Premier Gaming Hub 🎰">
108            India's Premier Gaming Hub 🎰
109        </p>
110    </div>
111    <div class="flex items-center gap-3 shrink-0">
112        <button onclick="showLanguagePanel()" aria-label="Switch Language" class="p-1 rounded-full text-[#f7fee7] hover:bg-[#4d7c0f] transition-colors duration-200" title="Change site language">
113            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
114                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"></path>
115            </svg>
116        </button>
117        <a href="countries.html" data-link-fixed="true" class="text-[#f7fee7] text-xs font-medium hover:text-[#d9f99d] transition-colors duration-200 flex items-center gap-1" title="Explore regional versions">
118            <span class="hidden xs:inline">English (India) 🇮🇳</span>
119            <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
120                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
121            </svg>
122        </a>
123    </div>
124</header>
125<header class="sticky top-9 z-40 w-full bg-[#65a30d]/95 backdrop-blur-md border-b border-[#d9f99d] px-3 py-2.5 shadow-sm">
126    <nav class="max-w-7xl mx-auto flex items-center justify-between">
127        <a href="index.html" class="flex items-center shrink-0" title="Go to inwr777gamecom.com home">
128            <img src="static/images/logo.png" alt="inwr777gamecom.com Logo" class="h-8 w-auto object-contain">
129        </a>
130        <div class="flex items-center gap-2 shrink-0">
131            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-medium text-[#f7fee7] hover:text-[#d9f99d] transition-colors duration-200 rounded-lg" title="Login to inwr777gamecom.com">
132                Log In
133            </button>
134            <button onclick="downloadApp()" class="px-4 py-1.5 text-sm font-bold text-[#65a30d] bg-[#f7fee7] hover:bg-[#ecfcc4] transition-all duration-200 rounded-lg shadow-sm" title="Create an account at inwr777gamecom.com">
135                Join Now
136            </button>
137        </div>
138    </nav>
139</header>
140<div class="w-full max-w-full overflow-hidden px-3 py-2">
141    <div class="swiper banner-swiper w-full relative overflow-hidden rounded-2xl shadow-lg aspect-[2/1]">
142        <div class="swiper-wrapper">
143            <div class="swiper-slide relative w-full h-full group">
144                <a href="javascript:downloadApp();
144" title="Explore Join India's Top Gaming Hub" class="block w-full h-full">
145                    <img src="static/images/0a6c09f2593976be482f734440d16139974a9bef.webp" alt="Join India's Top Gaming Hub" loading="lazy" class="w-full h-full object-cover block">
146                    <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/60 via-transparent to-transparent"></div>
147                    <div class="absolute bottom-0 left-0 right-0 p-3 md:p-5">
148                        <div class="inline-flex items-center px-3 py-1 rounded-full bg-[#65a30d] text-[#f7fee7] text-xs font-medium mb-1">
149                            <span class="mr-1">🍃</span> Join India's Top Gaming Hub
150                        </div>
151                    </div>
152                </a>
153            </div>
154            <div class="swiper-slide relative w-full h-full group">
155                <a href="javascript:downloadApp();" title="Explore Big Wins Await You Today" class="block w-full h-full">
156                    <img src="static/images/0aa8bd2519859ace25453359bc369b0f0302a1ae.webp" alt="Big Wins Await You Today" loading="lazy" class="w-full h-full object-cover block">
157                    <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/60 via-trans
157parent to-transparent"></div>
158                    <div class="absolute bottom-0 left-0 right-0 p-3 md:p-5">
159                        <div class="inline-flex items-center px-3 py-1 rounded-full bg-[#65a30d] text-[#f7fee7] text-xs font-medium mb-1">
160                            <span class="mr-1">🍃</span> Big Wins Await You Today
161                        </div>
162                    </div>
163                </a>
164            </div>
165            <div class="swiper-slide relative w-full h-full group">
166                <a href="javascript:downloadApp();" title="Explore Download the WR777 App Now" class="block w-full h-full">
167                    <img src="static/images/344cf69a95f2642d2f864888fe8703e8f01e9711.webp" alt="Download the WR777 App Now" loading="lazy" class="w-full h-full object-cover block">
168                    <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/60 via-transparent to-transparent"></div>
169                    <div class="absolute bottom-0 left-0 right-0 p-3 md:p-5">
170                        <div class="inline-flex items-center px-3 py-1 rounded-full bg-[#65a30d] text-[#f7fee7] text-xs font-medium mb-1">
171                            <span class="mr-1">🍃</span> Download the WR777 App Now
172                        </div>
173                    </div>
174                </a>
175            </div>
176        </div>
177        <div class="swiper-pagination"></div>
178    </div>
179</div>
180<script>
181    (function() {
182        const initBanner = () => {
183            if (typeof Swiper !== 'undefined') {
184                new Swiper('.banner-swiper', {
185                    autoplay: {
186                        delay: 3000,
187                        disableOnInteraction: false,
188                    },
189                    loop: true,
190                    effect: 'slide',
191                    pagination: {
192                        el: '.swiper-pagination',
193                        clickable: true,
194                        paginationBulletColor: '#65a30d',
195                    },
196                    speed: 800,
197                });
198            } else {
199                setTimeout(initBanner, 100);
200            }
201        };
202        window.addEventListener('DOMContentLoaded', initBanner);
203    })();
204</script>
204
205<div id="notify-data" class="hidden" aria-hidden="true">
206    <div>Arj** won ₹12,500</div>
207    <div>Pri** withdrew ₹4,200</div>
208    <div>Smi** received bonus ₹500</div>
209    <div>Ami** won ₹25,000</div>
210    <div>Vik** withdrew ₹1,800</div>
211    <div>Rohan** won ₹8,400</div>
212    <div>Anit** received bonus ₹200</div>
213    <div>Dee** won ₹15,000</div>
214    <div>Suresh** withdrew ₹10,000</div>
215    <div>Kavi** won ₹3,200</div>
216    <div>Megh** received bonus ₹1,000</div>
217    <div>Sana** won ₹50,000</div>
218    <div>Raj** withdrew ₹6,500</div>
219    <div>Ish** won ₹1,200</div>
220    <div>Neha** received bonus ₹300</div>
221    <div>Adit** won ₹7,800</div>
222    <div>Priy** withdrew ₹2,100</div>
223    <div>Karan** won ₹11,000</div>
224    <div>Div** received bonus ₹750</div>
225    <div>Soni** won ₹9,000</div>
226    <div>Man** withdrew ₹4,000</div>
227    <div>Rish** won ₹60,000</div>
228    <div>Sne** received bonus ₹400</div>
229    <div>Arun** won ₹2,500</div>
230    <div>Pre** withdrew ₹12,000</div>
231    <div>Har** won ₹18,000</div>
232    <div>Smi** received bonus ₹600</div>
233    <div>Komal** won ₹4,300</div>
234    <div>Aak** withdrew ₹7,200</div>
235    <div>Tanu** won ₹1,500</div>
236    <div>Saur** received bonus ₹1,200</div>
237    <div>Om** won ₹30,000</div>
238    <div>Vani** withdrew ₹5,100</div>
239    <div>Deep** won ₹8,900</div>
240    <div>Sidh** received bonus ₹250</div>
241    <div>Rahul** won ₹14,000</div>
242    <div>Pooj** withdrew ₹3,300</div>
243    <div>Amit** won ₹2,800</div>
244    <div>Krit** received bonus ₹800</div>
245    <div>Jatin** won ₹21,000</div>
246    <div>Nitu** withdrew ₹1,100</div>
247    <div>Abhi** won ₹7,000</div>
248    <div>Riya** received bonus ₹1,500</div>
249    <div>Sush** won ₹12,000</div>
250    <div>Pala** withdrew ₹8,800</div>
251    <div>Gaut** won ₹5,500</div>
252    <div>Ansh** received bonus ₹100</div>
253    <div>Yash** won ₹45,000</div>
254    <div>Meen** withdrew ₹2,700</div>
255    <div>Dev** won ₹6,200</div>
256</div>
257<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#65a30d]/10 to-[#65a30d]/30 backdrop-blur-sm">
258  <div class="absolute inset-0 opacity-10 pointer-events-none">
259    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
260  </div>
261  <div class="relative flex flex-col items-center justify-center text-center">
262    <div id="jackpot-value" class="text-4xl font-black text-[#65a30d] drop-shadow-lg tracking-wider">7,50,00,000</div>
263    <div class="text-lg font-semibold text-[#365314]/90 mb-1">MEGA JACKPOT 🏆</div>
264    <div class="h-1 w-24 mx-auto bg-[#365314]/20 my-2 rounded"></div>
265    <div class="text-xl font-bold text-[#365314]/90 mt-1">INR</div>
266  </div>
267</div>
268<section class="relative py-12 px-4 overflow-hidden bg-[#f7fee7]">
269    <div class="absolute top-0 right-0 w-32 h-32 bg-[#d9f99d] rounded-full blur-3xl op
269acity-50 -mr-16 -mt-16"></div>
270    <div class="absolute bottom-0 left-0 w-24 h-24 bg-[#d9f99d] rounded-full blur-2xl opacity-40 -ml-12 -mb-12"></div>
271    <div class="relative max-w-6xl mx-auto">
272        <header class="mb-10 text-center md:text-left md:max-w-2xl">
273            <h2 class="text-2xl md:text-3xl font-bold text-[#365314] leading-tight mb-3" title="Experience Premium Gaming at inwr777gamecom.com">
274                Experience Premium Gaming at inwr777gamecom.com
275            </h2>
276            <p class="text-sm md:text-base text-[#4d7c0f] leading-relaxed opacity-90" title="Join India's most trusted gaming destination offering secure transactions, high win probabilities, and exclusive 24/7 VIP support. Experience a world of prestige and seamless entertainment designed for the modern player.">
277                Join India's most trusted gaming destination offering secure transactions, high win probabilities, and exclusive 24/7 VIP support. Experience a world of prestige and seamless entertainment designed for the modern player.
278            </p>
279        </header>
280        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-12">
281            <article class="group p-5 rounded-2xl bg-[#ffffff] border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300">
282                <div class="flex items-center gap-3 mb-3">
283                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#f7fee7] text-lg" title="Secure Transactions icon">
284                        🛡️
285                    </span>
286                    <h3 class="font-bold text-[#365314] text-base md:text-lg" title="Secure Transactions">
287                        Secure Transactions
288                    </h3>
289                </div>
290                <p class="text-sm text-[#4d7c0f] leading-relaxed" title="Enjoy peace of mind with industry-leading encryption and secure payment gateways tailored for Indian users to ensure safe deposits and withdrawals.">
291                    Enjoy peace of mind with industry-leading encryption and secure payment gateways tailored for Indian users to ensure safe deposits and withdrawals.
292                </p>
293            </article>
294            <article class="group p-5 rounded-2xl bg-[#ffffff] border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300">
295                <div class="flex items-center gap-3 mb-3">
296                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#f7fee7] text-lg" title="Instant Payouts icon">
297                        ⚡
298                    </span>
299                    <h3 class="font-bold text-[#365314] text-base md:text-lg" title="Instant Payouts">
300                        Instant Payouts
301                    </h3>
302                </div>
303                <p class="text-sm text-[#4d7c0f] leading-relaxed" title="Experience lightning-fast processing of your winnings with an automated system that ensures your funds reach your account without unnecessary delays.">
304                    Experience lightning-fast processing of your winnings with an automated system that ensures your funds reach your account without unnecessary delays.
305                </p>
306            </article>
307            <article class="group p-5 rounded-2xl bg-[#ffffff] border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300">
308                <div class="flex items-center gap-3 mb-3">
309                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#f7fee7] text-lg" title="VIP Treatment icon">
310                        💎
311                    </span>
312                    <h3 class="font-bold text-[#365314] text-base md:text-lg" title="VIP Treatment">
313                        VIP Treatment
314                    </h3>
315                </div>
316                <p class="text-sm text-[#4d7c0f] leading-relaxed" title="Access a dedicated 24/7 concierge service and personalized rewards programs designed to provide an elite gaming experience for every member.">
317                    Access a dedicated 24/7 concierge service and personalized rewards programs designed to provide an elite gaming experience for every member.
318                </p>
319            </article>
320            <article class="group p-5 rounded-2xl bg-[#ffffff] border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300">
321                <div class="flex items-center gap-3 mb-3">
322                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#f7fee7] text-lg" title="High Win Rates icon">
323                        🎯
324                    </span>
325                    <h3 class="font-bold text-[#365314] text-base md:text-lg" title="High Win Rates">
326                        High Win Rates
327                    </h3>
328                </div>
329                <p class="text-sm text-[#4d7c0f] leading-relaxed" title="Engage with fair-play certified games and optimized algorithms that provide competitive odds and a rewarding environment for skilled players.">
330                    Engage with fair-play certified games and optimized algorithms that provide competitive odds and a rewarding environment for skilled players.
331                </p>
332            </article>
333        </div>
334        <div class="relative p-6 md:p-8 rounded-3xl bg-[#ffffff] border-2 border-[#65a30d] text-center md:flex md:items-center md:justify-between md:text-left">
335            <div class="md:max-w-md">
336                <h3 class="text-xl font-bold text-[#365314] mb-2" title="Start Your Winning Journey Today">
337                    Start Your Winning Journey Today
338                </h3>
339                <p class="text-sm text-[#4d7c0f] opacity-80" title="Register now to claim your exclusive welcome bonus and access premium gaming lobbies instantly.">
340                    Register now to claim your exclusive welcome bonus and access premium gaming lobbies instantly.
341                </p>
342            </div>
343            <div class="mt-6 md:mt-0 flex flex-col sm:flex-row gap-3 justify-center">
344                <button onclick="downloadApp()" class="px-6 py-3 rounded-full bg-[#65a30d] text-[#ffffff] font-bold text-sm transition-transform active:scale-95 hover:brightness-110 shadow-lg shadow-[#65a30d]/30" title="Download Download App">
345                    Download App
346                </button>
347                <button onclick="downloadApp()" class="px-6 py-3 rounded-full border-2 border-[#65a30d] text-[#65a30d] font-bold text-sm transition-colors hover:bg-[#f7fee7] active:scale-95" title="Login to your account">
348                    Join Now
349                </button>
350            </div>
351        </div>
352    </div>
353</section>
354<nav class="sticky top-[88px] z-30 w-full bg-[#ffffff]/95 backdrop-blur-md border-b border-[#d9f99d] shadow-lg" title="Game Categories category navigation">
355  <div class="max-w-screen-xl mx-auto">
356    <div class="overflow-x-auto overflow-y-hidden scroll-smooth no-scrollbar snap-x snap-proximity">
357      <ul id="category-tabs" class="flex items-center whitespace-nowrap px-4 py-3 md:justify-start lg:justify-center gap-2">
358        <li class="snap-start">
359          <a href="#cat-cricket" title="View all games in Cricket Betting category" class="inline-flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out bg-[#f7fee7] text-[#65a30d] border border-[#d9f99d] hover:bg-[#65a30d] hover:text-[#ffffff] active:scale-95">
360            <span class="mr-2 flex items-center justify-center w-5 h-5" aria-hidden="true">
361              🏏
362            </span>
363            <span class="truncate">Cricket Betting</span>
364          </a>
365        </li>
366        <li class="snap-start">
367          <a href="#cat-live-casino" title="View all games in Live Casino category" class="inline-flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out bg-[#f7fee7] text-[#65a30d] border border-[#d9f99d] hover:bg-[#65a30d] hover:text-[#ffffff] active:scale-95">
368            <span class="mr-2 flex items-center justify-center w-5 h-5" aria-hidden="true">
369              🎰
370            </span>
371            <span class="truncate">Live Casino</span>
372          </a>
373        </li>
374        <li class="snap-start">
375          <a href="#cat-slots" title="View all games in Online Slots category" class="inline-flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out bg-[#f7fee7] text-[#65a30d] border border-[#d9f99d] hover:bg-[#65a30d] hover:text-[#ffffff] active:scale-95">
376            <span class="mr-2 flex items-center justify-center w-5 h-5" aria-hidden="true">
377              🍒
378            </span>
379            <span class="truncate">Online Slots</span>
380          </a>
381        </li>
382        <li class="snap-start">
383          <a href="#cat-sports" title="View all games in Sports Exchange category" class="inline-flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out bg-[#f7fee7] text-[#65a30d] border border-[#d9f99d] hover:bg-[#65a30d] hover:text-[#ffffff] active:scale-95">
384            <span class="mr-2 flex items-center justify-center w-5 h-5" aria-hidden="true">
385              🏆
386            </span>
387            <span class="truncate">Sports Exchange</span>
388          </a>
389        </li>
390        <li class="snap-start">
391          <a href="#cat-jackpot" title="View all games in Mega Jackpot category" class="inline-flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out bg-[#f7fee7] text-[#65a30d] border border-[#d9f99d] hover:bg-[#65a30d] hover:text-[#ffffff] active:scale-95">
392            <span class="mr-2 flex items-center justify-center w-5 h-5" aria-hidden="true">
393              💰
394            </span>
395            <span class="truncate">Mega Jackpot</span>
396          </a>
397        </li>
398      </ul>
399    </div>
400  </div>
401</nav><section id="inwr777gamecomcom_news" data-news-style="v3" class="py-6 px-3 bg-gray-950 text-white">
402  <div class="max-w-6xl mx-auto">
403    <!-- Header Area -->
404    <div class="flex items-center justify-between mb-4 gap-3 min-w-0">
405      <div class="min-w-0 flex-1">
406        <div class="flex items-center gap-2 mb-1">
407          <span class="px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-yellow-500 text-black rounded-sm">Hot</span>
408          <h2 class="text-[clamp(1.125rem,4vw,1.5rem)] font-extrabold leading-tight break-words tracking-tight">
409            New Game Recommendations
410          </h2>
411        </div>
412      </div>
413      <a href="/all-games" class="shrink-0 px-3 py-1.5 text-xs font-medium bg-gray-800 hover:bg-gray-700 border border-gray-700 rounded-full transition-colors whitespace-nowrap">
414        View all
415      </a>
416    </div>
417
418    <!-- Games Grid -->
419    <div class="grid grid-cols-2 gap-3">
420      <a href="jokers_jewels_wild.html" class="group relative block overflow-hidden rounded-xl aspect-[3/4] bg-gray-900 transition-transform active:scale-95">
421        <!-- Image Container -->
422        <div class="absolute inset-0 w-full h-full">
423          <img src="static/images/7f0d845c0f37775e.jpg" alt="Joker’s Jewels Wild" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
424        </div>
425
426        <!-- Premium Overlay Gradient -->
427        <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
428
429        <!-- Content Area -->
430        <div class="absolute bottom-0 left-0 right-0 p-3">
431          <div class="min-w-0">
432            <h3 class="text-sm font-bold leading-tight line-clamp-2 text-white drop-shadow-md group-hover:text-yellow-400 transition-colors">
433              Joker’s Jewels Wild
434            </h3>
435            <div class="mt-2 flex items-center justify-between">
436              <span class="text-[10px] font-medium px-1.5 py-0.5 rounded bg-white/20 backdrop-blur-md text-gray-200">
437                Play Now
438              </span>
439              <div class="w-4 h-4 rounded-full bg-yellow-500 flex items-center justify-center">
440                <svg class="w-2 h-2 text-black" fill="currentColor" viewBox="0 0 20 20"><path d="M10 0l4.58 4.58L15 2l-3-3-3 3 4.58-4.58L10 0zM0 10l4.58 4.58L2 15l3-3-3-3 4.58 4.58L0 10z"></path></svg>
441              </div>
442            </div>
443          </div>
444        </div>
445      </a>
446      <a href="willy_wonka_pure_imagination.html" class="group relative block overflow-hidden rounded-xl aspect-[3/4] bg-gray-900 transition-transform active:scale-95">
447        <!-- Image Container -->
448        <div class="absolute inset-0 w-full h-full">
449          <img src="static/images/b2e0da9ddbc0a19e.jpg" alt="Willy Wonka Pure Imagination" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
450        </div>
451
452        <!-- Premium Overlay Gradient -->
453        <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
454
455        <!-- Content Area -->
456        <div class="absolute bottom-0 left-0 right-0 p-3">
457          <div class="min-w-0">
458            <h3 class="text-sm font-bold leading-tight line-clamp-2 text-white drop-shadow-md group-hover:text-yellow-400 transition-colors">
459              Willy Wonka Pure Imagination
460            </h3>
461            <div class="mt-2 flex items-center justify-between">
462              <span class="text-[10px] font-medium px-1.5 py-0.5 rounded bg-white/20 backdrop-blur-md text-gray-200">
463                Play Now
464              </span>
465              <div class="w-4 h-4 rounded-full bg-yellow-500 flex items-center justify-center">
466                <svg class="w-2 h-2 text-black" fill="currentColor" viewBox="0 0 20 20"><path d="M10 0l4.58 4.58L15 2l-3-3-3 3 4.58-4.58L10 0zM0 10l4.58 4.58L2 15l3-3-3-3 4.58 4.58L0 10z"></path></svg>
467              </div>
468            </div>
469          </div>
470        </div>
471      </a>
472    </div>
473  </div>
474</section>
475<style>
476  /* Hide scrollbar for Chrome, Safari and Opera */
477  .no-scrollbar::-webkit-scrollbar {
478    display: none;
479  }
480  /* Hide scrollbar for IE, Edge and Firefox */
481  .no-scrollbar {
482    -ms-overflow-style: none;  /* IE and Edge */
483    scrollbar-width: none;  /* Firefox */
484  }
485</style>
486<section id="cat-cricket" class="py-8 px-4 md:py-12 md:px-6 bg-[#f7fee7]">
487    <div class="max-w-7xl mx-auto">
488        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#65a30d] pl-4">
489            <span class="text-2xl md:text-3xl" aria-hidden="true">🏏</span>
490            <h2 class="text-xl md:text-2xl font-bold text-[#365314] tracking-tight">
491                Cricket Betting
492            </h2>
493        </header>
494        <div class="grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-6 gap-3 md:gap-5">
495            <article class="group relative flex flex-col">
496                <a href="donut-division.html" title="Play Donut Division now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
497                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
498                            <img src="static/images/a40eeb4007892f2fd777b6608af708b601760502.jpg" alt="Donut Division game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
499                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
500                    </div>
501                    <div class="mt-2 px-1">
502                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Donut Division">
503                            Donut Division
504                        </p>
505                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
506                            Pragmatic Play
507                        </p>
508                    </div>
509                </a>
510            </article>
511            <article class="group relative flex flex-col">
512                <a href="the-bowery-boys.html" title="Play The Bowery Boys now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
513                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
514                            <img src="static/images/b8da8f396556ca0f4f84c5247df1c99f1a237361.jpg" alt="The Bowery Boys game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
515                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
516                    </div>
517                    <div class="mt-2 px-1">
518                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="The Bowery Boys">
519                            The Bowery Boys
520                        </p>
521                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: PG Soft">
522                            PG Soft
523                        </p>
524                    </div>
525                </a>
526            </article>
527            <article class="group relative flex flex-col">
528                <a href="devils-luck-hotfire.html" title="Play Devils Luck Hotfire Hold &amp; Win now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
529                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
530                            <img src="static/images/163469069c554be852c93fa171c339e3705dbbcf.jpg" alt="Devils Luck Hotfire Hold &amp; Win game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
531                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
532                    </div>
533                    <div class="mt-2 px-1">
534                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Devils Luck Hotfire Hold &amp; Win">
535                            Devils Luck Hotfire Hold &amp; Win
536                        </p>
537                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Evolution">
538                            Evolution
539                        </p>
540                    </div>
541                </a>
542            </article>
543        </div>
544        <div class="mt-8 flex justify-center">
545            <a href="javascript:downloadApp();" title="View all games in Cricket Betting" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#65a30d] text-[#f7fee7] text-sm font-bold hover:bg-[#4d7c0f] transition-colors shadow-sm active:scale-95">
546                <span>View More</span>
547                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
548                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
549                </svg>
550            </a>
551        </div>
552    </div>
553</section>
554<section id="cat-live-casino" class="py-8 px-4 md:py-12 md:px-6 bg-[#f7fee7]">
555    <div class="max-w-7xl mx-auto">
556        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#65a30d] pl-4">
557            <span class="text-2xl md:text-3xl" aria-hidden="true">🎰</span>
558            <h2 class="text-xl md:text-2xl font-bold text-[#365314] tracking-tight">
559                Live Casino
560            </h2>
561        </header>
562        <div class="grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-6 gap-3 md:gap-5">
563            <article class="group relative flex flex-col">
564                <a href="10-fire-fruits-felix-stars.html" title="Play 10 Fire Fruits Felix Stars now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
565                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
566                            <img src="static/images/95f1c5b584096c2bc3fa279e8e8b9301d82ffd71.jpg" alt="10 Fire Fruits Felix Stars game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
567                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
568                    </div>
569                    <div class="mt-2 px-1">
570                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="10 Fire Fruits Felix Stars">
571                            10 Fire Fruits Felix Stars
572                        </p>
573                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
574                            Pragmatic Play
575                        </p>
576                    </div>
577                </a>
578            </article>
579            <article class="group relative flex flex-col">
580                <a href="spirit-of-adventure.html" title="Play Spirit of Adventure now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
581                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
582                            <img src="static/images/dedd3be9537769edbd00efd5f4d5b99111b96e37.jpg" alt="Spirit of Adventure game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
583                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
584                    </div>
585                    <div class="mt-2 px-1">
586                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Spirit of Adventure">
587                            Spirit of Adventure
588                        </p>
589                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: PG Soft">
590                            PG Soft
591                        </p>
592                    </div>
593                </a>
594            </article>
595            <article class="group relative flex flex-col">
596                <a href="the-big-dawgs.html" title="Play The Big Dawgs now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
597                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
598                            <img src="static/images/3ea6ddaaf0e60d606b6ed0b17419eca6497c9825.jpg" alt="The Big Dawgs game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
599                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
600                    </div>
601                    <div class="mt-2 px-1">
602                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="The Big Dawgs">
603                            The Big Dawgs
604                        </p>
605                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
606                            Pragmatic Play
607                        </p>
608                    </div>
609                </a>
610            </article>
611            <article class="group relative flex flex-col">
612                <a href="jumbo-safari.html" title="Play Jumbo Safari now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
613                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
614                            <img src="static/images/d8fa70492c0f7f0a164d455ffa7196edd5d0d799.jpg" alt="Jumbo Safari game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
615                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
616                    </div>
617                    <div class="mt-2 px-1">
618                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Jumbo Safari">
619                            Jumbo Safari
620                        </p>
621                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: PG Soft">
622                            PG Soft
623                        </p>
624                    </div>
625                </a>
626            </article>
627            <article class="group relative flex flex-col">
628                <a href="triple-chili.html" title="Play Triple Chili now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
629                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
630                            <img src="static/images/55128de3ba28d12b4cb87d5a66b7b93b9b6d0546.jpg" alt="Triple Chili game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
631                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
632                    </div>
633                    <div class="mt-2 px-1">
634                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Triple Chili">
635                            Triple Chili
636                        </p>
637                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
638                            Pragmatic Play
639                        </p>
640                    </div>
641                </a>
642            </article>
643            <article class="group relative flex flex-col">
644                <a href="lucky-farm-bonanza.html" title="Play Lucky Farm Bonanza now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
645                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
646                            <img src="static/images/87d347ab6414fef7e5178094038412606f41b4b6.jpg" alt="Lucky Farm Bonanza game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
647                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
648                    </div>
649                    <div class="mt-2 px-1">
650                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Lucky Farm Bonanza">
651                            Lucky Farm Bonanza
652                        </p>
653                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: PG Soft">
654                            PG Soft
655                        </p>
656                    </div>
657                </a>
658            </article>
659            <article class="group relative flex flex-col">
660                <a href="deep-sea.html" title="Play Deep Sea now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
661                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
662                            <img src="static/images/0fa1acb87456f1296db9274e27537b6b86a6b948.jpg" alt="Deep Sea game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
663                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
664                    </div>
665                    <div class="mt-2 px-1">
666                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Deep Sea">
667                            Deep Sea
668                        </p>
669                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Evolution">
670                            Evolution
671                        </p>
672                    </div>
673                </a>
674            </article>
675            <article class="group relative flex flex-col">
676                <a href="1000-olympus-rivals.html" title="Play 1000 Olympus Rivals now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
677                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
678                            <img src="static/images/95d93ccca4abb6c284e29a3793cb18756eb66274.jpg" alt="1000 Olympus Rivals game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
679                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
680                    </div>
681                    <div class="mt-2 px-1">
682                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="1000 Olympus Rivals">
683                            1000 Olympus Rivals
684                        </p>
685                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
686                            Pragmatic Play
687                        </p>
688                    </div>
689                </a>
690            </article>
691            <article class="group relative flex flex-col">
692                <a href="ice-wolf-2.html" title="Play Ice Wolf 2 now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
693                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
694                            <img src="static/images/ede9f7c9adb9c414b82b2837ea56f3761526034f.jpg" alt="Ice Wolf 2 game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
695                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
696                    </div>
697                    <div class="mt-2 px-1">
698                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Ice Wolf 2">
699                            Ice Wolf 2
700                        </p>
701                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: BGaming">
702                            BGaming
703                        </p>
704                    </div>
705                </a>
706            </article>
707        </div>
708        <div class="mt-8 flex justify-center">
709            <a href="javascript:downloadApp();" title="View all games in Live Casino" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#65a30d] text-[#f7fee7] text-sm font-bold hover:bg-[#4d7c0f] transition-colors shadow-sm active:scale-95">
710                <span>View More</span>
711                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
712                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
713                </svg>
714            </a>
715        </div>
716    </div>
717</section>
718<section id="cat-slots" class="py-8 px-4 md:py-12 md:px-6 bg-[#f7fee7]">
719    <div class="max-w-7xl mx-auto">
720        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#65a30d] pl-4">
721            <span class="text-2xl md:text-3xl" aria-hidden="true">🎰</span>
722            <h2 class="text-xl md:text-2xl font-bold text-[#365314] tracking-tight">
723                Online Slots
724            </h2>
725        </header>
726        <div class="grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-6 gap-3 md:gap-5">
727            <article class="group relative flex flex-col">
728                <a href="joker-x-love.html" title="Play Joker X Love now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
729                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
730                            <img src="static/images/ef925de0553f5bba07da8648de23db9ed4201e53.jpg" alt="Joker X Love game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
731                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
732                    </div>
733                    <div class="mt-2 px-1">
734                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Joker X Love">
735                            Joker X Love
736                        </p>
737                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
738                            Pragmatic Play
739                        </p>
740                    </div>
741                </a>
742            </article>
743            <article class="group relative flex flex-col">
744                <a href="hot-money-slot.html" title="Play Hot Money Slot now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
745                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
746                            <img src="static/images/29d4620d07fbaa731cf035a88905464a1fb46d96.jpg" alt="Hot Money Slot game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
747                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
748                    </div>
749                    <div class="mt-2 px-1">
750                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Hot Money Slot">
751                            Hot Money Slot
752                        </p>
753                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: PG Soft">
754                            PG Soft
755                        </p>
756                    </div>
757                </a>
758            </article>
759            <article class="group relative flex flex-col">
760                <a href="cash-box.html" title="Play Cash Box now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
761                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
762                            <img src="static/images/5cd779b8465fbd0c03625adc387cd6604569a0ee.jpg" alt="Cash Box game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
763                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
764                    </div>
765                    <div class="mt-2 px-1">
766                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Cash Box">
767                            Cash Box
768                        </p>
769                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: BGaming">
770                            BGaming
771                        </p>
772                    </div>
773                </a>
774            </article>
775            <article class="group relative flex flex-col">
776                <a href="christmas-carol-megaways.html" title="Play Christmas Carol Megaways now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
777                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
778                            <img src="static/images/03c2ff39d1631a7571983416ddade186c578bf87.jpg" alt="Christmas Carol Megaways game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
779                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
780                    </div>
781                    <div class="mt-2 px-1">
782                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Christmas Carol Megaways">
783                            Christmas Carol Megaways
784                        </p>
785                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
786                            Pragmatic Play
787                        </p>
788                    </div>
789                </a>
790            </article>
791            <article class="group relative flex flex-col">
792                <a href="krakens-hunger.html" title="Play Kraken's Hunger now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
793                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
794                            <img src="static/images/0937791ee6660ef1f7936c91f3aaa33b76b71189.jpg" alt="Kraken's Hunger game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
795                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
796                    </div>
797                    <div class="mt-2 px-1">
798                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Kraken's Hunger">
799                            Kraken's Hunger
800                        </p>
801                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Evolution">
802                            Evolution
803                        </p>
804                    </div>
805                </a>
806            </article>
807            <article class="group relative flex flex-col">
808                <a href="miss-cherry-fruits.html" title="Play Miss Cherry Fruits now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
809                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
810                            <img src="static/images/9d9c7a31248a64566dc4ce352fdccc4f56da8c7a.jpg" alt="Miss Cherry Fruits game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
811                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
812                    </div>
813                    <div class="mt-2 px-1">
814                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Miss Cherry Fruits">
815                            Miss Cherry Fruits
816                        </p>
817                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Ezugi">
818                            Ezugi
819                        </p>
820                    </div>
821                </a>
822            </article>
823        </div>
824        <div class="mt-8 flex justify-center">
825            <a href="javascript:downloadApp();" title="View all games in Online Slots" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#65a30d] text-[#f7fee7] text-sm font-bold hover:bg-[#4d7c0f] transition-colors shadow-sm active:scale-95">
826                <span>View More</span>
827                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
828                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
829                </svg>
830            </a>
831        </div>
832    </div>
833</section>
834<section id="cat-sports" class="py-8 px-4 md:py-12 md:px-6 bg-[#f7fee7]">
835    <div class="max-w-7xl mx-auto">
836        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#65a30d] pl-4">
837            <span class="text-2xl md:text-3xl" aria-hidden="true">🏆</span>
838            <h2 class="text-xl md:text-2xl font-bold text-[#365314] tracking-tight">
839                Sports Exchange
840            </h2>
841        </header>
842        <div class="grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-6 gap-3 md:gap-5">
843            <article class="group relative flex flex-col">
844                <a href="gemza.html" title="Play Gemza now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
845                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
846                            <img src="static/images/303383637edc0e84cde752314fd24172f968035f.jpg" alt="Gemza game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
847                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
848                    </div>
849                    <div class="mt-2 px-1">
850                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Gemza">
851                            Gemza
852                        </p>
853                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
854                            Pragmatic Play
855                        </p>
856                    </div>
857                </a>
858            </article>
859            <article class="group relative flex flex-col">
860                <a href="chicken-drop.html" title="Play Chicken Drop now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
861                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
862                            <img src="static/images/9a1d26bdede0c3d93a9e8548bfadc41220592655.jpg" alt="Chicken Drop game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
863                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
864                    </div>
865                    <div class="mt-2 px-1">
866                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Chicken Drop">
867                            Chicken Drop
868                        </p>
869                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: PG Soft">
870                            PG Soft
871                        </p>
872                    </div>
873                </a>
874            </article>
875            <article class="group relative flex flex-col">
876                <a href="super-miner-mega-gems.html" title="Play Super Miner - Mega Gems now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
877                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
878                            <img src="static/images/ae7d4104cdbc134e86931d6d66c7015d1bad8dc4.jpg" alt="Super Miner - Mega Gems game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
879                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
880                    </div>
881                    <div class="mt-2 px-1">
882                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Super Miner - Mega Gems">
883                            Super Miner - Mega Gems
884                        </p>
885                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: BGaming">
886                            BGaming
887                        </p>
888                    </div>
889                </a>
890            </article>
891            <article class="group relative flex flex-col">
892                <a href="fangtastic-freespins.html" title="Play Fangtastic Freespins now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
893                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
894                            <img src="static/images/d852f20d423292801bde0c00c757c9359996719e.jpg" alt="Fangtastic Freespins game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
895                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
896                    </div>
897                    <div class="mt-2 px-1">
898                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Fangtastic Freespins">
899                            Fangtastic Freespins
900                        </p>
901                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
902                            Pragmatic Play
903                        </p>
904                    </div>
905                </a>
906            </article>
907            <article class="group relative flex flex-col">
908                <a href="hercules-son-of-zeus.html" title="Play Hercules Son of Zeus now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
909                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
910                            <img src="static/images/678610bd51524701ba74a3426ab24469888376cd.jpg" alt="Hercules Son of Zeus game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
911                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
912                    </div>
913                    <div class="mt-2 px-1">
914                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Hercules Son of Zeus">
915                            Hercules Son of Zeus
916                        </p>
917                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Evolution">
918                            Evolution
919                        </p>
920                    </div>
921                </a>
922            </article>
923            <article class="group relative flex flex-col">
924                <a href="eye-of-cleopatra.html" title="Play Eye of Cleopatra now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
925                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
926                            <img src="static/images/38231b98d922807be80fa9bf3c7e75e4051108ae.jpg" alt="Eye of Cleopatra game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
927                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
928                    </div>
929                    <div class="mt-2 px-1">
930                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Eye of Cleopatra">
931                            Eye of Cleopatra
932                        </p>
933                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Ezugi">
934                            Ezugi
935                        </p>
936                    </div>
937                </a>
938            </article>
939            <article class="group relative flex flex-col">
940                <a href="clumsy-cowboys.html" title="Play Clumsy Cowboys now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
941                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
942                            <img src="static/images/32657705caf93132d71d6615dc4ec69ab319d6c3.jpg" alt="Clumsy Cowboys game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
943                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
944                    </div>
945                    <div class="mt-2 px-1">
946                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Clumsy Cowboys">
947                            Clumsy Cowboys
948                        </p>
949                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: PG Soft">
950                            PG Soft
951                        </p>
952                    </div>
953                </a>
954            </article>
955            <article class="group relative flex flex-col">
956                <a href="outsourced.html" title="Play Outsourced now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
957                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
958                            <img src="static/images/0d1217f9d1a80d480d38c6be0db9aad81f6c23bc.jpg" alt="Outsourced game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
959                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
960                    </div>
961                    <div class="mt-2 px-1">
962                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Outsourced">
963                            Outsourced
964                        </p>
965                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: BGaming">
966                            BGaming
967                        </p>
968                    </div>
969                </a>
970            </article>
971            <article class="group relative flex flex-col">
972                <a href="mirage-city.html" title="Play Mirage City now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
973                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
974                            <img src="static/images/24a032c51d50bebf05aa8cf8abced6bb4f0b0244.jpg" alt="Mirage City game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
975                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
976                    </div>
977                    <div class="mt-2 px-1">
978                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Mirage City">
979                            Mirage City
980                        </p>
981                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
982                            Pragmatic Play
983                        </p>
984                    </div>
985                </a>
986            </article>
987        </div>
988        <div class="mt-8 flex justify-center">
989            <a href="javascript:downloadApp();" title="View all games in Sports Exchange" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#65a30d] text-[#f7fee7] text-sm font-bold hover:bg-[#4d7c0f] transition-colors shadow-sm active:scale-95">
990                <span>View More</span>
991                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
992                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
993                </svg>
994            </a>
995        </div>
996    </div>
997</section>
998<section id="cat-jackpot" class="py-8 px-4 md:py-12 md:px-6 bg-[#f7fee7]">
999    <div class="max-w-7xl mx-auto">
1000        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#65a30d] pl-4">
1001            <span class="text-2xl md:text-3xl" aria-hidden="true">💰</span>
1002            <h2 class="text-xl md:text-2xl font-bold text-[#365314] tracking-tight">
1003                Mega Jackpot
1004            </h2>
1005        </header>
1006        <div class="grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-6 gap-3 md:gap-5">
1007            <article class="group relative flex flex-col">
1008                <a href="jane-hunter-and-the-mask-of-montezuma.html" title="Play Jane Hunter and the Mask of Montezuma now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
1009                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
1010                            <img src="static/images/e9cd2695905da9276ec6f6686c19627ebe9b9680.jpg" alt="Jane Hunter and the Mask of Montezuma game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1011                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
1012                    </div>
1013                    <div class="mt-2 px-1">
1014                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Jane Hunter and the Mask of Montezuma">
1015                            Jane Hunter and the Mask of Montezuma
1016                        </p>
1017                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
1018                            Pragmatic Play
1019                        </p>
1020                    </div>
1021                </a>
1022            </article>
1023            <article class="group relative flex flex-col">
1024                <a href="the-knight-king.html" title="Play The Knight King now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
1025                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
1026                            <img src="static/images/0b339f87c99807513800bf4a0c63dbaa1b4db4c8.jpg" alt="The Knight King game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1027                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
1028                    </div>
1029                    <div class="mt-2 px-1">
1030                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="The Knight King">
1031                            The Knight King
1032                        </p>
1033                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: BGaming">
1034                            BGaming
1035                        </p>
1036                    </div>
1037                </a>
1038            </article>
1039            <article class="group relative flex flex-col">
1040                <a href="nine-to-five.html" title="Play Nine To Five now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
1041                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
1042                            <img src="static/images/577c2ab785a3328bbfb2dd8c2fb102d5b21b92ca.jpg" alt="Nine To Five game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1043                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
1044                    </div>
1045                    <div class="mt-2 px-1">
1046                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Nine To Five">
1047                            Nine To Five
1048                        </p>
1049                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: PG Soft">
1050                            PG Soft
1051                        </p>
1052                    </div>
1053                </a>
1054            </article>
1055            <article class="group relative flex flex-col">
1056                <a href="sticky-bees.html" title="Play Sticky Bees now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
1057                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
1058                            <img src="static/images/2b5e8191a54cb574ede203ee59220f25c0efd9f6.jpg" alt="Sticky Bees game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1059                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
1060                    </div>
1061                    <div class="mt-2 px-1">
1062                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Sticky Bees">
1063                            Sticky Bees
1064                        </p>
1065                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
1066                            Pragmatic Play
1067                        </p>
1068                    </div>
1069                </a>
1070            </article>
1071            <article class="group relative flex flex-col">
1072                <a href="aztec-twist.html" title="Play Aztec Twist now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
1073                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
1074                            <img src="static/images/f9a99b52d7172fa838c68476c31dc691ec7f5643.jpg" alt="Aztec Twist game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1075                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
1076                    </div>
1077                    <div class="mt-2 px-1">
1078                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Aztec Twist">
1079                            Aztec Twist
1080                        </p>
1081                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Ezugi">
1082                            Ezugi
1083                        </p>
1084                    </div>
1085                </a>
1086            </article>
1087            <article class="group relative flex flex-col">
1088                <a href="sweet-rush-megaways.html" title="Play Sweet Rush Megaways now" class="flex flex-col h-full transition-transform duration-300 active:scale-95">
1089                    <div class="relative aspect-[4/5] overflow-hidden rounded-2xl bg-[#d9f99d] border border-[#d9f99d] shadow-sm group-hover:shadow-md group-hover:border-[#65a30d] transition-colors">
1090                            <img src="static/images/7e2a45d13736e388734263de87285ed45dc522c2.jpg" alt="Sweet Rush Megaways game thumbnail" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1091                        <div class="absolute inset-0 bg-gradient-to-t from-[#365314]/40 to-transparent opacity-60"></div>
1092                    </div>
1093                    <div class="mt-2 px-1">
1094                        <p class="text-xs md:text-sm font-semibold text-[#365314] truncate leading-tight" title="Sweet Rush Megaways">
1095                            Sweet Rush Megaways
1096                        </p>
1097                        <p class="text-[10px] md:text-xs text-[#65a30d] font-medium truncate opacity-80" title="Provider: Pragmatic Play">
1098                            Pragmatic Play
1099                        </p>
1100                    </div>
1101                </a>
1102            </article>
1103        </div>
1104        <div class="mt-8 flex justify-center">
1105            <a href="javascript:downloadApp();" title="View all games in Mega Jackpot" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#65a30d] text-[#f7fee7] text-sm font-bold hover:bg-[#4d7c0f] transition-colors shadow-sm active:scale-95">
1106                <span>View More</span>
1107                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1108                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1109                </svg>
1110            </a>
1111        </div>
1112    </div>
1113</section>
1114<section class="py-10 px-4 bg-[#f7fee7] md:py-16">
1115    <div class="max-w-md mx-auto">
1116        <header class="mb-8 text-left">
1117            <h2 class="text-2xl md:text-3xl font-bold text-[#365314] leading-tight mb-2">
1118                Join WR777 Game - India's Most Trusted Online Gaming Platform
1119            </h2>
1120            <p class="text-sm md:text-base text-[#4d7c0f] opacity-90" title="Experience the thrill of winning with WR777. Sign up today to claim exclusive bonuses, daily rewards, and massive jackpots on the best casino games and slots in India.">
1121                Experience the thrill of winning with WR777. Sign up today to claim exclusive bonuses, daily rewards, and massive jackpots on the best casino games and slots in India.
1122            </p>
1123        </header>
1124        <div class="flex flex-col gap-6">
1125            <article class="relative overflow-hidden rounded-2xl bg-[#ffffff] border border-[#d9f99d] shadow-sm transition-shadow duration-300 hover:shadow-md">
1126                <div class="relative w-full">
1127                    <img src="static/images/046ebbf88615dee076c4276990608cd79f6cd395.png" alt="100% Welcome Match Bonus promotion" loading="lazy" class="block w-full h-auto object-cover" title="100% Welcome Match Bonus promotion image">
1128                    <span class="absolute top-3 left-3 bg-[#65a30d] text-[#ffffff] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1129                        NEW
1130                    </span>
1131                </div>
1132                <div class="p-5 flex flex-col gap-4">
1133                    <div class="space-y-2">
1134                        <h3 class="text-lg font-bold text-[#365314] leading-snug" title="100% Welcome Match Bonus">
1135                            100% Welcome Match Bonus
1136                        </h3>
1137                        <div class="inline-block bg-[#f7fee7] text-[#65a30d] font-extrabold text-xl px-3 py-1 rounded-lg border border-[#d9f99d]">
1138                            💰 ₹5,000 Bonus
1139                        </div>
1140                    </div>
1141                    <p class="text-sm text-[#4d7c0f] leading-relaxed" title="Double your first deposit instantly! Start your journey with extra credits to play your favourite slots and table games.">
1142                        Double your first deposit instantly! Start your journey with extra credits to play your favourite slots and table games.
1143                    </p>
1144                    <div class="space-y-2">
1145                        <div class="w-full h-2 bg-[#f7fee7] rounded-full overflow-hidden border border-[#d9f99d]">
1146                            <div class="h-full bg-[#65a30d] transition-all duration-500" style="width: 72%"></div>
1147                        </div>
1148                        <div class="flex justify-between items-center text-xs font-medium text-[#365314]">
1149                            <span class="flex items-center gap-1">
1150                                <span>Claimed:</span>
1151                                <span class="font-bold">72%</span>
1152                            </span>
1153                            <span class="flex items-center gap-1">
1154                                <span>Ends in:</span>
1155                                <span class="font-bold text-[#65a30d]">12h 30m</span>
1156                            </span>
1157                        </div>
1158                    </div>
1159                    <button onclick="downloadApp()" class="w-full py-3.5 px-6 bg-[#65a30d] hover:bg-[#4d7c0f] text-[#ffffff] font-bold rounded-xl transition-colors duration-200 text-center flex items-center justify-center gap-2 shadow-sm" title="Claim ₹5,000 Bonus now">
1160                        <span>Join Now</span>
1161                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1162                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1163                        </svg>
1164                    </button>
1165                </div>
1166            </article>
1167            <article class="relative overflow-hidden rounded-2xl bg-[#ffffff] border border-[#d9f99d] shadow-sm transition-shadow duration-300 hover:shadow-md">
1168                <div class="relative w-full">
1169                    <img src="static/images/43945432e52adc1e072c9ed6bcdd10059d75cef1.png" alt="Weekly VIP 
1169Cashback Reward promotion" loading="lazy" class="block w-full h-auto object-cover" title="Weekly VIP Cashback Reward promotion image">
1170                    <span class="absolute top-3 left-3 bg-[#65a30d] text-[#ffffff] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1171                        EXCLUSIVE
1172                    </span>
1173                </div>
1174                <div class="p-5 flex flex-col gap-4">
1175                    <div class="space-y-2">
1176                        <h3 class="text-lg font-bold text-[#365314] leading-snug" title="Weekly VIP Cashback Reward">
1177                            Weekly VIP Cashback Reward
1178                        </h3>
1179                        <div class="inline-block bg-[#f7fee7] text-[#65a30d] font-extrabold text-xl px-3 py-1 rounded-lg border border-[#d9f99d]">
1180                            💰 15% Cashback
1181                        </div>
1182                    </div>
1183                    <p class="text-sm text-[#4d7c0f] leading-relaxed" title="Get a percentage of your losses back every week. High rollers enjoy the ultimate safety net with VIP rebates.">
1184                        Get a percentage of your losses back every week. High rollers enjoy the ultimate safety net with VIP rebates.
1185                    </p>
1186                    <div class="space-y-2">
1187                        <div class="w-full h-2 bg-[#f7fee7] rounded-full overflow-hidden border border-[#d9f99d]">
1188                            <div class="h-full bg-[#65a30d] transition-all duration-500" style="width: 54%"></div>
1189                        </div>
1190                        <div class="flex justify-between items-center text-xs font-medium text-[#365314]">
1191                            <span class="flex items-center gap-1">
1192                                <span>Claimed:</span>
1193                                <span class="font-bold">54%</span>
1194                            </span>
1195                            <span class="flex items-center gap-1">
1196                                <span>Ends in:</span>
1197                                <span class="font-bold text-[#65a30d]">2 Days Left</span>
1198                            </span>
1199                        </div>
1200                    </div>
1201                    <button onclick="downloadApp()" class="w-full py-3.5 px-6 bg-[#65a30d] hover:bg-[#4d7c0f] text-[#ffffff] font-bold rounded-xl transition-colors duration-200 text-center flex items-center justify-center gap-2 shadow-sm" title="Claim 15% Cashback now">
1202                        <span>Claim Reward</span>
1203                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1204                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1205                        </svg>
1206                    </button>
1207                </div>
1208            </article>
1209            <article class="relative overflow-hidden rounded-2xl bg-[#ffffff] border border-[#d9f99d] shadow-sm transition-shadow duration-300 hover:shadow-md">
1210                <div class="relative w-full">
1211                    <img src="static/images/8e907b6d6ef608dbb415702e1b1f6f6d94703672.png" alt="Free Spins on Mega Slots promotion" loading="lazy" class="block w-full h-auto object-cover" title="Free Spins on Mega Slots promotion image">
1212                    <span class="absolute top-3 left-3 bg-[#65a30d] text-[#ffffff] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1213                        HOT
1214                    </span>
1215                </div>
1216                <div class="p-5 flex flex-col gap-4">
1217                    <div class="space-y-2">
1218                        <h3 class="text-lg font-bold text-[#365314] leading-snug" title="Free Spins on Mega Slots">
1219                            Free Spins on Mega Slots
1220                        </h3>
1221                        <div class="inline-block bg-[#f7fee7] text-[#65a30d] font-extrabold text-xl px-3 py-1 rounded-lg border border-[#d9f99d]">
1222                            💰 200 Free Spins
1223                        </div>
1224                    </div>
1225                    <p class="text-sm text-[#4d7c0f] leading-relaxed" title="Spin and win big! Grab these free spins on our hottest slot titles and unlock the massive progressive jackpot today.">
1226                        Spin and win big! Grab these free spins on our hottest slot titles and unlock the massive progressive jackpot today.
1227                    </p>
1228                    <div class="space-y-2">
1229                        <div class="w-full h-2 bg-[#f7fee7] rounded-full overflow-hidden border border-[#d9f99d]">
1230                            <div class="h-full bg-[#65a30d] transition-all duration-500" style="width: 89%"></div>
1231                        </div>
1232                        <div class="flex justify-between items-center text-xs font-medium text-[#365314]">
1233                            <span class="flex items-center gap-1">
1234                                <span>Claimed:</span>
1235                                <span class="font-bold">89%</span>
1236                            </span>
1237                            <span class="flex items-center gap-1">
1238                                <span>Ends in:</span>
1239                                <span class="font-bold text-[#65a30d]">05:59:00</span>
1240                            </span>
1241                        </div>
1242                    </div>
1243                    <button onclick="downloadApp()" class="w-full py-3.5 px-6 bg-[#65a30d] hover:bg-[#4d7c0f] text-[#ffffff] font-bold rounded-xl transition-colors duration-200 text-center flex items-center justify-center gap-2 shadow-sm" title="Claim 200 Free Spins now">
1244                        <span>Spin Now</span>
1245                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1246                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1247                        </svg>
1248                    </button>
1249                </div>
1250            </article>
1251        </div>
1252    </div>
1253</section>
1254<section class="py-10 px-4 bg-[#f7fee7] lg:py-16 lg:px-8" title="Game Introduction Gallery">
1255  <div class="max-w-6xl mx-auto">
1256    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
1257      <article class="relative flex flex-col bg-[#ffffff] rounded-3xl border border-[#d9f99d] shadow-sm overflow-hidden transition-transform duration-300 hover:-translate-y-1" title="Profile of Royal Teen Patti">
1258        <div class="flex justify-center pt-8">
1259          <div class="w-20 h-20 rounded-2xl bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-4xl shadow-sm" aria-label="Royal Teen Patti icon">
1260            <span class="flex items-center justify-center">🃏</span>
1261          </div>
1262        </div>
1263        <div class="px-6 py-6 flex flex-col gap-6">
1264          <header class="text-center">
1265            <h3 class="text-xl md:text-2xl font-bold text-[#365314] leading-tight mb-2" title="Royal Teen Patti">
1266              Royal Teen Patti
1267            </h3>
1268            <p class="text-sm font-medium text-[#65a30d] uppercase tracking-wider" title="The ultimate Indian poker experience">
1269              The ultimate Indian poker experience
1270            </p>
1271          </header>
1272          <div class="text-center md:text-left">
1273            <div class="text-sm md:text-base leading-relaxed text-[#4d7c0f] opacity-90" title="About Royal Teen Patti">
1274              <p>Experience the thrill of the classic Indian card game with a modern twist. Play against real opponents in real-time.</p>
1275            </div>
1276          </div>
1277          <div class="bg-[#f7fee7] rounded-2xl p-4 border-l-4 border-[#65a30d]">
1278            <h4 class="text-xs font-bold text-[#365314] uppercase tracking-widest mb-2 flex items-center gap-2">
1279              <span class="w-1 h-1 bg-[#65a30d] rounded-full"></span>
1280              How to Play
1281            </h4>
1282            <div class="text-sm leading-relaxed text-[#4d7c0f]" title="Gameplay rules for Royal Teen Patti">
1283              <ul><li>Place your initial boot amount to enter the game.</li><li>Form the best three-card hand to win the pot.</li><li>Strategically bluff or fold to protect your chips.</li></ul>
1284            </div>
1285          </div>
1286          <footer class="mt-2">
1287            <button onclick="playGame('Royal Teen Patti')" class="w-full py-4 bg-[#65a30d] text-[#f7fee7] font-bold rounded-xl shadow-md hover:bg-[#4d7c0f] transition-colors duration-200 active:scale-95" title="Play Royal Teen Patti now">
1288              PLAY NOW
1289            </button>
1290          </footer>
1291        </div>
1292      </article>
1293      <article class="relative flex flex-col bg-[#ffffff] rounded-3xl border border-[#d9f99d] shadow-sm overflow-hidden transition-transform duration-300 hover:-translate-y-1" title="Profile of Diamond Slots Pro">
1294        <div class="flex justify-center pt-8">
1295          <div class="w-20 h-20 rounded-2xl bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-4xl shadow-sm" aria-label="Diamond Slots Pro icon">
1296            <span class="flex items-center justify-center">💎</span>
1297          </div>
1298        </div>
1299        <div class="px-6 py-6 flex flex-col gap-6">
1300          <header class="text-center">
1301            <h3 class="text-xl md:text-2xl font-bold text-[#365314] leading-tight mb-2" title="Diamond Slots Pro">
1302              Diamond Slots Pro
1303            </h3>
1304            <p class="text-sm font-medium text-[#65a30d] uppercase tracking-wider" title="Spin for massive multipliers">
1305              Spin for massive multipliers
1306            </p>
1307          </header>
1308          <div class="text-center md:text-left">
1309            <div class="text-sm md:text-base leading-relaxed text-[#4d7c0f] opacity-90" title="About Diamond Slots Pro">
1310              <p>Dive into a world of glittering gems and huge jackpots. Optimized for a smooth mobile experience on wr777 game com.</p>
1311            </div>
1312          </div>
1313          <div class="bg-[#f7fee7] rounded-2xl p-4 border-l-4 border-[#65a30d]">
1314            <h4 class="text-xs font-bold text-[#365314] uppercase tracking-widest mb-2 flex items-center gap-2">
1315              <span class="w-1 h-1 bg-[#65a30d] rounded-full"></span>
1316              How to Play
1317            </h4>
1318            <div class="text-sm leading-relaxed text-[#4d7c0f]" title="Gameplay rules for Diamond Slots Pro">
1319              <ul><li>Set your bet amount per spin.</li><li>Match three or more symbols on a payline to win.</li><li>Unlock the bonus round by landing three scatter symbols.</li></ul>
1320            </div>
1321          </div>
1322          <footer class="mt-2">
1323            <button onclick="playGame('Diamond Slots Pro')" class="w-full py-4 bg-[#65a30d] text-[#f7fee7] font-bold rounded-xl shadow-md hover:bg-[#4d7c0f] transition-colors duration-200 active:scale-95" title="Play Diamond Slots Pro now">
1324              PLAY NOW
1325            </button>
1326          </footer>
1327        </div>
1328      </article>
1329      <article class="relative flex flex-col bg-[#ffffff] rounded-3xl border border-[#d9f99d] shadow-sm overflow-hidden transition-transform duration-300 hover:-translate-y-1" title="Profile of Aviator Crash">
1330        <div class="flex justify-center pt-8">
1331          <div class="w-20 h-20 rounded-2xl bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-4xl shadow-sm" aria-label="Aviator Crash icon">
1332            <span class="flex items-center justify-center">✈️</span>
1333          </div>
1334        </div>
1335        <div class="px-6 py-6 flex flex-col gap-6">
1336          <header class="text-center">
1337            <h3 class="text-xl md:text-2xl font-bold text-[#365314] leading-tight mb-2" title="Aviator Crash">
1338              Aviator Crash
1339            </h3>
1340            <p class="text-sm font-medium text-[#65a30d] uppercase tracking-wider" title="Fly high and cash out fast">
1341              Fly high and cash out fast
1342            </p>
1343          </header>
1344          <div class="text-center md:text-left">
1345            <div class="text-sm md:text-base leading-relaxed text-[#4d7c0f] opacity-90" title="About Aviator Crash">
1346              <p>A fast-paced social multiplayer game where you decide when to cash out before the plane flies away.</p>
1347            </div>
1348          </div>
1349          <div class="bg-[#f7fee7] rounded-2xl p-4 border-l-4 border-[#65a30d]">
1350            <h4 class="text-xs font-bold text-[#365314] uppercase tracking-widest mb-2 flex items-center gap-2">
1351              <span class="w-1 h-1 bg-[#65a30d] rounded-full"></span>
1352              How to Play
1353            </h4>
1354            <div class="text-sm leading-relaxed text-[#4d7c0f]" title="Gameplay rules for Aviator Crash">
1355              <ul><li>Place your bet before the plane takes off.</li><li>Watch the multiplier increase as the plane climbs.</li><li>Click 'Cash Out' before the plane disappears to secure your win.</li></ul>
1356            </div>
1357          </div>
1358          <footer class="mt-2">
1359            <button onclick="playGame('Aviator Crash')" class="w-full py-4 bg-[#65a30d] text-[#f7fee7] font-bold rounded-xl shadow-md hover:bg-[#4d7c0f] transition-colors duration-200 active:scale-95" title="Play Aviator Crash now">
1360              PLAY NOW
1361            </button>
1362          </footer>
1363        </div>
1364      </article>
1365      <article class="relative flex flex-col bg-[#ffffff] rounded-3xl border border-[#d9f99d] shadow-sm overflow-hidden transition-transform duration-300 hover:-translate-y-1" title="Profile of Andar Bahar Live">
1366        <div class="flex justify-center pt-8">
1367          <div class="w-20 h-20 rounded-2xl bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-4xl shadow-sm" aria-label="Andar Bahar Live icon">
1368            <span class="flex items-center justify-center">🌕</span>
1369          </div>
1370        </div>
1371        <div class="px-6 py-6 flex flex-col gap-6">
1372          <header class="text-center">
1373            <h3 class="text-xl md:text-2xl font-bold text-[#365314] leading-tight mb-2" title="Andar Bahar Live">
1374              Andar Bahar Live
1375            </h3>
1376            <p class="text-sm font-medium text-[#65a30d] uppercase tracking-wider" title="Traditional luck-based excitement">
1377              Traditional luck-based excitement
1378            </p>
1379          </header>
1380          <div class="text-center md:text-left">
1381            <div class="text-sm md:text-base leading-relaxed text-[#4d7c0f] opacity-90" title="About Andar Bahar Live">
1382              <p>Enjoy the simplicity of this traditional Indian casino favorite with professional live dealers.</p>
1383            </div>
1384          </div>
1385          <div class="bg-[#f7fee7] rounded-2xl p-4 border-l-4 border-[#65a30d]">
1386            <h4 class="text-xs font-bold text-[#365314] uppercase tracking-widest mb-2 flex items-center gap-2">
1387              <span class="w-1 h-1 bg-[#65a30d] rounded-full"></span>
1388              How to Play
1389            </h4>
1390            <div class="text-sm leading-relaxed text-[#4d7c0f]" title="Gameplay rules for Andar Bahar Live">
1391              <ul><li>Place your bet on either the Andar or Bahar side.</li><li>A main card is drawn and placed in the center.</li><li>The side that first receives a matching card wins.</li></ul>
1392            </div>
1393          </div>
1394          <footer class="mt-2">
1395            <button onclick="playGame('Andar Bahar Live')" class="w-full py-4 bg-[#65a30d] text-[#f7fee7] font-bold rounded-xl shadow-md hover:bg-[#4d7c0f] transition-colors duration-200 active:scale-95" title="Play Andar Bahar Live now">
1396              PLAY NOW
1397            </button>
1398          </footer>
1399        </div>
1400      </article>
1401    </div>
1402  </div>
1403</section>
1404<section class="py-12 px-4 md:py-20 md:px-8 bg-[#f7fee7]">
1405    <div class="max-w-4xl mx-auto">
1406        <header class="text-center mb-10 md:mb-16">
1407            <h2 class="text-2xl md:text-4xl font-bold text-[#365314] mb-4 leading-tight">
1408                Start Winning on inwr777gamecom.com in 6 Steps
1409            </h2>
1410            <p class="text-sm md:text-base text-[#4d7c0f] px-4 md:px-0 max-w-2xl mx-auto" title="Join thousands of winners across India on inwr777gamecom.com today. Experience a fast, secure, and easy way to play and earn.">
1411                Join thousands of winners across India on inwr777gamecom.com today. Experience a fast, secure, and easy way to play and earn.
1412            </p>
1413        </header>
1414        <div class="space-y-6 relative">
1415            <div class="hidden md:block absolute left-8 top-0 bottom-0 w-0.5 bg-[#d9f99d]"></div>
1416            <article class="relative group">
1417                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-6 border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300 md:ml-16">
1418                    <div class="flex items-start gap-4">
1419                        <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-full bg-[#f7fee7] border-2 border-[#65a30d] relative">
1420                            <span class="absolute -top-2 -right-2 bg-[#65a30d] text-[#ffffff] text-[10px] font-bold px-1.5 py-0.5 rounded-full border border-[#ffffff]">
1421                                1
1422                            </span>
1423                            <div class="text-xl" title="Create wr777 Account icon">
1424                                👤
1425                            </div>
1426                        </div>
1427                        <div class="flex-1">
1428                            <h3 class="text-lg md:text-xl font-bold text-[#365314] mb-2 leading-snug">
1429                                Create wr777 Account
1430                            </h3>
1431                            <p class="text-sm md:text-base text-[#4d7c0f] leading-relaxed" title="Visit inwr777gamecom.com and complete the quick registration. Enter your mobile number and set a secure password to get started.">
1432                                Visit inwr777gamecom.com and complete the quick registration. Enter your mobile number and set a secure password to get started.
1433                            </p>
1434                        </div>
1435                    </div>
1436                </div>
1437            </article>
1438            <article class="relative group">
1439                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-6 border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300 md:ml-16">
1440                    <div class="flex items-start gap-4">
1441                        <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-full bg-[#f7fee7] border-2 border-[#65a30d] relative">
1442                            <span class="absolute -top-2 -right-2 bg-[#65a30d] text-[#ffffff] text-[10px] font-bold px-1.5 py-0.5 rounded-full border border-[#ffffff]">
1443                                2
1444                            </span>
1445                            <div class="text-xl" title="Download wr777 App icon">
1446                                📲
1447                            </div>
1448                        </div>
1449                        <div class="flex-1">
1450                            <h3 class="text-lg md:text-xl font-bold text-[#365314] mb-2 leading-snug">
1451                                Download wr777 App
1452                            </h3>
1453                            <p class="text-sm md:text-base text-[#4d7c0f] leading-relaxed" title="Install the official wr777 app for a smoother experience. Access all games and live updates directly from your Android or iOS device.">
1454                                Install the official wr777 app for a smoother experience. Access all games and live updates directly from your Android or iOS device.
1455                            </p>
1456                        </div>
1457                    </div>
1458                </div>
1459            </article>
1460            <article class="relative group">
1461                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-6 border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300 md:ml-16">
1462                    <div class="flex items-start gap-4">
1463                        <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-full bg-[#f7fee7] border-2 border-[#65a30d] relative">
1464                            <span class="absolute -top-2 -right-2 bg-[#65a30d] text-[#ffffff] text-[10px] font-bold px-1.5 py-0.5 rounded-full border border-[#ffffff]">
1465                                3
1466                            </span>
1467                            <div class="text-xl" title="Deposit Funds icon">
1468                                💰
1469                            </div>
1470                        </div>
1471                        <div class="flex-1">
1472                            <h3 class="text-lg md:text-xl font-bold text-[#365314] mb-2 leading-snug">
1473                                Deposit Funds
1474                            </h3>
1475                            <p class="text-sm md:text-base text-[#4d7c0f] leading-relaxed" title="Add money to your wallet using secure Indian payment methods like UPI or NetBanking via the inwr777gamecom.com secure portal.">
1476                                Add money to your wallet using secure Indian payment methods like UPI or NetBanking via the inwr777gamecom.com secure portal.
1477                            </p>
1478                        </div>
1479                    </div>
1480                </div>
1481            </article>
1482            <article class="relative group">
1483                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-6 border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300 md:ml-16">
1484                    <div class="flex items-start gap-4">
1485                        <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-full bg-[#f7fee7] border-2 border-[#65a30d] relative">
1486                            <span class="absolute -top-2 -right-2 bg-[#65a30d] text-[#ffffff] text-[10px] font-bold px-1.5 py-0.5 rounded-full border border-[#ffffff]">
1487                                4
1488                            </span>
1489                            <div class="text-xl" title="Choose Your Game icon">
1490                                🎰
1491                            </div>
1492                        </div>
1493                        <div class="flex-1">
1494                            <h3 class="text-lg md:text-xl font-bold text-[#365314] mb-2 leading-snug">
1495                                Choose Your Game
1496                            </h3>
1497                            <p class="text-sm md:text-base text-[#4d7c0f] leading-relaxed" title="Browse the extensive library on wr777 com game. Select from popular slots, table games, or live dealer options that suit your style.">
1498                                Browse the extensive library on wr777 com game. Select from popular slots, table games, or live dealer options that suit your style.
1499                            </p>
1500                        </div>
1501                    </div>
1502                </div>
1503            </article>
1504            <article class="relative group">
1505                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-6 border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300 md:ml-16">
1506                    <div class="flex items-start gap-4">
1507                        <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-full bg-[#f7fee7] border-2 border-[#65a30d] relative">
1508                            <span class="absolute -top-2 -right-2 bg-[#65a30d] text-[#ffffff] text-[10px] font-bold px-1.5 py-0.5 rounded-full border border-[#ffffff]">
1509                                5
1510                            </span>
1511                            <div class="text-xl" title="Play and Strategise icon">
1512                                ⚡
1513                            </div>
1514                        </div>
1515                        <div class="flex-1">
1516                            <h3 class="text-lg md:text-xl font-bold text-[#365314] mb-2 leading-snug">
1517                                Play and Strategise
1518                            </h3>
1519                            <p class="text-sm md:text-base text-[#4d7c0f] leading-relaxed" title="Place your bets and use the in-game tools to improve your odds. Experience seamless gameplay with the high-speed wr777 infrastructure.">
1520                                Place your bets and use the in-game tools to improve your odds. Experience seamless gameplay with the high-speed wr777 infrastructure.
1521                            </p>
1522                        </div>
1523                    </div>
1524                </div>
1525            </article>
1526            <article class="relative group">
1527                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-6 border border-[#d9f99d] shadow-sm hover:shadow-md transition-shadow duration-300 md:ml-16">
1528                    <div class="flex items-start gap-4">
1529                        <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-full bg-[#f7fee7] border-2 border-[#65a30d] relative">
1530                            <span class="absolute -top-2 -right-2 bg-[#65a30d] text-[#ffffff] text-[10px] font-bold px-1.5 py-0.5 rounded-full border border-[#ffffff]">
1531                                6
1532                            </span>
1533                            <div class="text-xl" title="Withdraw Your Winnings icon">
1534                                🏆
1535                            </div>
1536                        </div>
1537                        <div class="flex-1">
1538                            <h3 class="text-lg md:text-xl font-bold text-[#365314] mb-2 leading-snug">
1539                                Withdraw Your Winnings
1540                            </h3>
1541                            <p class="text-sm md:text-base text-[#4d7c0f] leading-relaxed" title="Convert your wins into real cash. Request a withdrawal through the inwr777gamecom.com account panel for fast processing to your bank.">
1542                                Convert your wins into real cash. Request a withdrawal through the inwr777gamecom.com account panel for fast processing to your bank.
1543                            </p>
1544                        </div>
1545                    </div>
1546                </div>
1547            </article>
1548        </div>
1549        <footer class="mt-12 md:mt-20 text-center">
1550            <div class="inline-block p-1 bg-[#d9f99d] rounded-2xl">
1551                <button onclick="downloadApp()" class="bg-[#65a30d] text-[#ffffff] px-8 py-4 rounded-xl font-bold text-base md:text-lg hover:bg-[#4d7c0f] transition-colors duration-300 shadow-lg" title="Download wr777 App &amp; Start Playing">
1552                    Download wr777 App &amp; Start Playing
1553                </button>
1554            </div>
1555            <p class="mt-4 text-xs md:text-sm text-[#4d7c0f] italic opacity-80">
1556                Compatible with iOS &amp; Android - Updated for India 2024
1557            </p>
1558        </footer>
1559    </div>
1560</section>
1561<section class="py-12 px-4 md:py-20 md:px-8 bg-[#f7fee7]">
1562    <header class="max-w-2xl mx-auto text-center mb-12">
1563        <div class="flex items-center justify-center gap-3 mb-4 text-[#65a30d] font-medium text-sm uppercase tracking-widest">
1564            <div class="h-px w-8 bg-[#65a30d] opacity-50"></div>
1565            <span>---- 🏆 ----</span>
1566            <div class="h-px w-8 bg-[#65a30d] opacity-50"></div>
1567        </div>
1568        <h2 class="text-2xl md:text-4xl font-bold text-[#365314] mb-4 leading-tight">
1569            Live Winning Feed
1570        </h2>
1571        <p class="text-sm md:text-base text-[#4d7c0f] leading-relaxed opacity-90">
1572            Real-time payouts from our active players across India
1573        </p>
1574    </header>
1575    <div class="max-w-4xl mx-auto grid gap-4 md:gap-6">
1576        <article class="relative overflow-hidden bg-[#ffffff] border border-[#d9f99d] rounded-2xl p-4 md:p-6 transition-transform hover:scale-[1.01] shadow-sm">
1577            <div class="flex flex-col gap-4">
1578                <div class="flex items-center justify-between gap-3">
1579                    <div class="flex items-center gap-3">
1580                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-xl md:text-2xl">
1581                            <span class="select-none">😎</span>
1582                        </div>
1583                        <div class="flex flex-col min-w-0">
1584                            <h3 class="text-sm md:text-base font-bold text-[#365314] truncate">
1585                                Arjun_V88
1586                            </h3>
1587                            <span class="text-[11px] md:text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full inline-block w-fit mt-1">
1588                                Royal Teen Patti
1589                            </span>
1590                        </div>
1591                    </div>
1592                    <span class="text-[10px] md:text-xs text-[#4d7c0f] opacity-70 flex items-center whitespace-nowrap">
1593                        🕒 2 mins ago
1594                    </span>
1595                </div>
1596                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-t border-[#d9f99d] pt-4">
1597                    <div class="flex flex-col">
1598                        <span class="text-[10px] uppercase tracking-wider text-[#4d7c0f] font-semibold opacity-70">Total Win</span>
1599                        <div class="text-2xl md:text-3xl font-black text-[#65a30d] tracking-tight">
1600                            ₹12,400
1601                        </div>
1602                    </div>
1603                    <div class="relative max-w-md">
1604                        <p class="text-xs md:text-sm text-[#365314] italic leading-relaxed opacity-80 pl-3 border-l-2 border-[#65a30d]" title="Absolutely thrilled with this win! The gameplay is so smooth and fair.">
1605                            "Absolutely thrilled with this win! The gameplay is so smooth and fair."
1606                        </p>
1607                    </div>
1608                </div>
1609            </div>
1610        </article>
1611        <article class="relative overflow-hidden bg-[#ffffff] border border-[#d9f99d] rounded-2xl p-4 md:p-6 transition-transform hover:scale-[1.01] shadow-sm">
1612            <div class="absolute top-0 right-0 bg-[#65a30d] text-[#f7fee7] text-[10px] md:text-xs font-bold px-3 py-1 rounded-bl-xl uppercase tracking-tighter">
1613                Jackpot
1614            </div>
1615            <div class="flex flex-col gap-4">
1616                <div class="flex items-center justify-between gap-3">
1617                    <div class="flex items-center gap-3">
1618                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-xl md:text-2xl">
1619                            <span class="select-none">👩</span>
1620                        </div>
1621                        <div class="flex flex-col min-w-0">
1622                            <h3 class="text-sm md:text-base font-bold text-[#365314] truncate">
1623                                Priya.S_92
1624                            </h3>
1625                            <span class="text-[11px] md:text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full inline-block w-fit mt-1">
1626                                Golden Dragon Slot
1627                            </span>
1628                        </div>
1629                    </div>
1630                    <span class="text-[10px] md:text-xs text-[#4d7c0f] opacity-70 flex items-center whitespace-nowrap">
1631                        🕒 15 mins ago
1632                    </span>
1633                </div>
1634                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-t border-[#d9f99d] pt-4">
1635                    <div class="flex flex-col">
1636                        <span class="text-[10px] uppercase tracking-wider text-[#4d7c0f] font-semibold opacity-70">Total Win</span>
1637                        <div class="text-2xl md:text-3xl font-black text-[#65a30d] tracking-tight">
1638                            ₹85,000
1639                        </div>
1640                    </div>
1641                    <div class="relative max-w-md">
1642                        <p class="text-xs md:text-sm text-[#365314] italic leading-relaxed opacity-80 pl-3 border-l-2 border-[#65a30d]" title="OMG! I can't believe I actually hit the massive jackpot today!">
1643                            "OMG! I can't believe I actually hit the massive jackpot today!"
1644                        </p>
1645                    </div>
1646                </div>
1647            </div>
1648        </article>
1649        <article class="relative overflow-hidden bg-[#ffffff] border border-[#d9f99d] rounded-2xl p-4 md:p-6 transition-transform hover:scale-[1.01] shadow-sm">
1650            <div class="flex flex-col gap-4">
1651                <div class="flex items-center justify-between gap-3">
1652                    <div class="flex items-center gap-3">
1653                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-xl md:text-2xl">
1654                            <span class="select-none">👨</span>
1655                        </div>
1656                        <div class="flex flex-col min-w-0">
1657                            <h3 class="text-sm md:text-base font-bold text-[#365314] truncate">
1658                                Rohan_K
1659                            </h3>
1660                            <span class="text-[11px] md:text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full inline-block w-fit mt-1">
1661                                Andar Bahar Live
1662                            </span>
1663                        </div>
1664                    </div>
1665                    <span class="text-[10px] md:text-xs text-[#4d7c0f] opacity-70 flex items-center whitespace-nowrap">
1666                        🕒 24 mins ago
1667                    </span>
1668                </div>
1669                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-t border-[#d9f99d] pt-4">
1670                    <div class="flex flex-col">
1671                        <span class="text-[10px] uppercase tracking-wider text-[#4d7c0f] font-semibold opacity-70">Total Win</span>
1672                        <div class="text-2xl md:text-3xl font-black text-[#65a30d] tracking-tight">
1673                            ₹4,200
1674                        </div>
1675                    </div>
1676                    <div class="relative max-w-md">
1677                        <p class="text-xs md:text-sm text-[#365314] italic leading-relaxed opacity-80 pl-3 border-l-2 border-[#65a30d]" title="Quick wins and even quicker withdrawals. This app is truly a gem.">
1678                            "Quick wins and even quicker withdrawals. This app is truly a gem."
1679                        </p>
1680                    </div>
1681                </div>
1682            </div>
1683        </article>
1684        <article class="relative overflow-hidden bg-[#ffffff] border border-[#d9f99d] rounded-2xl p-4 md:p-6 transition-transform hover:scale-[1.01] shadow-sm">
1685            <div class="flex flex-col gap-4">
1686                <div class="flex items-center justify-between gap-3">
1687                    <div class="flex items-center gap-3">
1688                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-xl md:text-2xl">
1689                            <span class="select-none">👩</span>
1690                        </div>
1691                        <div class="flex flex-col min-w-0">
1692                            <h3 class="text-sm md:text-base font-bold text-[#365314] truncate">
1693                                Sanya_Mist
1694                            </h3>
1695                            <span class="text-[11px] md:text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full inline-block w-fit mt-1">
1696                                Ocean Fishing
1697                            </span>
1698                        </div>
1699                    </div>
1700                    <span class="text-[10px] md:text-xs text-[#4d7c0f] opacity-70 flex items-center whitespace-nowrap">
1701                        🕒 1 hour ago
1702                    </span>
1703                </div>
1704                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-t border-[#d9f99d] pt-4">
1705                    <div class="flex flex-col">
1706                        <span class="text-[10px] uppercase tracking-wider text-[#4d7c0f] font-semibold opacity-70">Total Win</span>
1707                        <div class="text-2xl md:text-3xl font-black text-[#65a30d] tracking-tight">
1708                            ₹7,800
1709                        </div>
1710                    </div>
1711                    <div class="relative max-w-md">
1712                        <p class="text-xs md:text-sm text-[#365314] italic leading-relaxed opacity-80 pl-3 border-l-2 border-[#65a30d]" title="Had a blast playing Fishing! The graphics are amazing and rewards are great.">
1713                            "Had a blast playing Fishing! The graphics are amazing and rewards are great."
1714                        </p>
1715                    </div>
1716                </div>
1717            </div>
1718        </article>
1719        <article class="relative overflow-hidden bg-[#ffffff] border border-[#d9f99d] rounded-2xl p-4 md:p-6 transition-transform hover:scale-[1.01] shadow-sm">
1720            <div class="absolute top-0 right-0 bg-[#65a30d] text-[#f7fee7] text-[10px] md:text-xs font-bold px-3 py-1 rounded-bl-xl uppercase tracking-tighter">
1721                Jackpot
1722            </div>
1723            <div class="flex flex-col gap-4">
1724                <div class="flex items-center justify-between gap-3">
1725                    <div class="flex items-center gap-3">
1726                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-xl md:text-2xl">
1727                            <span class="select-none">🧔</span>
1728                        </div>
1729                        <div class="flex flex-col min-w-0">
1730                            <h3 class="text-sm md:text-base font-bold text-[#365314] truncate">
1731                                Vikram_S
1732                            </h3>
1733                            <span class="text-[11px] md:text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full inline-block w-fit mt-1">
1734                                Mega 777 Slot
1735                            </span>
1736                        </div>
1737                    </div>
1738                    <span class="text-[10px] md:text-xs text-[#4d7c0f] opacity-70 flex items-center whitespace-nowrap">
1739                        🕒 3 hours ago
1740                    </span>
1741                </div>
1742                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-t border-[#d9f99d] pt-4">
1743                    <div class="flex flex-col">
1744                        <span class="text-[10px] uppercase tracking-wider text-[#4d7c0f] font-semibold opacity-70">Total Win</span>
1745                        <div class="text-2xl md:text-3xl font-black text-[#65a30d] tracking-tight">
1746                            ₹1,50,000
1747                        </div>
1748                    </div>
1749                    <div class="relative max-w-md">
1750                        <p class="text-xs md:text-sm text-[#365314] italic leading-relaxed opacity-80 pl-3 border-l-2 border-[#65a30d]" title="Unbelievable luck! This is the biggest win of my entire gaming life!">
1751                            "Unbelievable luck! This is the biggest win of my entire gaming life!"
1752                        </p>
1753                    </div>
1754                </div>
1755            </div>
1756        </article>
1757        <article class="relative overflow-hidden bg-[#ffffff] border border-[#d9f99d] rounded-2xl p-4 md:p-6 transition-transform hover:scale-[1.01] shadow-sm">
1758            <div class="flex flex-col gap-4">
1759                <div class="flex items-center justify-between gap-3">
1760                    <div class="flex items-center gap-3">
1761                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#f7fee7] border-2 border-[#d9f99d] flex items-center justify-center text-xl md:text-2xl">
1762                            <span class="select-none">🧑</span>
1763                        </div>
1764                        <div class="flex flex-col min-w-0">
1765                            <h3 class="text-sm md:text-base font-bold text-[#365314] truncate">
1766                                Amit_Gaming
1767                            </h3>
1768                            <span class="text-[11px] md:text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full inline-block w-fit mt-1">
1769                                European Roulette
1770                            </span>
1771                        </div>
1772                    </div>
1773                    <span class="text-[10px] md:text-xs text-[#4d7c0f] opacity-70 flex items-center whitespace-nowrap">
1774                        🕒 5 hours ago
1775                    </span>
1776                </div>
1777                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-t border-[#d9f99d] pt-4">
1778                    <div class="flex flex-col">
1779                        <span class="text-[10px] uppercase tracking-wider text-[#4d7c0f] font-semibold opacity-70">Total Win</span>
1780                        <div class="text-2xl md:text-3xl font-black text-[#65a30d] tracking-tight">
1781                            ₹11,000
1782                        </div>
1783                    </div>
1784                    <div class="relative max-w-md">
1785                        <p class="text-xs md:text-sm text-[#365314] italic leading-relaxed opacity-80 pl-3 border-l-2 border-[#65a30d]" title="My strategy finally paid off. Great experience on wr777 game com!">
1786                            "My strategy finally paid off. Great experience on wr777 game com!"
1787                        </p>
1788                    </div>
1789                </div>
1790            </div>
1791        </article>
1792    </div>
1793</section>
1794<section class="py-12 px-4 md:py-16 md:px-8 bg-[#f7fee7]">
1795    <div class="max-w-6xl mx-auto">
1796        <header class="text-center mb-8 md:mb-12">
1797            <h2 class="text-xl md:text-2xl font-bold text-[#365314] mb-3" title="Player Testimonials">
1798                Player Testimonials
1799            </h2>
1800            <p class="text-sm md:text-base text-[#4d7c0f] max-w-2xl mx-auto leading-relaxed" title="Real feedback from our growing gaming community in India">
1801                Real feedback from our growing gaming community in India
1802            </p>
1803        </header>
1804        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6">
1805            <article class="flex flex-col bg-[#ffffff] rounded-2xl p-5 shadow-sm border border-[#d9f99d] hover:shadow-md transition-shadow duration-300" title="Review by Ananya Mukherjee">
1806                <div class="flex items-start gap-3 mb-4">
1807                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#f7fee7] border border-[#d9f99d] flex items-center justify-center text-lg" title="Ananya Mukherjee avatar">
1808                        👩
1809                    </div>
1810                    <div class="flex-grow min-w-0">
1811                        <div class="flex items-center justify-between gap-2">
1812                            <h3 class="font-bold text-[#365314] text-sm md:text-base truncate" title="Ananya Mukherjee">
1813                                Ananya Mukherjee
1814                            </h3>
1815                            <span class="text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full border border-[#d9f99d]">
1816                                5.0 ★
1817                            </span>
1818                        </div>
1819                        <p class="text-xs text-[#4d7c0f] opacity-80 mt-0.5" title="Posted 2 days ago">
1820                            2 days ago
1821                        </p>
1822                    </div>
1823                </div>
1824                <div class="flex-grow mb-4">
1825                    <p class="text-sm md:text-base text-[#365314] leading-relaxed" title="The wr777 app is incredibly smooth. I had a great experience with the instant payouts and the game variety is simply unmatched in India.">
1826                        The wr777 app is incredibly smooth. I had a great experience with the instant payouts and the game variety is simply unmatched in India.
1827                    </p>
1828                </div>
1829                <footer class="flex items-center justify-between pt-3 border-t border-[#d9f99d]">
1830                    <div class="flex items-center gap-1 text-xs text-[#4d7c0f]">
1831                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24">
1832                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1833                        </svg>
1834                        <span>124 likes</span>
1835                    </div>
1836                    <div class="flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider text-[#65a30d] bg-[#f7fee7] px-2 py-1 rounded border border-[#d9f99d]">
1837                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
1838                            <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
1839                        </svg>
1840                        Verified Player
1841                    </div>
1842                </footer>
1843            </article>
1844            <article class="flex flex-col bg-[#ffffff] rounded-2xl p-5 shadow-sm border border-[#d9f99d] hover:shadow-md transition-shadow duration-300" title="Review by Aditi Chauhan">
1845                <div class="flex items-start gap-3 mb-4">
1846                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#f7fee7] border border-[#d9f99d] flex items-center justify-center text-lg" title="Aditi Chauhan avatar">
1847                        👩
1848                    </div>
1849                    <div class="flex-grow min-w-0">
1850                        <div class="flex items-center justify-between gap-2">
1851                            <h3 class="font-bold text-[#365314] text-sm md:text-base truncate" title="Aditi Chauhan">
1852                                Aditi Chauhan
1853                            </h3>
1854                            <span class="text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full border border-[#d9f99d]">
1855                                4.8 ★
1856                            </span>
1857                        </div>
1858                        <p class="text-xs text-[#4d7c0f] opacity-80 mt-0.5" title="Posted 5 hours ago">
1859                            5 hours ago
1860                        </p>
1861                    </div>
1862                </div>
1863                <div class="flex-grow mb-4">
1864                    <p class="text-sm md:text-base text-[#365314] leading-relaxed" title="I really appreciate the wr7
186477 login process being so fast. The interface is very user-friendly and the customer support team is helpful and polite.">
1865                        I really appreciate the wr777 login process being so fast. The interface is very user-friendly and the customer support team is helpful and polite.
1866                    </p>
1867                </div>
1868                <footer class="flex items-center justify-between pt-3 border-t border-[#d9f99d]">
1869                    <div class="flex items-center gap-1 text-xs text-[#4d7c0f]">
1870                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24">
1871                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1872                        </svg>
1873                        <span>89 likes</span>
1874                    </div>
1875                    <div class="flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider text-[#65a30d] bg-[#f7fee7] px-2 py-1 rounded border border-[#d9f99d]">
1876                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
1877                            <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
1878                        </svg>
1879                        Verified Player
1880                    </div>
1881                </footer>
1882            </article>
1883            <article class="flex flex-col bg-[#ffffff] rounded-2xl p-5 shadow-sm border border-[#d9f99d] hover:shadow-md transition-shadow duration-300" title="Review by Aadhya Verma">
1884                <div class="flex items-start gap-3 mb-4">
1885                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#f7fee7] border border-[#d9f99d] flex items-center justify-center text-lg" title="Aadhya Verma avatar">
1886                        👩
1887                    </div>
1888                    <div class="flex-grow min-w-0">
1889                        <div class="flex items-center justify-between gap-2">
1890                            <h3 class="font-bold text-[#365314] text-sm md:text-base truncate" title="Aadhya Verma">
1891                                Aadhya Verma
1892                            </h3>
1893                            <span class="text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full border border-[#d9f99d]">
1894                                4.9 ★
1895                            </span>
1896                        </div>
1897                        <p class="text-xs text-[#4d7c0f] opacity-80 mt-0.5" title="Posted 1 week ago">
1898                            1 week ago
1899                        </p>
1900                    </div>
1901                </div>
1902                <div class="flex-grow mb-4">
1903                    <p class="text-sm md:text-base text-[#365314] leading-relaxed" title="Best gaming platform I have used so far. The wr777 com game selection is huge and the graphics are top-notch on my mobile device.">
1904                        Best gaming platform I have used so far. The wr777 com game selection is huge and the graphics are top-notch on my mobile device.
1905                    </p>
1906                </div>
1907                <footer class="flex items-center justify-between pt-3 border-t border-[#d9f99d]">
1908                    <div class="flex items-center gap-1 text-xs text-[#4d7c0f]">
1909                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24">
1910                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1911                        </svg>
1912                        <span>210 likes</span>
1913                    </div>
1914                    <div class="flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider text-[#65a30d] bg-[#f7fee7] px-2 py-1 rounded border border-[#d9f99d]">
1915                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
1916                            <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
1917                        </svg>
1918                        Verified Player
1919                    </div>
1920                </footer>
1921            </article>
1922            <article class="flex flex-col bg-[#ffffff] rounded-2xl p-5 shadow-sm border border-[#d9f99d] hover:shadow-md transition-shadow duration-300" title="Review by Riya Malhotra">
1923                <div class="flex items-start gap-3 mb-4">
1924                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#f7fee7] border border-[#d9f99d] flex items-center justify-center text-lg" title="Riya Malhotra avatar">
1925                        👩
1926                    </div>
1927                    <div class="flex-grow min-w-0">
1928                        <div class="flex items-center justify-between gap-2">
1929                            <h3 class="font-bold text-[#365314] text-sm md:text-base truncate" title="Riya Malhotra">
1930                                Riya Malhotra
1931                            </h3>
1932                            <span class="text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full border border-[#d9f99d]">
1933                                4.7 ★
1934                            </span>
1935                        </div>
1936                        <p class="text-xs text-[#4d7c0f] opacity-80 mt-0.5" title="Posted 3 days ago">
1937                            3 days ago
1938                        </p>
1939                    </div>
1940                </div>
1941                <div class="flex-grow mb-4">
1942                    <p class="text-sm md:text-base text-[#365314] leading-relaxed" title="Very impressed with the security and transparency of the site. Winning feels fair and the withdrawal process is very straightforward for Indian players.">
1943                        Very impressed with the security and transparency of the site. Winning feels fair and the withdrawal process is very straightforward for Indian players.
1944                    </p>
1945                </div>
1946                <footer class="flex items-center justify-between pt-3 border-t border-[#d9f99d]">
1947                    <div class="flex items-center gap-1 text-xs text-[#4d7c0f]">
1948                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24">
1949                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1950                        </svg>
1951                        <span>56 likes</span>
1952                    </div>
1953                    <div class="flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider text-[#65a30d] bg-[#f7fee7] px-2 py-1 rounded border border-[#d9f99d]">
1954                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
1955                            <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
1956                        </svg>
1957                        Verified Player
1958                    </div>
1959                </footer>
1960            </article>
1961            <article class="flex flex-col bg-[#ffffff] rounded-2xl p-5 shadow-sm border border-[#d9f99d] hover:shadow-md transition-shadow duration-300" title="Review by Tanvi Menon">
1962                <div class="flex items-start gap-3 mb-4">
1963                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#f7fee7] border border-[#d9f99d] flex items-center justify-center text-lg" title="Tanvi Menon avatar">
1964                        👩
1965                    </div>
1966                    <div class="flex-grow min-w-0">
1967                        <div class="flex items-center justify-between gap-2">
1968                            <h3 class="font-bold text-[#365314] text-sm md:text-base truncate" title="Tanvi Menon">
1969                                Tanvi Menon
1970                            </h3>
1971                            <span class="text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full border border-[#d9f99d]">
1972                                5.0 ★
1973                            </span>
1974                        </div>
1975                        <p class="text-xs text-[#4d7c0f] opacity-80 mt-0.5" title="Posted 12 hours ago">
1976                            12 hours ago
1977                        </p>
1978                    </div>
1979                </div>
1980                <div class="flex-grow mb-4">
1981                    <p class="text-sm md:text-base text-[#365314] leading-relaxed" title="I love how the wr777 game com works on slow internet connections. It doesn't lag, making the whole gaming experience seamless and exciting.">
1982                        I love how the wr777 game com works on slow internet connections. It doesn't lag, making the whole gaming experience seamless and exciting.
1983                    </p>
1984                </div>
1985                <footer class="flex items-center justify-between pt-3 border-t border-[#d9f99d]">
1986                    <div class="flex items-center gap-1 text-xs text-[#4d7c0f]">
1987                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24">
1988                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1989                        </svg>
1990                        <span>74 likes</span>
1991                    </div>
1992                    <div class="flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider text-[#65a30d] bg-[#f7fee7] px-2 py-1 rounded border border-[#d9f99d]">
1993                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
1994                            <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
1995                        </svg>
1996                        Verified Player
1997                    </div>
1998                </footer>
1999            </article>
2000            <article class="flex flex-col bg-[#ffffff] rounded-2xl p-5 shadow-sm border border-[#d9f99d] hover:shadow-md transition-shadow duration-300" title="Review by Aadhya Gupta">
2001                <div class="flex items-start gap-3 mb-4">
2002                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#f7fee7] border border-[#d9f99d] flex items-center justify-center text-lg" title="Aadhya Gupta avatar">
2003                        👩
2004                    </div>
2005                    <div class="flex-grow min-w-0">
2006                        <div class="flex items-center justify-between gap-2">
2007                            <h3 class="font-bold text-[#365314] text-sm md:text-base truncate" title="Aadhya Gupta">
2008                                Aadhya Gupta
2009                            </h3>
2010                            <span class="text-xs font-medium text-[#65a30d] bg-[#f7fee7] px-2 py-0.5 rounded-full border border-[#d9f99d]">
2011                                4.8 ★
2012                            </span>
2013                        </div>
2014                        <p class="text-xs text-[#4d7c0f] opacity-80 mt-0.5" title="Posted 4 days ago">
2015                            4 days ago
2016                        </p>
2017                    </div>
2018                </div>
2019                <div class="flex-grow mb-4">
2020                    <p class="text-sm md:text-base text-[#365314] leading-relaxed" title="The bonus offers are fantastic and the app is very lightweight. It is definitely the most reliable gaming platform available in the region.">
2021                        The bonus offers are fantastic and the app is very lightweight. It is definitely the most reliable gaming platform available in the region.
2022                    </p>
2023                </div>
2024                <footer class="flex items-center justify-between pt-3 border-t border-[#d9f99d]">
2025                    <div class="flex items-center gap-1 text-xs text-[#4d7c0f]">
2026                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24">
2027                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
2028                        </svg>
2029                        <span>112 likes</span>
2030                    </div>
2031                    <div class="flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider text-[#65a30d] bg-[#f7fee7] px-2 py-1 rounded border border-[#d9f99d]">
2032                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
2033                            <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
2034                        </svg>
2035                        Verified Player
2036                    </div>
2037                </footer>
2038            </article>
2039        </div>
2040    </div>
2041</section>
2042<section class="py-12 px-4 md:py-20 md:px-8 bg-[#f7fee7] overflow-hidden">
2043    <div class="max-w-3xl mx-auto">
2044        <header class="text-center mb-10 md:mb-16">
2045            <h2 class="text-2xl md:text-4xl font-bold text-[#365314] mb-4 leading-tight" title="Help &amp; Support Centre">
2046                Help &amp; Support Centre
2047            </h2>
2048            <p class="text-sm md:text-base text-[#4d7c0f] opacity-90 max-w-lg mx-auto" title="Find quick answers to your queries about wr777 game com and start winning today 🏆">
2049                Find quick answers to your queries about wr777 game com and start winning today 🏆
2050            </p>
2051        </header>
2052        <div class="space-y-3 md:space-y-4">
2053            <article class="group">
2054                <details class="group bg-[#ffffff] border border-[#d9f99d] rounded-2xl transition-all duration-300 open:ring-2 open:ring-[#65a30d]">
2055                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none" title="Click to view Is my money and data safe on wr777 game com? 🛡️">
2056                        <span class="text-base md:text-lg font-medium text-[#365314] pr-4">
2057                            Is my money and data safe on wr777 game com? 🛡️
2058                        </span>
2059                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-[#f7fee7] rounded-full transition-transform duration-300 group-open:rotate-180">
2060                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-[#65a30d]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2061                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
2062                            </svg>
2063                        </div>
2064                    </summary>
2065                    <div class="px-4 pb-4 md:px-6 md:pb-6">
2066                        <div class="pt-2 border-t border-[#d9f99d] text-[#4d7c0f] text-sm md:text-base leading-relaxed" title="Answer for Is my money and data safe on wr777 game com? 🛡️">
2067                            Absolutely. We use advanced SSL encryption and high-level security protocols to ensure your personal data and financial transactions remain completely secure and private. Your safety is our top priority.
2068                        </div>
2069                    </div>
2070                </details>
2071            </article>
2072            <article class="group">
2073                <details class="group bg-[#ffffff] border border-[#d9f99d] rounded-2xl transition-all duration-300 open:ring-2 open:ring-[#65a30d]">
2074                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none" title="Click to view How do I register and verify my account? 📝">
2075                        <span class="text-base md:text-lg font-medium text-[#365314] pr-4">
2076                            How do I register and verify my account? 📝
2077                        </span>
2078                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-[#f7fee7] rounded-full transition-transform duration-300 group-open:rotate-180">
2079                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-[#65a30d]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2080                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
2081                            </svg>
2082                        </div>
2083                    </summary>
2084                    <div class="px-4 pb-4 md:px-6 md:pb-6">
2085                        <div class="pt-2 border-t border-[#d9f99d] text-[#4d7c0f] text-sm md:text-base leading-relaxed" title="Answer for How do I register and verify my account? 📝">
2086                            Simply click on the wr777 login page, fill in your basic details, and verify your mobile number via OTP. Once verified, you can access all premium features of the wr777 app instantly.
2087                        </div>
2088                    </div>
2089                </details>
2090            </article>
2091            <article class="group">
2092                <details class="group bg-[#ffffff] border border-[#d9f99d] rounded-2xl transition-all duration-300 open:ring-2 open:ring-[#65a30d]">
2093                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none" title="Click to view How fast are the deposits and withdrawals in India? 💸">
2094                        <span class="text-base md:text-lg font-medium text-[#365314] pr-4">
2095                            How fast are the deposits and withdrawals in India? 💸
2096                        </span>
2097                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-[#f7fee7] rounded-full transition-transform duration-300 group-open:rotate-180">
2098                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-[#65a30d]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2099                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
2100                            </svg>
2101                        </div>
2102                    </summary>
2103                    <div class="px-4 pb-4 md:px-6 md:pb-6">
2104                        <div class="pt-2 border-t border-[#d9f99d] text-[#4d7c0f] text-sm md:text-base leading-relaxed" title="Answer for How fast are the deposits and withdrawals in India? 💸">
2105                            We support lightning-fast transactions via UPI, IMPS, and popular Indian e-wallets. Deposits are instant, and withdrawal requests are typically processed within a few working hours to your verified bank account.
2106                        </div>
2107                    </div>
2108                </details>
2109            </article>
2110            <article class="group">
2111                <details class="group bg-[#ffffff] border border-[#d9f99d] rounded-2xl transition-all duration-300 open:ring-2 open:ring-[#65a30d]">
2112                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none" title="Click to view Are the games on wr777 com game fair? 🎰">
2113                        <span class="text-base md:text-lg font-medium text-[#365314] pr-4">
2114                            Are the games on wr777 com game fair? 🎰
2115                        </span>
2116                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-[#f7fee7] rounded-full transition-transform duration-300 group-open:rotate-180">
2117                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-[#65a30d]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2118                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
2119                            </svg>
2120                        </div>
2121                    </summary>
2122                    <div class="px-4 pb-4 md:px-6 md:pb-6">
2123                        <div class="pt-2 border-t border-[#d9f99d] text-[#4d7c0f] text-sm md:text-base leading-relaxed" title="Answer for Are the games on wr777 com game fair? 🎰">
2124                            Yes, all our games use certified Random Number Generators (RNG) to ensure a fair and transparent gaming experience for every player. Every spin and deal is 100% unbiased.
2125                        </div>
2126                    </div>
2127                </details>
2128            </article>
2129            <article class="group">
2130                <details class="group bg-[#ffffff] border border-[#d9f99d] rounded-2xl transition-all duration-300 open:ring-2 open:ring-[#65a30d]">
2131                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none" title="Click to view How can I claim my welcome bonus? 🎁">
2132                        <span class="text-base md:text-lg font-medium text-[#365314] pr-4">
2133                            How can I claim my welcome bonus? 🎁
2134                        </span>
2135                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-[#f7fee7] rounded-full transition-transform duration-300 group-open:rotate-180">
2136                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-[#65a30d]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2137                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
2138                            </svg>
2139                        </div>
2140                    </summary>
2141                    <div class="px-4 pb-4 md:px-6 md:pb-6">
2142                        <div class="pt-2 border-t border-[#d9f99d] text-[#4d7c0f] text-sm md:text-base leading-relaxed" title="Answer for How can I claim my welcome bonus? 🎁">
2143                            New users can claim their welcome bonus immediately after successful registration and first deposit. Navigate to the 'Promotions' section in the wr777 app to activate your special starting reward.
2144                        </div>
2145                    </div>
2146                </details>
2147            </article>
2148            <article class="group">
2149                <details class="group bg-[#ffffff] border border-[#d9f99d] rounded-2xl transition-all duration-300 open:ring-2 open:ring-[#65a30d]">
2150                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none" title="Click to view How can I contact customer service? 🎧">
2151                        <span class="text-base md:text-lg font-medium text-[#365314] pr-4">
2152                            How can I contact customer service? 🎧
2153                        </span>
2154                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center bg-[#f7fee7] rounded-full transition-transform duration-300 group-open:rotate-180">
2155                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-[#65a30d]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2156                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
2157                            </svg>
2158                        </div>
2159                    </summary>
2160                    <div class="px-4 pb-4 md:px-6 md:pb-6">
2161                        <div class="pt-2 border-t border-[#d9f99d] text-[#4d7c0f] text-sm md:text-base leading-relaxed" title="Answer for How can I contact customer service? 🎧">
2162                            Our support team is available 24/7. You can reach us through the live chat feature on the website, via WhatsApp, or by emailing our dedicated help desk for any account-related assistance.
2163                        </div>
2164                    </div>
2165                </details>
2166            </article>
2167        </div>
2168        <div class="mt-12 text-center">
2169            <p class="text-[#4d7c0f] text-sm mb-6">
2170                Still have questions? Our dedicated team is available 24/7 to assist you with your wr777 login and gaming experience.
2171            </p>
2172            <a href="javascript:downloadApp();" class="inline-flex items-center justify-center px-8 py-3 rounded-full bg-[#65a30d] text-[#ffffff] font-semibold text-sm md:text-base transition-transform hover:scale-105 active:scale-95 shadow-lg shadow-[#65a30d]/20" title="Contact our support team for more help">
2173                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2174                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"></path>
2175                </svg>
2176                Chat With Us Now 💬
2177            </a>
2178        </div>
2179    </div>
2180</section>
2181<section class="py-12 px-4 md:py-20 bg-[#f7fee7]">
2182  <div class="max-w-7xl mx-auto">
2183    <header class="mb-10 text-center">
2184      <h3 class="text-2xl md:text-3xl font-bold text-[#365314] leading-tight" title="Our Trusted Gaming Partners">
2185        Our Trusted Gaming Partners
2186      </h3>
2187      <div class="mt-2 w-16 h-1 bg-[#65a30d] mx-auto rounded-full"></div>
2188    </header>
2189    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-6 justify-items-center">
2190        <div class="w-full aspect-square p-3 flex items-center justify-center bg-[#ffffff] border border-[#d9f99d] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300" title="AsiaGaming partner logo">
2191          <div class="w-full h-full flex items-center justify-center p-2">
2192            <img src="static/images/da656045b559fffd10bc706e1273bf74a61a77c9.png" alt="AsiaGaming logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto" title="AsiaGaming">
2193          </div>
2194        </div>
2195        <div class="w-full aspect-square p-3 flex items-center justify-center bg-[#ffffff] border border-[#d9f99d] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300" title="Booming Games partner logo">
2196          <div class="w-full h-full flex items-center justify-center p-2">
2197            <img src="static/images/f3da338e2c71b371d5a3b3bb9343e2cbbf9e0d9a.png" alt="Booming Games logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto" title="Booming Games">
2198          </div>
2199        </div>
2200        <div class="w-full aspect-square p-3 flex items-center justify-center bg-[#ffffff] border border-[#d9f99d] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300" title="Creedroomz partner logo">
2201          <div class="w-full h-full flex items-center justify-center p-2">
2202            <img src="static/images/4d0454b6de6a5eb5257aa12d3e191e1afbaa0bea.png" alt="Creedroomz logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto" title="Creedroomz">
2203          </div>
2204        </div>
2205        <div class="w-full aspect-square p-3 flex items-center justify-center bg-[#ffffff] border border-[#d9f99d] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300" title="Aviatrix partner logo">
2206          <div class="w-full h-full flex items-center justify-center p-2">
2207            <img src="static/images/928540160d2d06c060c4cb1857460a45b77c23dc.png" alt="Aviatrix logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto" title="Aviatrix">
2208          </div>
2209        </div>
2210        <div class="w-full aspect-square p-3 flex items-center justify-center bg-[#ffffff] border border-[#d9f99d] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300" title="5men partner logo">
2211          <div class="w-full h-full flex items-center justify-center p-2">
2212            <img src="static/images/dbaed5fdd859b14059605788703ee1a28435972f.png" alt="5men logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto" title="5men">
2213          </div>
2214        </div>
2215    </div>
2216  </div>
2217</section>
2218<footer class="bg-[#f7fee7] border-t border-[#d9f99d] py-8 px-6 md:py-12 md:px-12">
2219    <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 items-start md:items-center">
2220        <div class="flex flex-col space-y-4">
2221            <h2 class="text-xl md:text-2xl font-bold text-[#365314] tracking-tight">
2222                inwr777gamecom.com
2223            </h2>
2224            <p class="text-sm md:text-base text-[#4d7c0f] opacity-80 leading-relaxed" title="Copyright information for inwr777gamecom.com">
2225                © 2024 <span class="font-medium">inwr777gamecom.com</span>. © 2024 inwr777gamecom.com. All rights reserved. 🇮🇳
2226            </p>
2227        </div>
2228        <div class="flex flex-col items-start md:items-end text-left md:text-right">
2229            <div class="w-full md:w-auto">
2230                <p class="text-sm md:text-base text-[#4d7c0f] leading-relaxed max-w-md ml-auto" title="We are dedicated to providing a secure, transparent, and fair gaming environment for all our players across India.">
2231                    We are dedicated to providing a secure, transparent, and fair gaming environment for all our players across India.
2232                </p>
2233            </div>
2234            <div class="mt-6 flex items-center space-x-4 overflow-x-auto pb-2 md:pb-0">
2235                <a href="index.html" class="text-xs font-medium text-[#65a30d] hover:underline transition-all duration-300" title="Home Page">
2236                    Home 🏠
2237                </a>
2238                <a href="faq.html" class="text-xs font-medium text-[#65a30d] hover:underline transition-all duration-300" title="Help &amp; Support">
2239                    FAQ ❓
2240                </a>
2241                <a href="play_game.html" class="text-xs font-medium text-[#65a30d] hover:underline transition-all duration-300" title="Game Lobby">
2242                    Play Now 🎮
2243                </a>
2244                <a href="countries.html" class="text-xs font-medium text-[#65a30d] hover:underline transition-all duration-300" title="Regional Access">
2245                    Countries 🌍
2246                </a>
2247                <a href="esportes.html" class="text-xs font-medium text-[#65a30d] hover:underline transition-all duration-300" title="E-Sports Arena">
2248                    E-Sports 🏆
2249                </a>
2250                <a href="agente.html" class="text-xs font-medium text-[#65a30d] hover:underline transition-all duration-300" title="Agent Partnership">
2251                    Become Agent 🤝
2252                </a>
2253            </div>
2254        </div>
2255    </div>
2256    <div class="max-w-7xl mx-auto mt-8 pt-6 border-t border-[#d9f99d] flex flex-col md:flex-row justify-between items-center gap-4">
2257        <div class="flex items-center gap-2">
2258            <img src="static/images/logo.png" alt="WR777 Game Official Logo" class="h-6 w-auto opacity-90">
2259        </div>
2260        <div class="text-[10px] uppercase tracking-widest text-[#4d7c0f] opacity-60">
2261            Play responsibly. Terms and conditions apply to all users accessing the WR777 app and portal.
2262        </div>
2263    </div>
2264</footer>
2265<aside class="fixed right-[10px] bottom-[194px] z-40 flex flex-col items-end">
2266    <a href="faq.html" title="Help &amp; Support" class="w-10 h-10 relative group transition-transform active:scale-90 duration-200 ease-in-out" aria-label="FAQ Support">
2267        <div class="w-full h-full rounded-full bg-[#f7fee7] border border-[#d9f99d] shadow-lg flex items-center justify-center overflow-hidden group-hover:ring-2 ring-[#65a30d] transition-all duration-300">
2268            <img src="static/images/8478526e7a6f3b33ff0e29bfc7e669aca5cdf7cd.png" alt="FAQ Support" class="w-full h-full object-contain scale-90 group-hover:scale-100 transition-transform duration-300">
2269        </div>
2270        <span class="absolute right-full mr-3 top-1/2 -translate-y-1/2 hidden md:block px-2 py-1 rounded text-[10px] font-medium text-[#65a30d] bg-[#ffffff] border border-[#d9f99d] whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none shadow-sm">
2271            Help &amp; Support
2272        </span>
2273    </a>
2274</aside>
2275<aside class="fixed right-[10px] z-40 bottom-[136px]">
2276    <div onclick="playRGame()" class="w-10 h-10 rounded-full shadow-lg cursor-pointer transition-transform active:scale-90 overflow-hidden border-2 border-[#d9f99d] bg-[#f7fee7] flex items-center justify-center" title="Daily Lucky Spin 🎡">
2277        <a href="play_game.html" title="Claim Daily Lucky Spin 🎡 welfare" class="w-full h-full block">
2278            <img src="static/images/fc0a38f2803bc11337ce34007cc98c2f35a82fed.webp" alt="Daily Lucky Spin 🎡 welfare icon" class="w-full h-full object-contain">
2279        </a>
2280    </div>
2281</aside>
2282<div style="height: calc(72px + env(safe-area-inset-bottom));"></div>
2283<nav class="fixed bottom-0 left-0 right-0 z-50 bg-[#f7fee7] border-t border-[#d9f99d] pb-safe" style="padding-bottom: env(safe-area-inset-bottom);">
2284    <div class="max-w-screen-xl mx-auto px-2">
2285        <ul class="flex items-center justify-between h-[68px] relative">
2286            <li class="flex-1">
2287                <a href="index.html" title="Home" aria-label="Home" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 hover:text-[#65a30d] text-[#65a30d] scale-110">
2288                    <div class="relative w-6 h-6 flex items-center justify-center">
2289                            <span class="absolute -inset-1 bg-[#d9f99d] rounded-full opacity-50 animate-pulse"></span>
2290                        <span class="relative z-10 text-xl leading-none">
2291                            🏠
2292                        </span>
2293                    </div>
2294                    <span class="text-[10px] font-medium uppercase tracking-wider leading-none">
2295                        Home
2296                    </span>
2297                        <div class="absolute bottom-0 w-1 h-1 rounded-full bg-[#65a30d]"></div>
2298                </a>
2299            </li>
2300            <li class="flex-1">
2301                <a href="esportes.html" title="E-Sports" aria-label="E-Sports" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 hover:text-[#65a30d] text-[#4d7c0f] opacity-80">
2302                    <div class="relative w-6 h-6 flex items-center justify-center">
2303                        <span class="relative z-10 text-xl leading-none">
2304                            🏆
2305                        </span>
2306                    </div>
2307                    <span class="text-[10px] font-medium uppercase tracking-wider leading-none">
2308                        E-Sports
2309                    </span>
2310                </a>
2311            </li>
2312            <li class="flex-1">
2313                <a href="agente.html" title="Agent" aria-label="Agent" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 hover:text-[#65a30d] text-[#4d7c0f] opacity-80">
2314                    <div class="relative w-6 h-6 flex items-center justify-center">
2315                        <span class="relative z-10 text-xl leading-none">
2316                            👥
2317                        </span>
2318                    </div>
2319                    <span class="text-[10px] font-medium uppercase tracking-wider leading-none">
2320                        Agent
2321                    </span>
2322                </a>
2323            </li>
2324            <li class="flex-1">
2325                <a href="javascript:downloadApp()" title="Offers" aria-label="Offers" onclick="downloadApp(); return false;" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 hover:text-[#65a30d] text-[#4d7c0f] opacity-80">
2326                    <div class="relative w-6 h-6 flex items-center justify-center">
2327                        <span class="relative z-10 text-xl leading-none">
2328                            🎁
2329                        </span>
2330                    </div>
2331                    <span class="text-[10px] font-medium uppercase tracking-wider leading-none">
2332                        Offers
2333                    </span>
2334                </a>
2335            </li>
2336            <li class="flex-1">
2337                <a href="javascript:downloadApp()" title="Support" aria-label="Support" onclick="downloadApp(); return false;" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 hover:text-[#65a30d] text-[#4d7c0f] opacity-80">
2338                    <div class="relative w-6 h-6 flex items-center justify-center">
2339                        <span class="relative z-10 text-xl leading-none">
2340                            🎧
2341                        </span>
2342                    </div>
2343                    <span class="text-[10px] font-medium uppercase tracking-wider leading-none">
2344                        Support
2345                    </span>
2346                </a>
2347            </li>
2348        </ul>
2349    </div>
2350</nav>
2351    </main>
2352<script defer="" data-domain="inwr777gamecom.com" src="https://inj5count.top/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2352
2352
2353<script defer="" data-domain="in-all" src="https://inj5count.top/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2353
2353
2354<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 2354
2354
2355<script src="static/js/global.js"></script>
vendor: 1 bytes, line 2355
2355
2356<script src="static/js/inwr777gamecomcom_language.js"></script>
2356
2357  
2357<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2357
2357
2358<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"ccf63827af614a0e9dd55f6b197c7349","r":1,"spa":2}' crossorigin="anonymous"></script>
2358
2359</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.