PageSourceSearch

https://zk888game.com/

html zk888game.com collected 2026-10-06 20:27:59 UTC 272,216 bytes, 3,377 lines download raw bytes

1<!DOCTYPE html><html dir="rtl" lang="ur-PK"><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>ZK888GAME - PLATAFORMA OFICIAL - ZK888GAME.COM</title>
6    <meta name="description" content="ZK888 game پر بہترین کیسینو تجربہ پائیں۔ بڑے انعامات، ڈھیروں گیمز اور تیز ترین ادائیگیوں کے لیے ابھی ZK888 APK ڈاؤن لوڈ کریں اور جیتنا شروع کریں۔">
7    <meta name="keywords" content="zk888, zk888 game, zk888 apk, online casino Pakistan, real money games, slot games, gambling app, online betting, casino bonuses, play and win">
8    <meta name="author" content="ZK888GAME">
9    <meta http-equiv="content-language" content="ur-PK">
10    <meta name="geo.region" content="ur-PK">
11    <meta name="geo.country" content="ur-PK">
12    <meta name="geo.placename" content="Islamabad">
13    <meta property="og:title" content="ZK888GAME - PLATAFORMA OFICIAL - ZK888GAME.COM">
14    <meta property="og:description" content="ZK888 game پر بہترین کیسینو تجربہ پائیں۔ بڑے انعامات، ڈھیروں گیمز اور تیز ترین ادائیگیوں کے لیے ابھی ZK888 APK ڈاؤن لوڈ کریں اور جیتنا شروع کریں۔">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://zk888game.com/">
17    <meta property="og:locale" content="ur_PK">
18    <link rel="alternate" hreflang="ur-PK" href="https://zk888game.com/">
19    <link rel="alternate" hreflang="x-default" href="https://zk888game.com/">
20    <link rel="canonical" href="https://zk888game.com/">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="ZK888GAME - PLATAFORMA OFICIAL - ZK888GAME.COM">
23    <meta name="twitter:description" content="ZK888 game پر بہترین کیسینو تجربہ پائیں۔ بڑے انعامات، ڈھیروں گیمز اور تیز ترین ادائیگیوں کے لیے ابھی ZK888 APK ڈاؤن لوڈ کریں اور جیتنا شروع کریں۔">
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;600;700&amp;display=swap" rel="stylesheet">
27    <style>
28  :root {
29    --theme-color: #8b5cf6;
30    --bg-color: #020617;
31    --surface-color: #1e1b4b;
32    --text-color: #f3e8ff;
33    --text-secondary: #c4b5fd;
34    --border-color: #5b21b6;
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": "zk888game",
49      "url": "zk888game.com",
50      "logo": "static/images/logo.png",
51      "description": "ZK888 game پر بہترین کیسینو تجربہ پائیں۔ بڑے انعامات، ڈھیروں گیمز اور تیز ترین ادائیگیوں کے لیے ابھی ZK888 APK ڈاؤن لوڈ کریں اور جیتنا شروع کریں۔"
52    },
53    {
54      "@context": "https://schema.org",
55      "@type": "WebPage",
56      "name": "ZK888GAME - PLATAFORMA OFICIAL - ZK888GAME.COM",
57      "description": "ZK888 game پر بہترین کیسینو تجربہ پائیں۔ بڑے انعامات، ڈھیروں گیمز اور تیز ترین ادائیگیوں کے لیے ابھی ZK888 APK ڈاؤن لوڈ کریں اور جیتنا شروع کریں۔",
58      "url": "zk888game.com",
59      "inLanguage": "ur-PK",
60      "isPartOf": {
61        "@type": "WebSite",
62        "name": "zk888game",
63        "url": "zk888game.com"
64      }
65    },
66    {
67      "@context": "https://schema.org",
68      "@type": "SoftwareApplication",
69      "name": "zk888game Mobile App",
70      "description": "ZK888 game پر بہترین کیسینو تجربہ پائیں۔ بڑے انعامات، ڈھیروں گیمز اور تیز ترین ادائیگیوں کے لیے ابھی ZK888 APK ڈاؤن لوڈ کریں اور جیتنا شروع کریں۔",
71      "operatingSystem": "Android, iOS",
72      "applicationCategory": "GameApplication",
73      "image": "static/images/logo.png",
74      "downloadUrl": "zk888game.com/download-app.html",
75      "offers": {
76        "@type": "Offer",
77        "price": "0",
78        "priceCurrency": "PKR"
79      },
80      "aggregateRating": {
81        "@type": "AggregateRating",
82        "ratingValue": "4.8",
83        "ratingCount": "174",
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-[#020617] text-[#f3e8ff] min-h-screen overflow-x-hidden antialiased selection:bg-[#8b5cf6] selection:text-white flex flex-col">
96    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#020617] via-[#1e1b4b] to-[#020617] 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,#8b5cf630,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
98    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#8b5cf6]/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-[#020617]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#5b21b6]/20 flex flex-col">
101        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#8b5cf6] to-transparent opacity-50"></div>
102        <header class="sticky top-0 w-full z-50 h-9 bg-[#8b5cf6] 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-[#f3e8ff] font-bold text-sm truncate leading-tight" title="zk888game.com">
105            zk888game.com
106        </h1>
107        <p class="hidden sm:block text-[#c4b5fd] text-[10px] truncate opacity-90" title="بہترین آن لائن گیمنگ 🎰">
108            بہترین آن لائن گیمنگ 🎰
109        </p>
110    </div>
111    <div class="flex items-center gap-3">
112        <button onclick="showLanguagePanel()" aria-label="Switch Language" class="p-1.5 rounded-full hover:bg-white/10 transition-colors duration-200 text-[#f3e8ff]" 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" title="Explore regional versions" class="text-[#f3e8ff] text-xs font-medium px-2 py-1 rounded bg-white/10 hover:bg-white/20 transition-all duration-200">
118            زبان اور خطہ 🌐
119        </a>
120    </div>
121</header>
122<header class="sticky top-9 z-40 w-full bg-[#8b5cf6]/95 backdrop-blur-md border-b border-[#5b21b6] px-3 py-2.5 shadow-sm">
123    <div class="max-w-7xl mx-auto flex items-center justify-between gap-x-4">
124        <a href="index.html" class="flex-shrink-0 transition-transform active:scale-95" title="Go to zk888game.com homepage">
125            <img src="static/images/logo.png" alt="zk888game.com Logo" class="h-8 w-auto object-contain">
126        </a>
127        <div class="flex items-center gap-2 sm:gap-3">
128            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-medium text-[#f3e8ff] border border-[#c4b5fd]/40 rounded-lg transition-colors hover:bg-[#c4b5fd]/10 active:bg-[#c4b5fd]/20" title="Login to zk888game.com">
129                لاگ ان
130            </button>
131            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-semibold text-[#8b5cf6] bg-[#f3e8ff] rounded-lg shadow-sm transition-all hover:bg-[#ffffff] active:scale-95" title="Create a zk888game.com account">
132                سائن اپ
133            </button>
134        </div>
135    </div>
136</header>
137<div class="w-full max-w-full overflow-hidden px-3 py-2">
138    <div class="swiper banner-swiper w-full relative overflow-hidden rounded-xl shadow-lg aspect-[2/1] bg-[#020617]">
139        <div class="swiper-wrapper">
140            <div class="swiper-slide relative w-full h-full">
141                <a href="javascript:downloadApp();" title="zk888 کے ساتھ جیتیں بڑا انعام" class="block w-full h-full">
142                    <img src="static/images/963436c0bb25aeeb28db8913faf89be4bf0958c2.webp" alt="zk888 کے ساتھ جیتیں بڑا انعام" loading="lazy" class="w-full h-full object-cover block">
143                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#020617]/90 to-transparent">
144                        <div class="flex items-center gap-2">
145                            <div class="w-1 h-4 bg-[#8b5cf6] rounded-full"></div>
146                            <p class="text-sm font-medium text-[#f3e8ff] line-clamp-1" title="zk888 کے ساتھ جیتیں بڑا انعام">
147                                zk888 کے ساتھ جیتیں بڑا انعام
148                            </p>
149                        </div>
150                    </div>
151                </a>
152            </div>
153            <div class="swiper-slide relative w-full h-full">
154                <a href="javascript:downloadApp();" title="ابھی zk888 apk ڈاؤن لوڈ کریں" class="block w-full h-full">
155                    <img src="static/images/d7076f0efb0cae9af9b73772d3593d0946871ea0.png" alt="ابھی zk888 apk ڈاؤن لوڈ کریں" loading="lazy" class="w-full h-full object-cover block">
156                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#020617]/90 to-transparent">
157                        <div class="flex items-center gap-2">
158                            <div class="w-1 h-4 bg-[#8b5cf6] rounded-full"></div>
159                            <p class="text-sm font-medium text-[#f3e8ff] line-clamp-1" title="ابھی zk888 apk ڈاؤن لوڈ کریں">
160                                ابھی zk888 apk ڈاؤن لوڈ کریں
161                            </p>
162                        </div>
163                    </div>
164                </a>
165            </div>
166            <div class="swiper-slide relative w-full h-full">
167                <a href="javascript:downloadApp();" title="پاکستان کا بہترین گیمنگ پلیٹ فارم" class="block w-full h-full">
168                    <img src="static/images/09cf85d252e63c609105e1bb34961721f0ab691e.webp" alt="پاکستان کا بہترین گیمنگ پلیٹ فارم" loading="lazy" class="w-full h-full object-cover block">
169                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#020617]/90 to-transparent">
170                        <div class="flex items-center gap-2">
171                            <div class="w-1 h-4 bg-[#8b5cf6] rounded-full"></div>
172                            <p class="text-sm font-medium text-[#f3e8ff] line-clamp-1" title="پاکستان کا بہترین گیمنگ پلیٹ فارم">
173                                پاکستان کا بہترین گیمنگ پلیٹ فارم
174                            </p>
175                        </div>
176                    </div>
177                </a>
178            </div>
179            <div class="swiper-slide relative w-full h-full">
180                <a href="javascript:downloadApp();" title="روزانہ نئے بونس حاصل کریں" class="block w-full h-full">
181                    <img src="static/images/caf781d75b7127f2604f6d27821ded3a9c5f56d9.png" alt="روزانہ نئے بونس حاصل کریں" loading="lazy" class="w-full h-full object-cover block">
182                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#020617]/90 to-transparent">
183                        <div class="flex items-center gap-2">
184                            <div class="w-1 h-4 bg-[#8b5cf6] rounded-full"></div>
185                            <p class="text-sm font-medium text-[#f3e8ff] line-clamp-1" title="روزانہ نئے بونس حاصل کریں">
186                                روزانہ نئے بونس حاصل کریں
187                            </p>
188                        </div>
189                    </div>
190                </a>
191            </div>
192            <div class="swiper-slide relative w-full h-full">
193                <a href="javascript:downloadApp();" title="آج ہی اپنی قسمت آزمائیں" class="block w-full h-full">
194                    <img src="static/images/ed2f5090b3cec5898c5ff36ff7191bcd4b89ae75.png" alt="آج ہی اپنی قسمت آزمائیں" loading="lazy" class="w-full h-full object-cover block">
195                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#020617]/90 to-transparent">
196                        <div class="flex items-center gap-2">
197                            <div class="w-1 h-4 bg-[#8b5cf6] rounded-full"></div>
198                            <p class="text-sm font-medium text-[#f3e8ff] line-clamp-1" title="آج ہی اپنی قسمت آزمائیں">
199                                آج ہی اپنی قسمت آزمائیں
200                            </p>
201                        </div>
202                    </div>
203                </a>
204            </div>
205        </div>
206        <div class="swiper-pagination"></div>
207    </div>
208</div>
209<script>
210    (function() {
211        const initBanner = () => {
212            if (typeof Swiper !== 'undefined') {
213                new Swiper('.banner-swiper', {
214                    autoplay: {
215                        delay: 3000,
216                        disableOnInteraction: false,
217                    },
218                    loop: true,
219                    effect: 'slide',
220                    pagination: {
221                        el: '.swiper-pagination',
222                        clickable: true,
223                        dynamicBullets: true,
224                    },
225                    speed: 600,
226                });
227            } else {
228                // Retry initialization if Swiper is not yet loaded
229                setTimeout(initBanner, 100);
230            }
231        };
232        if (document.readyState === 'complete') {
233            initBanner();
234        } else {
235            window.addEventListener('load', initBanner);
236        }
237    })();
238</script>
238
239<style>
240    .banner-swiper .swiper-pagination-bullet {
241        background: #c4b5fd !important;
242        opacity: 0.6;
243    }
244    .banner-swiper .swiper-pagination-bullet-active {
245        background: #8b5cf6 !important;
246        opacity: 1;
247        width: 12px !important;
248        border-radius: 4px !important;
249    }
250</style>
251<div id="notify-data" class="hidden" aria-hidden="true">
252    <div>Ahmed** نے جیتیں 15,000 PKR 💰</div>
253    <div>Sara** نے نکلوائے 8,500 PKR 💸</div>
254    <div>Bilal** کو ملا بونس 1,200 PKR 🎁</div>
255    <div>Zain** نے جیتیں 42,000 PKR 🏆</div>
256    <div>Fatima** نے نکلوائے 3,000 PKR 💸</div>
257    <div>Hamza** نے جیتیں 11,000 PKR 🎰</div>
258    <div>Ayesha** کو ملا بونس 500 PKR 🎁</div>
259    <div>Usman** نے نکلوائے 25,000 PKR 💸</div>
260    <div>Kiran** نے جیتیں 7,200 PKR 💰</div>
261    <div>Omar** نے جیتیں 60,000 PKR 🏆</div>
262    <div>Zubair** نے نکلوائے 12,000 PKR 💸</div>
263    <div>Hina** کو ملا بونس 2,000 PKR 🎁</div>
264    <div>Asad** نے جیتیں 18,000 PKR 🎰</div>
265    <div>Mariam** نے نکلوائے 5,500 PKR 💸</div>
266    <div>Saad** نے جیتیں 9,000 PKR 💰</div>
267    <div>Nimra** نے نکلوائے 1,500 PKR 💸</div>
268    <div>Fahad** نے جیتیں 33,000 PKR 🏆</div>
269    <div>Sana** کو ملا بونس 800 PKR 🎁</div>
270    <div>Ali** نے نکلوائے 40,000 PKR 💸</div>
271    <div>Zoya** نے جیتیں 6,400 PKR 🎰</div>
272    <div>Taha** نے جیتیں 22,000 PKR 💰</div>
273    <div>Amna** نے نکلوائے 7,000 PKR 💸</div>
274    <div>Mustafa** کو ملا بونس 1,500 PKR 🎁</div>
275    <div>Rida** نے جیتیں 14,000 PKR 🏆</div>
276    <div>Hassan** نے نکلوائے 10,000 PKR 💸</div>
277    <div>Kashif** نے جیتیں 5,200 PKR 🎰</div>
278    <div>Sobia** نے نکلوائے 2,200 PKR 💸</div>
279    <div> Waleed** نے جیتیں 28,000 PKR 💰</div>
280    <div>Iqbal** کو ملا بونس 3,000 PKR 🎁</div>
281    <div>Mehak** نے نکلوائے 11,500 PKR 💸</div>
282    <div>Kamran** نے جیتیں 50,000 PKR 🏆</div>
283    <div>Bushra** نے نکلوائے 4,000 PKR 💸</div>
284    <div>Sajid** نے جیتیں 13,000 PKR 🎰</div>
285    <div>Nida** کو ملا بونس 600 PKR 🎁</div>
286    <div> Adeel** نے نکلوائے 17,000 PKR 💸</div>
287    <div>Tayyab** نے جیتیں 8,800 PKR 💰</div>
288    <div>Saba** نے نکلوائے 3,200 PKR 💸</div>
289    <div>Junaid** نے جیتیں 21,000 PKR 🏆</div>
290    <div>Aqeel** کو ملا بونس 1,100 PKR 🎁</div>
291    <div>Zehra** نے نکلوائے 6,000 PKR 💸</div>
292    <div> Kashif** نے جیتیں 12,500 PKR 🎰</div>
293    <div>Samina** نے نکلوائے 9,000 PKR 💸</div>
294    <div>Imran** نے جیتیں 35,000 PKR 💰</div>
295    <div>Anum** کو ملا بونس 400 PKR 🎁</div>
296    <div>Rizwan** نے نکلوائے 20,000 PKR 💸</div>
297    <div>Faiza** نے جیتیں 7,700 PKR 🏆</div>
298    <div>Tariq** نے نکلوائے 5,000 PKR 💸</div>
299    <div>Sania** نے جیتیں 16,000 PKR 🎰</div>
300    <div>Waqas** کو ملا بونس 2,500 PKR 🎁</div>
301    <div>Yasmin** نے نکلوائے 13,000 PKR 💸</div>
302</div>
303<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#8b5cf6]/10 to-[#8b5cf6]/30 backdrop-blur-sm">
304  <div class="absolute inset-0 opacity-10 pointer-events-none">
305    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
306  </div>
307  <div class="relative flex flex-col items-center justify-center text-center">
308    <div id="jackpot-value" class="text-4xl font-black text-[#8b5cf6] drop-shadow-lg tracking-wider">88,888,888</div>
309    <div class="text-lg font-semibold text-[#f3e8ff]/90 mb-1">میگا جیک پاٹ 🏆</div>
310    <div class="h-1 w-24 mx-auto bg-[#f3e8ff]/20 my-2 rounded"></div>
311    <div class="text-xl font-bold text-[#f3e8ff]/90 mt-1">PKR</div>
312  </div>
313</div>
314<section class="relative overflow-hidden bg-[#020617] py-12 px-4 md:py-20 md:px-8">
315    <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-full pointer-events-none">
316        <div class="absolute top-[-10%] left-[-10%] w-64 h-64 bg-[#8b5cf6] opacity-10 blur-[100px] rounded-full"></div>
317        <div class="absolute bottom-[-10%] right-[-10%] w-64 h-64 bg-[#5b21b6] opacity-10 blur-[100px] rounded-full"></div>
318    </div>
319    <div class="relative z-10 max-w-6xl mx-auto">
320        <header class="text-center mb-12 md:mb-16">
321            <h2 class="text-2xl md:text-4xl font-bold text-[#f3e8ff] leading-tight mb-4">
322                zk888 گیم: پاکستان کا بہترین گیمنگ پلیٹ فارم
323            </h2>
324            <p class="text-sm md:text-base text-[#c4b5fd] max-w-2xl mx-auto px-4 leading-relaxed" title="zk888 میں شامل ہوں جہاں آپ کو ملتا ہÛ
324’ اعلیٰ ترین سیکیورٹی، جیتنے کے شاندار مواقع اور 24/7 وی آئی پی کسٹمر سروس۔ ایک محفوظ اور قابل اعتماد ماحول میں اپنے گیمنگ تجربے کو نئی بلندیوں تک لے جائیں۔">
325                zk888 میں شامل ہوں جہاں آپ کو ملتا ہے اعلیٰ ترین سیکیورٹی، جیتنے کے شاندار مواقع اور 24/7 وی آئی پی کسٹمر سروس۔ ایک محفوظ اور قابل اعتماد ماحول میں اپنے گیمنگ تجربے کو نئی بلندیوں تک لے جائیں۔
326            </p>
327        </header>
328        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 mb-16">
329            <article class="group p-5 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-sm">
330                <div class="flex items-center gap-3 mb-3">
331                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#8b5cf6] text-[#f3e8ff] text-lg shadow-inner">
332                        🛡️
333                    </span>
334                    <h3 class="text-base md:text-lg font-semibold text-[#f3e8ff] group-hover:text-[#8b5cf6] transition-colors">
335                        مکمل تحفظ
336                    </h3>
337                </div>
338                <p class="text-xs md:text-sm text-[#c4b5fd] leading-relaxed pl-11" title="آپ کے اکاؤنٹ اور ڈیٹا کی حفاظت کے لیے جدید ترین انکرپشن سسٹم، تاکہ آپ بلا خوف گیمنگ کا لطف اٹھا سکیں۔">
339                    آپ کے اکاؤنٹ اور ڈیٹا کی حفاظت کے لیے جدید ترین انکرپشن سسٹم، تاکہ آپ بلا خوف گیمنگ کا لطف اٹھا سکیں۔
340                </p>
341            </article>
342            <article class="group p-5 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-sm">
343                <div class="flex items-center gap-3 mb-3">
344                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#8b5cf6] text-[#f3e8ff] text-lg shadow-inner">
345                        ⚡
346                    </span>
347                    <h3 class="text-base md:text-lg font-semibold text-[#f3e8ff] group-hover:text-[#8b5cf6] transition-colors">
348                        تیز رفتار ادائیگی
349                    </h3>
350                </div>
351                <p class="text-xs md:text-sm text-[#c4b5fd] leading-relaxed pl-11" title="پاکستان کے مقامی طریقوں کے ذریعے فوری ڈپازٹ اور نکالنے کی سہولت، جو آپ کے وقت کی قدر کرتی ہے۔">
352                    پاکستان کے مقامی طریقوں کے ذریعے فوری ڈپازٹ اور نکالنے کی سہولت، جو آپ کے وقت کی قدر کرتی ہے۔
353                </p>
354            </article>
355            <article class="group p-5 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-sm">
356                <div class="flex items-center gap-3 mb-3">
357                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#8b5cf6] text-[#f3e8ff] text-lg shadow-inner">
358                        🏆
359                    </span>
360                    <h3 class="text-base md:text-lg font-semibold text-[#f3e8ff] group-hover:text-[#8b5cf6] transition-colors">
361                        اعلیٰ جیت کی شرح
362                    </h3>
363                </div>
364                <p class="text-xs md:text-sm text-[#c4b5fd] leading-relaxed pl-11" title="منصفانہ گیم پلے اور شفاف نظام جو آپ کو ہر بار جیتنے کے بہترین اور حقیقی مواقع فراہم کرتا ہے۔">
365                    منصفانہ گیم پلے اور شفاف نظام جو آپ کو ہر بار جیتنے کے بہترین اور حقیقی مواقع فراہم کرتا ہے۔
366                </p>
367            </article>
368            <article class="group p-5 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-sm">
369                <div class="flex items-center gap-3 mb-3">
370                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#8b5cf6] text-[#f3e8ff] text-lg shadow-inner">
371                        💎
372                    </span>
373                    <h3 class="text-base md:text-lg font-semibold text-[#f3e8ff] group-hover:text-[#8b5cf6] transition-colors">
374                        وی آئی پی سپورٹ
375                    </h3>
376                </div>
377                <p class="text-xs md:text-sm text-[#c4b5fd] leading-relaxed pl-11" title="ہمارے ماہر عملے کی 24 گھنٹے دستیابی، تاکہ آپ کو کسی بھی مسئلے کا حل فوری طور پر مل سکے۔">
378                    ہمارے ماہر عملے کی 24 گھنٹے دستیابی، تاکہ آپ کو کسی بھی مسئلے کا حل فوری طور پر مل سکے۔
379                </p>
380            </article>
381        </div>
382        <div class="relative max-w-xl mx-auto p-6 md:p-10 rounded-3xl bg-gradient-to-b from-[#1e1b4b] to-[#020617] border border-[#5b21b6] text-center">
383            <div class="mb-8">
384                <h3 class="text-xl md:text-2xl font-bold text-[#f3e8ff] mb-2">
385                    آج ہی اپنی جیت کا آغاز کریں
386                </h3>
387                <p class="text-xs md:text-sm text-[#c4b5fd] opacity-80 px-6">
388                    ابھی رجسٹر ہوں اور خصوصی ویلکم بونس کے ساتھ اپنی پہلی گیم کھیلیں اور انعامات جیتیں۔
389                </p>
390            </div>
391            <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
392                <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-3.5 rounded-full bg-[#8b5cf6] text-[#f3e8ff] font-bold text-sm md:text-base hover:scale-105 active:scale-95 transition-transform shadow-lg shadow-[#8b5cf6]/20" title="zk888 APK ڈاؤن لوڈ کریں">
393                    zk888 APK ڈاؤن لوڈ کریں
394                </button>
395                <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-3.5 rounded-full bg-transparent border border-[#5b21b6] text-[#c4b5fd] font-medium text-sm md:text-base hover:bg-[#5b21b6]/20 transition-colors" title="اکاؤنٹ میں لاگ ان ہوں">
396                    اکاؤنٹ میں لاگ ان ہوں
397                </button>
398            </div>
399        </div>
400    </div>
401</section>
402<nav class="sticky top-[88px] z-30 w-full bg-[#1e1b4b]/95 backdrop-blur-md border-b border-[#5b21b6] shadow-lg">
403    <div class="max-w-screen-xl mx-auto">
404        <div class="overflow-x-auto no-scrollbar scroll-smooth snap-x snap-mandatory">
405            <ul id="category-tabs" class="flex items-center whitespace-nowrap px-4 py-3 space-x-2 md:space-x-4">
406                <li class="snap-start shrink-0">
407                    <a href="#cat-slots" title="Explore سلاٹس games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out border border-[#5b21b6] text-[#c4b5fd] hover:bg-[#8b5cf6] hover:text-[#f3e8ff] active:scale-95">
408                        <span class="text-lg" title="سلاٹس icon">
409                                🎰
410                        </span>
411                        <span class="tracking-wide">سلاٹس</span>
412                    </a>
413                </li>
414                <li class="snap-start shrink-0">
415                    <a href="#cat-live-casino" title="Explore لائیو کیسینو games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out border border-[#5b21b6] text-[#c4b5fd] hover:bg-[#8b5cf6] hover:text-[#f3e8ff] active:scale-95">
416                        <span class="text-lg" title="لائیو کیسینو icon">
417                                🃏
418                        </span>
419                        <span class="tracking-wide">لائیو کیسینو</span>
420                    </a>
421                </li>
422                <li class="snap-start shrink-0">
423                    <a href="#cat-sports" title="Explore کھیل games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out border border-[#5b21b6] text-[#c4b5fd] hover:bg-[#8b5cf6] hover:text-[#f3e8ff] active:scale-95">
424                        <span class="text-lg" title="کھیل icon">
425                                🏆
426                        </span>
427                        <span class="tracking-wide">کھیل</span>
428                    </a>
429                </li>
430                <li class="snap-start shrink-0">
431                    <a href="#cat-lottery" title="Explore لاٹری games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out border border-[#5b21b6] text-[#c4b5fd] hover:bg-[#8b5cf6] hover:text-[#f3e8ff] active:scale-95">
432                        <span class="text-lg" title="لاٹری icon">
433                                🎫
434                        </span>
435                        <span class="tracking-wide">لاٹری</span>
436                    </a>
437                </li>
438                <li class="snap-start shrink-0">
439                    <a href="#cat-fishing" title="Explore مچھلی پکڑنا games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out border border-[#5b21b6] text-[#c4b5fd] hover:bg-[#8b5cf6] hover:text-[#f3e8ff] active:scale-95">
440                        <span class="text-lg" title="مچھلی پکڑنا icon">
441                                🎣
442                        </span>
443                        <span class="tracking-wide">مچھلی پکڑنا</span>
444                    </a>
445                </li>
446                <li class="snap-start shrink-0">
447                    <a href="#cat-jackpot" title="Explore جیک پاٹ games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out border border-[#5b21b6] text-[#c4b5fd] hover:bg-[#8b5cf6] hover:text-[#f3e8ff] active:scale-95">
448                        <span class="text-lg" title="جیک پاٹ icon">
449                                💰
450                        </span>
451                        <span class="tracking-wide">جیک پاٹ</span>
452                    </a>
453                </li>
454            </ul>
455        </div>
456    </div>
457    <style>
458        .no-scrollbar::-webkit-scrollbar {
459            display: none;
460        }
461        .no-scrollbar {
462            -ms-overflow-style: none;
463            scrollbar-width: none;
464        }
465    </style>
466</nav><section id="zk888gamecom_news" data-news-style="v3" class="py-6 px-3 bg-slate-950 text-white font-sans">
467    <div class="max-w-6xl mx-auto">
468        <!-- Header Area -->
469        <div class="flex items-center justify-between mb-6 min-w-0 gap-3">
470            <div class="min-w-0 flex-1">
471                <div class="flex items-center gap-2 mb-1">
472                    <span class="px-2 py-0.5 rounded-full text-[10px] font-bold uppercase tracking-wider bg-amber-500 text-black">Hot</span>
473                    <h2 class="text-[clamp(1.25rem,4vw,1.75rem)] font-extrabold leading-tight break-words tracking-tight text-slate-100">
474                        New Game Recommendations
475                    </h2>
476                </div>
477            </div>
478            <a href="/all-games" class="shrink-0 px-3 py-1.5 text-xs font-medium bg-slate-800 hover:bg-slate-700 text-slate-300 border border-slate-700 rounded-lg transition-colors duration-200">
479                View all
480            </a>
481        </div>
482
483        <!-- Games Grid -->
484        <div class="grid grid-cols-2 gap-3">
485            <a href="aliens_among_us.html" class="group relative block overflow-hidden rounded-xl aspect-[3/4] bg-slate-900 shadow-lg transition-transform duration-300 hover:scale-[1.02] active:scale-95">
486                <!-- Image Container -->
487                <div class="absolute inset-0 z-0">
488                    <img src="static/images/a9699fc7209eb5e9.jpg" alt="Aliens Among Us" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
489                </div>
490
491                <!-- Premium Gradient Overlay -->
492                <div class="absolute inset-0 z-10 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
493
494                <!-- Content Panel -->
495                <div class="absolute inset-0 z-20 flex flex-col justify-end p-3">
496                    <div class="translate-y-2 transition-transform duration-300 group-hover:translate-y-0">
497                        <h3 class="text-sm md:text-base font-bold leading-tight text-white line-clamp-2 drop-shadow-md">
498                            Aliens Among Us
499                        </h3>
500                        <div class="mt-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
501                            <span class="text-[10px] font-semibold uppercase tracking-widest text-amber-400">Play Now</span>
502                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 text-amber-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
503                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M9 5l7 7-7 7"></path>
504                            </svg>
505                        </div>
506                    </div>
507                </div>
508
509                <!-- Decorative Border Glow -->
510                <div class="absolute inset-0 z-30 pointer-events-none border border-white/10 rounded-xl group-hover:border-amber-500/50 transition-colors duration-300"></div>
511            </a>
512            <a href="whats_in_the_vault.html" class="group relative block overflow-hidden rounded-xl aspect-[3/4] bg-slate-900 shadow-lg transition-transform duration-300 hover:scale-[1.02] active:scale-95">
513                <!-- Image Container -->
514                <div class="absolute inset-0 z-0">
515                    <img src="static/images/63ccf5f539ebad45.jpg" alt="What's in the Vault_" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
516                </div>
517
518                <!-- Premium Gradient Overlay -->
519                <div class="absolute inset-0 z-10 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
520
521                <!-- Content Panel -->
522                <div class="absolute inset-0 z-20 flex flex-col justify-end p-3">
523                    <div class="translate-y-2 transition-transform duration-300 group-hover:translate-y-0">
524                        <h3 class="text-sm md:text-base font-bold leading-tight text-white line-clamp-2 drop-shadow-md">
525                            What's in the Vault_
526                        </h3>
527                        <div class="mt-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
528                            <span class="text-[10px] font-semibold uppercase tracking-widest text-amber-400">Play Now</span>
529                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 text-amber-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
530                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M9 5l7 7-7 7"></path>
531                            </svg>
532                        </div>
533                    </div>
534                </div>
535
536                <!-- Decorative Border Glow -->
537                <div class="absolute inset-0 z-30 pointer-events-none border border-white/10 rounded-xl group-hover:border-amber-500/50 transition-colors duration-300"></div>
538            </a>
539        </div>
540    </div>
541</section>
542<section id="cat-slots" class="py-8 px-4 md:py-12 bg-[#020617]">
543    <div class="flex items-center mb-6">
544        <div class="flex items-center justify-center w-10 h-10 mr-3 rounded-xl bg-[#1e1b4b] border border-[#5b21b6] text-2xl">
545            🎰
546        </div>
547        <h2 class="text-xl md:text-2xl font-bold text-[#f3e8ff] tracking-tight">
548            سلاٹس گیمز
549        </h2>
550    </div>
551    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
552        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
553            <a href="live-altin-rulet.html" title="Play Live Altın Rulet now" class="flex flex-col h-full">
554                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
555                    <img src="static/images/4b28b4aa235f092fd1d2f6f520283ed6e2cfe76d.jpg" alt="Live Altın Rulet screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
556                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
557                        Evolution Gaming
558                    </div>
559                </div>
560                <div class="p-3 flex flex-col flex-grow">
561                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Live Altın Rulet">
562                        Live Altın Rulet
563                    </h3>
564                    <div class="grid grid-cols-2 gap-1.5 mt-2">
565                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
566                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
567                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">97.30%</span>
568                        </div>
569                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
570                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
571                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">درمیانہ</span>
572                        </div>
573                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
574                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
575                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">35x</span>
576                        </div>
577                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
578                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
579                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
580                        </div>
581                    </div>
582                </div>
583            </a>
584        </article>
585        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
586            <a href="30-coins-score.html" title="Play 30 Coins Score The Jackpot now" class="flex flex-col h-full">
587                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
588                    <img src="static/images/6038183622c008ff47ecbfe54d7c38e47f7a3eea.jpg" alt="30 Coins Score The Jackpot screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
589                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
590                        Pragmatic Play
591                    </div>
592                </div>
593                <div class="p-3 flex flex-col flex-grow">
594                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="30 Coins Score The Jackpot">
595                        30 Coins Score The Jackpot
596                    </h3>
597                    <div class="grid grid-cols-2 gap-1.5 mt-2">
598                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
599                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
600                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.50%</span>
601                        </div>
602                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
603                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
604                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">اعلیٰ</span>
605                        </div>
606                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
607                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
608                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">5000x</span>
609                        </div>
610                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
611                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
612                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">25</span>
613                        </div>
614                    </div>
615                </div>
616            </a>
617        </article>
618        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
619            <a href="20-wild-goals.html" title="Play 20 Wild Goals Dice now" class="flex flex-col h-full">
620                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
621                    <img src="static/images/a407b6a868f000804cb1d0aa9b23efcf6ee467a7.jpg" alt="20 Wild Goals Dice screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
622                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
623                        Habanero
624                    </div>
625                </div>
626                <div class="p-3 flex flex-col flex-grow">
627                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="20 Wild Goals Dice">
628                        20 Wild Goals Dice
629                    </h3>
630                    <div class="grid grid-cols-2 gap-1.5 mt-2">
631                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
632                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
633                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">95.80%</span>
634                        </div>
635                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
636                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
637                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">درمیانہ</span>
638                        </div>
639                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
640                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
641                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">2000x</span>
642                        </div>
643                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
644                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
645                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10</span>
646                        </div>
647                    </div>
648                </div>
649            </a>
650        </article>
651        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
652            <a href="9-lions-jackpot.html" title="Play 9 Lions Hold the Jackpot Love the Jackpot now" class="flex flex-col h-full">
653                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
654                    <img src="static/images/7b26fc5e6cbbd983e860f4eecce4dfa10d62af35.jpg" alt="9 Lions Hold the Jackpot Love the Jackpot screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
655                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
656                        Playson
657                    </div>
658                </div>
659                <div class="p-3 flex flex-col flex-grow">
660                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="9 Lions Hold the Jackpot Love the Jackpot">
661                        9 Lions Hold the Jackpot Love the Jackpot
662                    </h3>
663                    <div class="grid grid-cols-2 gap-1.5 mt-2">
664                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
665                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
666                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.10%</span>
667                        </div>
668                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
669                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
670                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">اعلیٰ</span>
671                        </div>
672                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
673                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
674                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10000x</span>
675                        </div>
676                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
677                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
678                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">20</span>
679                        </div>
680                    </div>
681                </div>
682            </a>
683        </article>
684        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
685            <a href="tower-quest-legacy.html" title="Play Tower Quest Legacy now" class="flex flex-col h-full">
686                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
687                    <img src="static/images/82ac57c81c060623b6f8f8cf17a854a3b45dcdab.jpg" alt="Tower Quest Legacy screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
688                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
689                        BetGames
690                    </div>
691                </div>
692                <div class="p-3 flex flex-col flex-grow">
693                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Tower Quest Legacy">
694                        Tower Quest Legacy
695                    </h3>
696                    <div class="grid grid-cols-2 gap-1.5 mt-2">
697                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
698                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
699                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">97.00%</span>
700                        </div>
701                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
702                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
703                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">کم</span>
704                        </div>
705                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
706                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
707                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1000x</span>
708                        </div>
709                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
710                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
711                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
712                        </div>
713                    </div>
714                </div>
715            </a>
716        </article>
717        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
718            <a href="turkish-blackjack-x6.html" title="Play Turkish BlackjackX 6 n
718ow" class="flex flex-col h-full">
719                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
720                    <img src="static/images/0ba29c3fe6b6680e61b2a256e89af9d1ebf8ee0f.png" alt="Turkish BlackjackX 6 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
721                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
722                        Pragmatic Play
723                    </div>
724                </div>
725                <div class="p-3 flex flex-col flex-grow">
726                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Turkish BlackjackX 6">
727                        Turkish BlackjackX 6
728                    </h3>
729                    <div class="grid grid-cols-2 gap-1.5 mt-2">
730                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
731                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
732                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">99.50%</span>
733                        </div>
734                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
735                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
736                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">کم</span>
737                        </div>
738                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
739                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
740                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10x</span>
741                        </div>
742                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
743                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
744                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
745                        </div>
746                    </div>
747                </div>
748            </a>
749        </article>
750        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
751            <a href="free-bet-blackjack-9.html" title="Play Free Bet Blackjack 9 now" class="flex flex-col h-full">
752                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
753                    <img src="static/images/44f1a7928194a825b6a4b081ab2aee8167509465.png" alt="Free Bet Blackjack 9 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
754                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
755                        Evolution Gaming
756                    </div>
757                </div>
758                <div class="p-3 flex flex-col flex-grow">
759                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Free Bet Blackjack 9">
760                        Free Bet Blackjack 9
761                    </h3>
762                    <div class="grid grid-cols-2 gap-1.5 mt-2">
763                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
764                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
765                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">99.20%</span>
766                        </div>
767                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
768                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
769                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">کم</span>
770                        </div>
771                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
772                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
773                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10x</span>
774                        </div>
775                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
776                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
777                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
778                        </div>
779                    </div>
780                </div>
781            </a>
782        </article>
783        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
784            <a href="the-vampires-2.html" title="Play The Vampires 2 now" class="flex flex-col h-full">
785                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
786                    <img src="static/images/ff1376530b4969e0c33e476a071f2200f75f2789.jpg" alt="The Vampires 2 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
787                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
788                        NetEnt
789                    </div>
790                </div>
791                <div class="p-3 flex flex-col flex-grow">
792                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="The Vampires 2">
793                        The Vampires 2
794                    </h3>
795                    <div class="grid grid-cols-2 gap-1.5 mt-2">
796                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
797                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
798                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.40%</span>
799                        </div>
800                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
801                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
802                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">اعلیٰ</span>
803                        </div>
804                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
805                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
806                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">8000x</span>
807                        </div>
808                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
809                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
810                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">243</span>
811                        </div>
812                    </div>
813                </div>
814            </a>
815        </article>
816    </div>
817    <div class="mt-8 flex justify-center">
818        <a href="javascript:downloadApp();" title="View all games in سلاٹس گیمز" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#1e1b4b] border border-[#5b21b6] text-[#c4b5fd] text-sm font-semibold hover:bg-[#8b5cf6] hover:text-[#f3e8ff] transition-colors duration-300 group">
819            <span>مزید دیکھیں</span>
820            <svg class="w-4 h-4 ml-2 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
821                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
822            </svg>
823        </a>
824    </div>
825</section>
826<section id="cat-live-casino" class="py-8 px-4 md:py-12 bg-[#020617]">
827    <div class="flex items-center mb-6">
828        <div class="flex items-center justify-center w-10 h-10 mr-3 rounded-xl bg-[#1e1b4b] border border-[#5b21b6] text-2xl">
829            🃏
830        </div>
831        <h2 class="text-xl md:text-2xl font-bold text-[#f3e8ff] tracking-tight">
832            لائیو کیسینو
833        </h2>
834    </div>
835    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
836        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
837            <a href="vip-blackjack-espanyol-3.html" title="Play VIP Blackjack en Español 3 now" class="flex flex-col h-full">
838                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
839                    <img src="static/images/7716dbf6737839f66de3345c9bcb0445dd5fe91c.jpg" alt="VIP Blackjack en Español 3 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
840                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
841                        Evolution Gaming
842                    </div>
843                </div>
844                <div class="p-3 flex flex-col flex-grow">
845                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="VIP Blackjack en Español 3">
846                        VIP Blackjack en Español 3
847                    </h3>
848                    <div class="grid grid-cols-2 gap-1.5 mt-2">
849                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
850                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
851                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">99.54%</span>
852                        </div>
853                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
854                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
855                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">Low</span>
856                        </div>
857                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
858                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
859                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1000x</span>
860                        </div>
861                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
862                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
863                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
864                        </div>
865                    </div>
866                </div>
867            </a>
868        </article>
869        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
870            <a href="the-bowery-boys.html" title="Play The Bowery Boys now" class="flex flex-col h-full">
871                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
872                    <img src="static/images/d17fbfe2d711a776d9a0565b89596a079315e416.jpg" alt="The Bowery Boys screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
873                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
874                        Pragmatic Play
875                    </div>
876                </div>
877                <div class="p-3 flex flex-col flex-grow">
878                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="The Bowery Boys">
879                        The Bowery Boys
880                    </h3>
881                    <div class="grid grid-cols-2 gap-1.5 mt-2">
882                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
883                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
884                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.45%</span>
885                        </div>
886                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
887                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
888                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">High</span>
889                        </div>
890                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
891                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
892                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">5000x</span>
893                        </div>
894                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
895                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
896                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">20</span>
897                        </div>
898                    </div>
899                </div>
900            </a>
901        </article>
902        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
903            <a href="wild-penguin.html" title="Play Wild Penguin now" class="flex flex-col h-full">
904                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
905                    <img src="static/images/a3a92644fab9c0b3d2c7a38ee6587b093e3457bc.jpg" alt="Wild Penguin screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
906                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
907                        Habanero
908                    </div>
909                </div>
910                <div class="p-3 flex flex-col flex-grow">
911                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Wild Penguin">
912                        Wild Penguin
913                    </h3>
914                    <div class="grid grid-cols-2 gap-1.5 mt-2">
915                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
916                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
917                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">97.10%</span>
918                        </div>
919                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
920                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
921                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">Medium</span>
922                        </div>
923                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
924                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
925                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">2500x</span>
926                        </div>
927                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
928                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
929                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">243</span>
930                        </div>
931                    </div>
932                </div>
933            </a>
934        </article>
935        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
936            <a href="super-sugar-pop.html" title="Play Super Sugar Pop now" class="flex flex-col h-full">
937                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
938                    <img src="static/images/855c0824b0210a6245a9c56d62df79ab7de8df47.jpg" alt="Super Sugar Pop screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
939                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
940                        PG Soft
941                    </div>
942                </div>
943                <div class="p-3 flex flex-col flex-grow">
944                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Super Sugar Pop">
945                        Super Sugar Pop
946                    </h3>
947                    <div class="grid grid-cols-2 gap-1.5 mt-2">
948                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
949                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
950                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.72%</span>
951                        </div>
952                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
953                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
954                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">Medium</span>
955                        </div>
956                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
957                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
958                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10000x</span>
959                        </div>
960                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
961                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
962                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1024</span>
963                        </div>
964                    </div>
965                </div>
966            </a>
967        </article>
968        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
969            <a href="the-vampires-2.html" title="Play The Vampires 2 now" class="flex flex-col h-full">
970                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
971                    <img src="static/images/ff1376530b4969e0c33e476a071f2200f75f2789.jpg" alt="The Vampires 2 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
972                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
973                        NetEnt
974                    </div>
975                </div>
976                <div class="p-3 flex flex-col flex-grow">
977                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="The Vampires 2">
978                        The Vampires 2
979                    </h3>
980                    <div class="grid grid-cols-2 gap-1.5 mt-2">
981                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
982                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
983                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.20%</span>
984                        </div>
985                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
986                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
987                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">High</span>
988                        </div>
989                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
990                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
991                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">15000x</span>
992                        </div>
993                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
994                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
995                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">25</span>
996                        </div>
997                    </div>
998                </div>
999            </a>
1000        </article>
1001        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1002            <a href="story-of-vikings-10-lines.html" title="Play Story Of Vikings 10 Lines Edition now" class="flex flex-col h-full">
1003                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1004                    <img src="static/images/9d19ac3c0c86e01cb397a42a06e0d4d412e2fb55.jpg" alt="Story Of Vikings 10 Lines Edition screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1005                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1006                        Playson
1007                    </div>
1008                </div>
1009                <div class="p-3 flex flex-col flex-grow">
1010                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Story Of Vikings 10 Lines Edition">
1011                        Story Of Vikings 10 Lines Edition
1012                    </h3>
1013                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1014                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1015                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1016                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">95.80%</span>
1017                        </div>
1018                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1019                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1020                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">Medium</span>
1021                        </div>
1022                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1023                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1024                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">2000x</span>
1025                        </div>
1026                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1027                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1028                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10</span>
1029                        </div>
1030                    </div>
1031                </div>
1032            </a>
1033        </article>
1034        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1035            <a href="voodoo.html" title="Play Voodoo now" class="flex flex-col h-full">
1036                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1037                    <img src="static/images/d7b5979abeac5e6a8f6f2e1863a565361bcbf8cd.jpg" alt="Voodoo screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1038                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1039                        Play'n GO
1040                    </div>
1041                </div>
1042                <div class="p-3 flex flex-col flex-grow">
1043                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Voodoo">
1044                        Voodoo
1045                    </h3>
1046                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1047                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1048                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1049                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.15%</span>
1050                        </div>
1051                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1052                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1053                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">High</span>
1054                        </div>
1055                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1056                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1057                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">8000x</span>
1058                        </div>
1059                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1060                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1061                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">15</span>
1062                        </div>
1063                    </div>
1064                </div>
1065            </a>
1066        </article>
1067        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1068            <a href="prosperity-tree-baccarat.html" title="Play First Person Prosperity Tree Baccarat now" class="flex flex-col h-full">
1069                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1070                    <img src="static/images/6a295109f0f5e33a246cda9db8a4afdd77e96fb7.jpg" alt="First Person Prosperity Tree Baccarat screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1071                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1072                        Evolution Gaming
1073                    </div>
1074                </div>
1075                <div class="p-3 flex flex-col flex-grow">
1076                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="First Person Prosperity Tree Baccarat">
1077                        First Person Prosperity Tree Baccarat
1078                    </h3>
1079                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1080                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1081                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1082                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">98.20%</span>
1083                        </div>
1084                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1085                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1086                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">Low</span>
1087                        </div>
1088                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1089                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1090                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10x</span>
1091                        </div>
1092                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1093                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1094                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
1095                        </div>
1096                    </div>
1097                </div>
1098            </a>
1099        </article>
1100    </div>
1101    <div class="mt-8 flex justify-center">
1102        <a href="javascript:downloadApp();" title="View all games in لائیو کیسینو" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#1e1b4b] border border-[#5b21b6] text-[#c4b5fd] text-sm font-semibold hover:bg-[#8b5cf6] hover:text-[#f3e8ff] transition-colors duration-300 group">
1103            <span>مزید دیکھیں</span>
1104            <svg class="w-4 h-4 ml-2 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1105                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1106            </svg>
1107        </a>
1108    </div>
1109</section>
1110<section id="cat-sports" class="py-8 px-4 md:py-12 bg-[#020617]">
1111    <div class="flex items-center mb-6">
1112        <div class="flex items-center justify-center w-10 h-10 mr-3 rounded-xl bg-[#1e1b4b] border border-[#5b21b6] text-2xl">
1113            🏆
1114        </div>
1115        <h2 class="text-xl md:text-2xl font-bold text-[#f3e8ff] tracking-tight">
1116            کھیل
1117        </h2>
1118    </div>
1119    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
1120        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1121            <a href="mega-baccarat.html" title="Play میگا بیکارٹ now" class="flex flex-col h-full">
1122                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1123                    <img src="static/images/33990f7df3c875bd12e25eeca5035e131357ea0e.png" alt="میگا بیکارٹ screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1124                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1125                        ایوکومیشن
1126                    </div>
1127                </div>
1128                <div class="p-3 flex flex-col flex-grow">
1129                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="میگا بیکارٹ">
1130                        میگا بیکارٹ
1131                    </h3>
1132                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1133                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1134                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1135                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">98.5%</span>
1136                        </div>
1137                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1138                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1139                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">درمیانہ</span>
1140                        </div>
1141                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1142                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1143                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1000x</span>
1144                        </div>
1145                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1146                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1147                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
1148                        </div>
1149                    </div>
1150                </div>
1151            </a>
1152        </article>
1153        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1154            <a href="the-gift-catcher.html" title="Play گفٹ کیچر now" class="flex flex-col h-full">
1155                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1156                    <img src="static/images/bc19587c7db30a204f5ca9276e734543256fa720.jpg" alt="گفٹ کی
1156چر screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1157                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1158                        سلوٹ ماسٹر
1159                    </div>
1160                </div>
1161                <div class="p-3 flex flex-col flex-grow">
1162                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="گفٹ کیچر">
1163                        گفٹ کیچر
1164                    </h3>
1165                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1166                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1167                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1168                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.2%</span>
1169                        </div>
1170                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1171                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1172                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">کم</span>
1173                        </div>
1174                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1175                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1176                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">500x</span>
1177                        </div>
1178                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1179                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1180                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">20</span>
1181                        </div>
1182                    </div>
1183                </div>
1184            </a>
1185        </article>
1186        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1187            <a href="9-burning-dragons.html" title="Play 9 برننگ ڈریگنز now" class="flex flex-col h-full">
1188                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1189                    <img src="static/images/2f63fd3469bddf687e3d948456b57e6f247ab268.jpg" alt="9 برننگ ڈریگنز screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1190                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1191                        فائر گیمز
1192                    </div>
1193                </div>
1194                <div class="p-3 flex flex-col flex-grow">
1195                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="9 برننگ ڈریگنز">
1196                        9 برننگ ڈریگنز
1197                    </h3>
1198                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1199                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1200                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1201                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">97.1%</span>
1202                        </div>
1203                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1204                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1205                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">اعلیٰ</span>
1206                        </div>
1207                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1208                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1209                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">15000x</span>
1210                        </div>
1211                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1212                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1213                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">243</span>
1214                        </div>
1215                    </div>
1216                </div>
1217            </a>
1218        </article>
1219        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1220            <a href="story-of-odin.html" title="Play اوڈن کی کہانی now" class="flex flex-col h-full">
1221                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1222                    <img src="static/images/6106fd3d448cb82021fb419a84899df85455dc13.jpg" alt="اوڈن کی کہانی screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1223                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1224                        نارتھ گیمز
1225                    </div>
1226                </div>
1227                <div class="p-3 flex flex-col flex-grow">
1228                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="اوڈن کی کہانی">
1229                        اوڈن کی کہانی
1230                    </h3>
1231                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1232                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1233                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1234                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">95.8%</span>
1235                        </div>
1236                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1237                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1238                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">اعلیٰ</span>
1239                        </div>
1240                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1241                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1242                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10000x</span>
1243                        </div>
1244                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1245                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1246                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">25</span>
1247                        </div>
1248                    </div>
1249                </div>
1250            </a>
1251        </article>
1252        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1253            <a href="venice-bj-2.html" title="Play وینس BJ 2 now" class="flex flex-col h-full">
1254                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1255                    <img src="static/images/a9dc10da9459ef2299ecc6be33477f49e9289497.png" alt="وینس BJ 2 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1256                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1257                        کازینو رائل
1258                    </div>
1259                </div>
1260                <div class="p-3 flex flex-col flex-grow">
1261                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="وینس BJ 2">
1262                        وینس BJ 2
1263                    </h3>
1264                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1265                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1266                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1267                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">99.1%</span>
1268                        </div>
1269                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1270                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1271                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">کم</span>
1272                        </div>
1273                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1274                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1275                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">200x</span>
1276                        </div>
1277                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1278                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1279                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
1280                        </div>
1281                    </div>
1282                </div>
1283            </a>
1284        </article>
1285        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1286            <a href="thunder-riches-buffalo.html" title="Play تھنڈر رِچز بفیلو now" class="flex flex-col h-full">
1287                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1288                    <img src="static/images/4f72bf5d0911d58cac7be6a4e99137231f49db30.jpg" alt="تھنڈر رِچز بفیلو screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1289                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1290                        وائلڈ ون
1291                    </div>
1292                </div>
1293                <div class="p-3 flex flex-col flex-grow">
1294                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="تھنڈر رِچز بفیلو">
1295                        تھنڈر رِچز بفیلو
1296                    </h3>
1297                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1298                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1299                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1300                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.5%</span>
1301                        </div>
1302                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1303                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1304                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">درمیانہ</span>
1305                        </div>
1306                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1307                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1308                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">8000x</span>
1309                        </div>
1310                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1311                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1312                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1024</span>
1313                        </div>
1314                    </div>
1315                </div>
1316            </a>
1317        </article>
1318        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1319            <a href="50-jokers-christmas.html" title="Play 50 جوکرز کرسمس now" class="flex flex-col h-full">
1320                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1321                    <img src="static/images/a442951fb575df6a024e6fe53d6fb0838d7475d2.png" alt="50 جوکرز کرسمس screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1322                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1323                        ونٹر گیمز
1324                    </div>
1325                </div>
1326                <div class="p-3 flex flex-col flex-grow">
1327                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="50 جوکرز کرسمس">
1328                        50 جوکرز کرسمس
1329                    </h3>
1330                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1331                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1332                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1333                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">94.8%</span>
1334                        </div>
1335                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1336                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1337                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">درمیانہ</span>
1338                        </div>
1339                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1340                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1341                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">3000x</span>
1342                        </div>
1343                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1344                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1345                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">50</span>
1346                        </div>
1347                    </div>
1348                </div>
1349            </a>
1350        </article>
1351        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1352            <a href="turn-your-fortune.html" title="Play اپنی قسمت بدلیں now" class="flex flex-col h-full">
1353                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1354                    <img src="static/images/85e377d7667aae001df7c1eae52d9fedaa1aebd8.jpg" alt="اپنی قسمت بدلیں screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1355                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1356                        لکی اسپن
1357                    </div>
1358                </div>
1359                <div class="p-3 flex flex-col flex-grow">
1360                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="اپنی قسمت بدلیں">
1361                        اپنی قسمت بدلیں
1362                    </h3>
1363                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1364                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1365                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1366                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">97.4%</span>
1367                        </div>
1368                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1369                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1370                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">کم</span>
1371                        </div>
1372                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1373                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1374                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">5000x</span>
1375                        </div>
1376                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1377                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1378                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10</span>
1379                        </div>
1380                    </div>
1381                </div>
1382            </a>
1383        </article>
1384    </div>
1385    <div class="mt-8 flex justify-center">
1386        <a href="javascript:downloadApp();" title="View all games in کھیل" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#1e1b4b] border border-[#5b21b6] text-[#c4b5fd] text-sm font-semibold hover:bg-[#8b5cf6] hover:text-[#f3e8ff] transition-colors duration-300 group">
1387            <span>مزید دیکھیں</span>
1388            <svg class="w-4 h-4 ml-2 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1389                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1390            </svg>
1391        </a>
1392    </div>
1393</section>
1394<section id="cat-lottery" class="py-8 px-4 md:py-12 bg-[#020617]">
1395    <div class="flex items-center mb-6">
1396        <div class="flex items-center justify-center w-10 h-10 mr-3 rounded-xl bg-[#1e1b4b] border border-[#5b21b6] text-2xl">
1397            🎫
1398        </div>
1399        <h2 class="text-xl md:text-2xl font-bold text-[#f3e8ff] tracking-tight">
1400            لاٹری
1401        </h2>
1402    </div>
1403    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
1404        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1405            <a href="wild-one.html" title="Play Wild One now" class="flex flex-col h-full">
1406                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1407                    <img src="static/images/78058ae5c12e23ac3188132cee99b15aaba6ecbb.png" alt="Wild One screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1408                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1409                        Pragmatic Play
1410                    </div>
1411                </div>
1412                <div class="p-3 flex flex-col flex-grow">
1413                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Wild One">
1414                        Wild One
1415                    </h3>
1416                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1417                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1418                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1419                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.5%</span>
1420                        </div>
1421                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1422                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1423                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">درمیانہ</span>
1424                        </div>
1425                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1426                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1427                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">5000x</span>
1428                        </div>
1429                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1430                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1431                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">243</span>
1432                        </div>
1433                    </div>
1434                </div>
1435            </a>
1436        </article>
1437        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1438            <a href="three-crazy-piggies.html" title="Play Three Crazy Piggies now" class="flex flex-col h-full">
1439                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1440                    <img src="static/images/310cf337679b818c285ef47f3674b9f361062ca2.jpg" alt="Three Crazy Piggies screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1441                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1442                        PG Soft
1443                    </div>
1444                </div>
1445                <div class="p-3 flex flex-col flex-grow">
1446                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Three Crazy Piggies">
1447                        Three Crazy Piggies
1448                    </h3>
1449                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1450                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1451                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1452                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.7%</span>
1453                        </div>
1454                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1455                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1456                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">اعلی</span>
1457                        </div>
1458                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1459                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1460                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10000x</span>
1461                        </div>
1462                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1463                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1464                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">20</span>
1465                        </div>
1466                    </div>
1467                </div>
1468            </a>
1469        </article>
1470        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1471            <a href="sunstrike-supernova.html" title="Play Sunstrike Supernova now" class="flex flex-col h-full">
1472                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1473                    <img src="static/images/889b1065560b469a1db1a2eb7cec091204ea66a5.jpg" alt="Sunstrike Supernova screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1474                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1475                        NetEnt
1476                    </div>
1477                </div>
1478                <div class="p-3 flex flex-col flex-grow">
1479                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Sunstrike Supernova">
1480                        Sunstrike Supernova
1481                    </h3>
1482                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1483                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1484                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1485                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.2%</span>
1486                        </div>
1487                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1488                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1489                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">درمیانہ</span>
1490                        </div>
1491                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1492                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1493                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">2500x</span>
1494                        </div>
1495                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1496                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1497                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10</span>
1498                        </div>
1499                    </div>
1500                </div>
1501            </a>
1502        </article>
1503        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1504            <a href="uncrossable-rush.html" title="Play Uncrossable Rush now" class="flex flex-col h-full">
1505                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1506                    <img src="static/images/650df43e5581e690b3def87d9be260a1167786a5.jpg" alt="Uncrossable Rush screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1507                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1508                        Hacksaw Gaming
1509                    </div>
1510                </div>
1511                <div class="p-3 flex flex-col flex-grow">
1512                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Uncrossable Rush">
1513                        Uncrossable Rush
1514                    </h3>
1515                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1516                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1517                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1518                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">95.8%</span>
1519                        </div>
1520                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1521                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1522                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">انتہائی اعلی</span>
1523                        </div>
1524                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1525                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1526                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">15000x</span>
1527                        </div>
1528                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1529                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1530                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1000</span>
1531                        </div>
1532                    </div>
1533                </div>
1534            </a>
1535        </article>
1536    </div>
1537    <div class="mt-8 flex justify-center">
1538        <a href="javascript:downloadApp();" title="View all games in لاٹری" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#1e1b4b] border border-[#5b21b6] text-[#c4b5fd] text-sm font-semibold hover:bg-[#8b5cf6] hover:text-[#f3e8ff] transition-colors duration-300 group">
1539            <span>مزید دیکھیں</span>
1540            <svg class="w-4 h-4 ml-2 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1541                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1542            </svg>
1543        </a>
1544    </div>
1545</section>
1546<section id="cat-fishing" class="py-8 px-4 md:py-12 bg-[#020617]">
1547    <div class="flex items-center mb-6">
1548        <div class="flex items-center justify-center w-10 h-10 mr-3 rounded-xl bg-[#1e1b4b] border border-[#5b21b6] text-2xl">
1549            🎣
1550        </div>
1551        <h2 class="text-xl md:text-2xl font-bold text-[#f3e8ff] tracking-tight">
1552            مچھلی پکڑنا
1553        </h2>
1554    </div>
1555    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
1556        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1557            <a href="turkish-blackjack-x4.html" title="Play Turkish BlackjackX 4 now" class="flex flex-col h-full">
1558                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1559                    <img src="static/images/e5412d6e6a6c30aba028c73fe3134724306f0b71.png" alt="Turkish BlackjackX 4 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1560                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1561                        Evolution Gaming
1562                    </div>
1563                </div>
1564                <div class="p-3 flex flex-col flex-grow">
1565                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Turkish BlackjackX 4">
1566                        Turkish BlackjackX 4
1567                    </h3>
1568                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1569                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1570                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1571                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">99.5%</span>
1572                        </div>
1573                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1574                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1575                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">کم</span>
1576                        </div>
1577                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1578                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1579                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10x</span>
1580                        </div>
1581                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1582                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1583                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
1584                        </div>
1585                    </div>
1586                </div>
1587            </a>
1588        </article>
1589        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1590            <a href="vip-blackjack-espanol.html" title="Play VIP Blackjack en Español 13 now" class="flex flex-col h-full">
1591                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1592                    <img src="static/images/f7257b7afadcb9c93e21599c7089378ab715c347.jpg" alt="VIP Blackjack en Español 13 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1593                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1594                        Pragmatic Play
1595                    </div>
1596                </div>
1597                <div class="p-3 flex flex-col flex-grow">
1598                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="VIP Blackjack en Español 13">
1599                        VIP Blackjack en Español 13
1600                    </h3>
1601                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1602                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1603                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1604                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">99.2%</span>
1605                        </div>
1606                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1607                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1608                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">کم</span>
1609                        </div>
1610                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1611                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1612                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">20x</span>
1613                        </div>
1614                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1615                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1616                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
1617                        </div>
1618                    </div>
1619                </div>
1620            </a>
1621        </article>
1622        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1623            <a href="striking-hot-5.html" title="Play Striking Hot 5 now" class="flex flex-col h-full">
1624                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1625                    <img src="static/images/e951e1b15f0a429fd1ba5367ea5b0567b6e88c63.png" alt="Striking Hot 5 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1626                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1627                        iSoftBet
1628                    </div>
1629                </div>
1630                <div class="p-3 flex flex-col flex-grow">
1631                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Str
1631iking Hot 5">
1632                        Striking Hot 5
1633                    </h3>
1634                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1635                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1636                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1637                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.1%</span>
1638                        </div>
1639                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1640                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1641                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">درمیانہ</span>
1642                        </div>
1643                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1644                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1645                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1000x</span>
1646                        </div>
1647                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1648                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1649                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">5</span>
1650                        </div>
1651                    </div>
1652                </div>
1653            </a>
1654        </article>
1655        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1656            <a href="the-bounty.html" title="Play The Bounty now" class="flex flex-col h-full">
1657                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1658                    <img src="static/images/b90a9533b87aa23d5a1d232333144f47616c9533.png" alt="The Bounty screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1659                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1660                        Hacksaw Gaming
1661                    </div>
1662                </div>
1663                <div class="p-3 flex flex-col flex-grow">
1664                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="The Bounty">
1665                        The Bounty
1666                    </h3>
1667                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1668                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1669                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1670                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.4%</span>
1671                        </div>
1672                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1673                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1674                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">زیادہ</span>
1675                        </div>
1676                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1677                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1678                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">5000x</span>
1679                        </div>
1680                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1681                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1682                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">20</span>
1683                        </div>
1684                    </div>
1685                </div>
1686            </a>
1687        </article>
1688    </div>
1689    <div class="mt-8 flex justify-center">
1690        <a href="javascript:downloadApp();" title="View all games in مچھلی پکڑنا" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#1e1b4b] border border-[#5b21b6] text-[#c4b5fd] text-sm font-semibold hover:bg-[#8b5cf6] hover:text-[#f3e8ff] transition-colors duration-300 group">
1691            <span>مزید دیکھیں</span>
1692            <svg class="w-4 h-4 ml-2 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1693                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1694            </svg>
1695        </a>
1696    </div>
1697</section>
1698<section id="cat-jackpot" class="py-8 px-4 md:py-12 bg-[#020617]">
1699    <div class="flex items-center mb-6">
1700        <div class="flex items-center justify-center w-10 h-10 mr-3 rounded-xl bg-[#1e1b4b] border border-[#5b21b6] text-2xl">
1701            💰
1702        </div>
1703        <h2 class="text-xl md:text-2xl font-bold text-[#f3e8ff] tracking-tight">
1704            جیک پاٹ
1705        </h2>
1706    </div>
1707    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
1708        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1709            <a href="walk-of-shame.html" title="Play Walk Of Shame now" class="flex flex-col h-full">
1710                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1711                    <img src="static/images/7ee70cbb7f8190c3c3efc58a77440f44b147a4ba.jpg" alt="Walk Of Shame screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1712                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1713                        Pragmatic Play
1714                    </div>
1715                </div>
1716                <div class="p-3 flex flex-col flex-grow">
1717                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Walk Of Shame">
1718                        Walk Of Shame
1719                    </h3>
1720                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1721                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1722                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1723                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.50%</span>
1724                        </div>
1725                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1726                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1727                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">High</span>
1728                        </div>
1729                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1730                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1731                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">5000x</span>
1732                        </div>
1733                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1734                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1735                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">20</span>
1736                        </div>
1737                    </div>
1738                </div>
1739            </a>
1740        </article>
1741        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1742            <a href="7-elements.html" title="Play 7 Elements now" class="flex flex-col h-full">
1743                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1744                    <img src="static/images/1e534017c08538e8d593271b2da869779a78a33f.jpg" alt="7 Elements screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1745                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1746                        Playson
1747                    </div>
1748                </div>
1749                <div class="p-3 flex flex-col flex-grow">
1750                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="7 Elements">
1751                        7 Elements
1752                    </h3>
1753                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1754                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1755                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1756                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">97.10%</span>
1757                        </div>
1758                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1759                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1760                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">Medium</span>
1761                        </div>
1762                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1763                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1764                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10000x</span>
1765                        </div>
1766                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1767                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1768                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">243</span>
1769                        </div>
1770                    </div>
1771                </div>
1772            </a>
1773        </article>
1774        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1775            <a href="9-lions-jackpot.html" title="Play 9 Lions Hold the Jackpot now" class="flex flex-col h-full">
1776                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1777                    <img src="static/images/7b26fc5e6cbbd983e860f4eecce4dfa10d62af35.jpg" alt="9 Lions Hold the Jackpot screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1778                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1779                        Aristocrat
1780                    </div>
1781                </div>
1782                <div class="p-3 flex flex-col flex-grow">
1783                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="9 Lions Hold the Jackpot">
1784                        9 Lions Hold the Jackpot
1785                    </h3>
1786                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1787                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1788                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1789                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">95.80%</span>
1790                        </div>
1791                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1792                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1793                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">High</span>
1794                        </div>
1795                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1796                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1797                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">20000x</span>
1798                        </div>
1799                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1800                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1801                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">15</span>
1802                        </div>
1803                    </div>
1804                </div>
1805            </a>
1806        </article>
1807        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1808            <a href="20-golden-dice.html" title="Play 20 Golden Dice now" class="flex flex-col h-full">
1809                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1810                    <img src="static/images/42f879ad5f9caa9bae559c46af79de4e87477481.jpg" alt="20 Golden Dice screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1811                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1812                        NetEnt
1813                    </div>
1814                </div>
1815                <div class="p-3 flex flex-col flex-grow">
1816                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="20 Golden Dice">
1817                        20 Golden Dice
1818                    </h3>
1819                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1820                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1821                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1822                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.20%</span>
1823                        </div>
1824                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1825                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1826                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">Low</span>
1827                        </div>
1828                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1829                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1830                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">2500x</span>
1831                        </div>
1832                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1833                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1834                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10</span>
1835                        </div>
1836                    </div>
1837                </div>
1838            </a>
1839        </article>
1840        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1841            <a href="the-great-pigsby.html" title="Play The Great Pigsby now" class="flex flex-col h-full">
1842                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1843                    <img src="static/images/80181f90a1619eec2c7ccebd23edea70ff566a47.jpg" alt="The Great Pigsby screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1844                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1845                        NetEnt
1846                    </div>
1847                </div>
1848                <div class="p-3 flex flex-col flex-grow">
1849                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="The Great Pigsby">
1850                        The Great Pigsby
1851                    </h3>
1852                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1853                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1854                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1855                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.80%</span>
1856                        </div>
1857                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1858                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1859                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">High</span>
1860                        </div>
1861                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1862                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1863                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">15000x</span>
1864                        </div>
1865                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1866                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1867                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">20</span>
1868                        </div>
1869                    </div>
1870                </div>
1871            </a>
1872        </article>
1873        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1874            <a href="10-devils-hotfire.html" title="Play 10 Devils Hotfire now" class="flex flex-col h-full">
1875                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1876                    <img src="static/images/75cf4769bb75e5a6eacf56ee198490408c88516e.jpg" alt="10 Devils Hotfire screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1877                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1878                        Microgaming
1879                    </div>
1880                </div>
1881                <div class="p-3 flex flex-col flex-grow">
1882                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="10 Devils Hotfire">
1883                        10 Devils Hotfire
1884                    </h3>
1885                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1886                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1887                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1888                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">95.50%</span>
1889                        </div>
1890                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1891                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1892                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">Medium</span>
1893                        </div>
1894                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1895                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1896                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">8000x</span>
1897                        </div>
1898                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1899                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1900                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">25</span>
1901                        </div>
1902                    </div>
1903                </div>
1904            </a>
1905        </article>
1906        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1907            <a href="free-bet-blackjack.html" title="Play Free Bet Blackjack 17 now" class="flex flex-col h-full">
1908                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1909                    <img src="static/images/eff9ff782d7f5c9af5949582ca55a5499e70404d.jpg" alt="Free Bet Blackjack 17 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1910                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1911                        Evolution Gaming
1912                    </div>
1913                </div>
1914                <div class="p-3 flex flex-col flex-grow">
1915                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="Free Bet Blackjack 17">
1916                        Free Bet Blackjack 17
1917                    </h3>
1918                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1919                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1920                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1921                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">99.50%</span>
1922                        </div>
1923                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1924                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1925                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">Low</span>
1926                        </div>
1927                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1928                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1929                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">100x</span>
1930                        </div>
1931                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1932                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1933                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">1</span>
1934                        </div>
1935                    </div>
1936                </div>
1937            </a>
1938        </article>
1939        <article class="group relative flex flex-col h-full rounded-2xl overflow-hidden bg-[#1e1b4b] border border-[#5b21b6] hover:border-[#8b5cf6] transition-all duration-300 shadow-lg shadow-black/20">
1940            <a href="7-monkeys.html" title="Play 7 Monkeys now" class="flex flex-col h-full">
1941                <div class="relative aspect-[4/3] overflow-hidden bg-[#020617]">
1942                    <img src="static/images/92cb642be6a7dd91c7c4c144b50957c99226b1a9.png" alt="7 Monkeys screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1943                    <div class="absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider rounded-md bg-[#8b5cf6]/80 text-[#f3e8ff] backdrop-blur-sm">
1944                        Play'n GO
1945                    </div>
1946                </div>
1947                <div class="p-3 flex flex-col flex-grow">
1948                    <h3 class="text-sm md:text-base font-bold text-[#f3e8ff] truncate mb-1" title="7 Monkeys">
1949                        7 Monkeys
1950                    </h3>
1951                    <div class="grid grid-cols-2 gap-1.5 mt-2">
1952                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1953                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">RTP</span>
1954                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">96.00%</span>
1955                        </div>
1956                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1957                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Vol</span>
1958                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">High</span>
1959                        </div>
1960                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1961                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Max Win</span>
1962                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">12000x</span>
1963                        </div>
1964                        <div class="flex flex-col p-1.5 rounded-lg bg-[#020617] border border-[#5b21b6]/30 text-center">
1965                            <span class="text-[8px] uppercase text-[#c4b5fd] font-medium leading-none">Lines</span>
1966                            <span class="text-[11px] font-bold text-[#f3e8ff] truncate">10</span>
1967                        </div>
1968                    </div>
1969                </div>
1970            </a>
1971        </article>
1972    </div>
1973    <div class="mt-8 flex justify-center">
1974        <a href="javascript:downloadApp();" title="View all games in جیک پاٹ" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#1e1b4b] border border-[#5b21b6] text-[#c4b5fd] text-sm font-semibold hover:bg-[#8b5cf6] hover:text-[#f3e8ff] transition-colors duration-300 group">
1975            <span>مزید دیکھیں</span>
1976            <svg class="w-4 h-4 ml-2 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1977                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1978            </svg>
1979        </a>
1980    </div>
1981</section>
1982<section class="py-10 px-4 md:py-16 md:px-8 bg-[#020617]">
1983  <div class="max-w-lg mx-auto mb-8 text-left">
1984    <h2 class="text-2xl md:text-3xl font-bold text-[#f3e8ff] mb-2 leading-tight">
1985      zk888 گیم - پاکستان کا نمبر 1 آن لائن کیسینو اور سلاٹ پلیٹ فارم
1986    </h2>
1987    <p class="text-sm md:text-base text-[#c4b5fd] opacity-90" title="zk888 گیم کے ساتھ اپنی جیت کا آغاز کریں! روزانہ کے بونس، شاندار جیک پاٹس، اور تیز ترین ادائیگیوں کے ساتھ بہترین گیمنگ تجربہ حاصل کریں۔ آج ہی zk888 apk ڈاؤن لوڈ کریں اور جیتنا شروع کریں۔">
1988      zk888 گیم کے ساتھ اپنی جیت کا آغاز کریں! روزانہ کے بونس، شاندار جیک پاٹس، اور تیز ترین ادائیگیوں کے ساتھ بہترین گیمنگ تجربہ حاصل کریں۔ آج ہی zk888 apk ڈاؤن لوڈ کریں اور جیتنا شروع کریں۔
1989    </p>
1990  </div>
1991  <div class="max-w-md mx-auto flex flex-col gap-6">
1992    <article class="relative overflow-hidden rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] shadow-lg flex flex-col" title="Promotion for خوش آمدید بونس: 100% میچ!">
1993      <div class="relative w-full">
1994        <img src="static/images/9c596f0efd26cc36dbbb0adc49da0035d4d7032a.heif" alt="خوش آمدید بونس: 100% میچ! banner" loading="lazy" class="block w-full h-auto">
1995        <span class="absolute top-3 left-3 px-3 py-1 rounded-full bg-[#8b5cf6] text-[#f3e8ff] text-xs font-bold uppercase tracking-wider shadow-sm">
1996          🔥 Limited
1997        </span>
1998      </div>
1999      <div class="p-5 flex flex-col gap-4">
2000        <h3 class="text-lg font-bold text-[#f3e8ff] leading-snug">
2001          خوش آمدید بونس: 100% میچ!
2002        </h3>
2003        <div class="flex items-center gap-2 py-2 px-3 rounded-lg bg-[#8b5cf6]/10 border border-[#8b5cf6]/30 w-fit">
2004          <span class="text-[#8b5cf6] text-xl font-extrabold">
2005            50,000 PKR تک
2006          </span>
2007        </div>
2008        <p class="text-sm text-[#c4b5fd] leading-relaxed" title="پہلی ڈپازٹ پر 100% بونس حاصل کریں اور اپنے پسندیدہ سلاٹس میں قسمت آزمائیں۔ ابھی رجسٹر کریں!">
2009          پہلی ڈپازٹ پر 100% بونس حاصل کریں اور اپنے پسندیدہ سلاٹس میں قسمت آزمائیں۔ ابھی رجسٹر کریں!
2010        </p>
2011        <div class="space-y-2">
2012          <div class="h-2 w-full bg-[#020617] rounded-full overflow-hidden">
2013            <div class="h-full bg-[#8b5cf6] transition-all duration-500" style="width: 78%%"></div>
2014          </div>
2015          <div class="flex justify-between items-center text-[11px] font-medium text-[#c4b5fd] uppercase tracking-wide">
2016            <span class="flex items-center gap-1">
2017              <span class="text-[#8b5cf6]">💎</span> Claimed: 78%%
2018            </span>
2019            <span class="flex items-center gap-1">
2020              <span class="text-[#8b5cf6]">⏰</span> Ends in: 12 گھنٹے 30 منٹ
2021            </span>
2022          </div>
2023        </div>
2024        <button onclick="downloadApp()" class="w-full py-4 rounded-xl bg-[#8b5cf6] hover:bg-[#7c3aed] active:scale-[0.98] transition-all duration-200 text-[#f3e8ff] font-bold text-center shadow-md" title="Claim 50,000 PKR تک and download now">
2025          ابھی کلیم کریں
2026        </button>
2027      </div>
2028    </article>
2029    <article class="relative overflow-hidden rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] shadow-lg flex flex-col" title="Promotion for وی آئی پی ہفتہ وار کیش بیک">
2030      <div class="relative w-full">
2031        <img src="static/images/a00a0bcb858d18c0559a1179d205324c8db608c5.heif" alt="وی آئی پی ہفتہ وار کیش بیک banner" loading="lazy" class="block w-full h-auto">
2032        <span class="absolute top-3 left-3 px-3 py-1 rounded-full bg-[#8b5cf6] text-[#f3e8ff] text-xs font-bold uppercase tracking-wider shadow-sm">
2033          🔥 Limited
2034        </span>
2035      </div>
2036      <div class="p-5 flex flex-col gap-4">
2037        <h3 class="text-lg font-bold text-[#f3e8ff] leading-snug">
2038          وی آئی پی ہفتہ وار کیش بیک
2039        </h3>
2040        <div class="flex items-center gap-2 py-2 px-3 rounded-lg bg-[#8b5cf6]/10 border border-[#8b5cf6]/30 w-fit">
2041          <span class="text-[#8b5cf6] text-xl font-extrabold">
2042            15% کیش بیک
2043          </span>
2044        </div>
2045        <p class="text-sm text-[#c4b5fd] leading-relaxed" title="ہارے ہوئے پیسوں کی فکر نہ کریں! ہمارے VIP پروگرام کے ساتھ ہر ہفتے اپنا کیش بیک واپس پائیں۔">
2046          ہارے ہوئے پیسوں کی فکر نہ کریں! ہمارے VIP پروگرام کے ساتھ ہر ہفتے اپنا کیش بیک واپس پائیں۔
2047        </p>
2048        <div class="space-y-2">
2049          <div class="h-2 w-full bg-[#020617] rounded-full overflow-hidden">
2050            <div class="h-full bg-[#8b5cf6] transition-all duration-500" style="width: 62%%"></div>
2051          </div>
2052          <div class="flex justify-between items-center text-[11px] font-medium text-[#c4b5fd] uppercase tracking-wide">
2053            <span class="flex items-center gap-1">
2054              <span class="text-[#8b5cf6]">💎</span> Claimed: 62%%
2055            </span>
2056            <span class="flex items-center gap-1">
2057              <span class="text-[#8b5cf6]">⏰</span> Ends in: 2 دن باقی
2058            </span>
2059          </div>
2060        </div>
2061        <button onclick="downloadApp()" class="w-full py-4 rounded-xl bg-[#8b5cf6] hover:bg-[#7c3aed] active:scale-[0.98] transition-all duration-200 text-[#f3e8ff] font-bold text-center shadow-md" title="Claim 15% کیش بیک and download now">
2062          تفصیلات دیکھیں
2063        </button>
2064      </div>
2065    </article>
2066    <article class="relative overflow-hidden rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] shadow-lg flex flex-col" title="Promotion for دوست کو لائیں اور انعام پائیں">
2067      <div class="relative w-full">
2068        <img src="static/images/7e20cf7121d22525ae0d269f058dc2b683a5e244.heif" alt="دوست کو لائیں اور انعام پائیں banner" loading="lazy" class="block w-full h-auto">
2069        <span class="absolute top-3 left-3 px-3 py-1 rounded-full bg-[#8b5cf6] text-[#f3e8ff] text-xs font-bold uppercase tracking-wider shadow-sm">
2070          🔥 Limited
2071        </span>
2072      </div>
2073      <div class="p-5 flex flex-col gap-4">
2074        <h3 class="text-lg font-bold text-[#f3e8ff] leading-snug">
2075          دوست کو لائیں اور انعام پائیں
2076        </h3>
2077        <div class="flex items-center gap-2 py-2 px-3 rounded-lg bg-[#8b5cf6]/10 border border-[#8b5cf6]/30 w-fit">
2078          <span class="text-[#8b5cf6] text-xl font-extrabold">
2079            10,000 PKR بونس
2080          </span>
2081        </div>
2082        <p class="text-sm text-[#c4b5fd] leading-relaxed" title="اپنے دوستوں کو zk888 گیم جوائن کرنے کی دعوت دیں اور ہر کامیاب ریفرل پر بڑا انعام پائیں۔">
2083          اپنے دوستوں کو zk888 گیم جوائن کرنے کی دعوت دیں اور ہر کامیاب ریفرل پر بڑا انعام پائیں۔
2084        </p>
2085        <div class="space-y-2">
2086          <div class="h-2 w-full bg-[#020617] rounded-full overflow-hidden">
2087            <div class="h-full bg-[#8b5cf6] transition-all duration-500" style="width: 91%%"></div>
2088          </div>
2089          <div class="flex justify-between items-center text-[11px] font-medium text-[#c4b5fd] uppercase tracking-wide">
2090            <span class="flex items-center gap-1">
2091              <span class="text-[#8b5cf6]">💎</span> Claimed: 91%%
2092            </span>
2093            <span class="flex items-center gap-1">
2094              <span class="text-[#8b5cf6]">⏰</span> Ends in: 05:59:00
2095            </span>
2096          </div>
2097        </div>
2098        <button onclick="downloadApp()" class="w-full py-4 rounded-xl bg-[#8b5cf6] hover:bg-[#7c3aed] active:scale-[0.98] transition-all duration-200 text-[#f3e8ff] font-bold text-center shadow-md" title="Claim 10,000 PKR بونس and download now">
2099          دوست کو بھیجیں
2100        </button>
2101      </div>
2102    </article>
2103  </div>
2104</section>
2105<section class="py-12 px-4 md:py-20 md:px-8 bg-[#020617]">
2106    <div class="max-w-6xl mx-auto">
2107        <div class="grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12">
2108            <article class="relative flex flex-col group bg-[#1e1b4b] rounded-3xl border border-[#5b21b6] overflow-hidden hover:border-[#8b5cf6] transition-all duration-300 shadow-xl shadow-[#000000]/50">
2109                <div class="p-6 pb-4 relative">
2110                    <div class="flex items-start gap-4">
2111                        <div class="flex-shrink-0 w-14 h-14 rounded-2xl bg-[#8b5cf6] flex items-center justify-center shadow-lg shadow-[#8b5cf6]/30 ring-4 ring-[#020617]">
2112                            <span class="text-2xl leading-none" title="zk888 سلاٹ ماسٹر icon">🎰</span>
2113                        </div>
2114                        <div class="flex-1 min-w-0">
2115                            <h3 class="text-xl md:text-2xl font-bold text-[#f3e8ff] leading-tight mb-1 truncate-2-lines" title="zk888 سلاٹ ماسٹر">
2116                                zk888 سلاٹ ماسٹر
2117                            </h3>
2118                            <p class="text-sm text-[#c4b5fd] font-medium opacity-80" title="بڑے انعامات اور شاندار جیک پاٹس">
2119                                بڑے انعامات اور شاندار جیک پاٹس
2120                            </p>
2121                        </div>
2122                    </div>
2123                </div>
2124                <div class="px-6 py-2 flex-grow space-y-6">
2125                    <div class="prose-sm max-w-none">
2126                        <div class="text-[#f3e8ff] leading-relaxed opacity-90" title="Introduction to zk888 سلاٹ ماسٹر">
2127                            <p>اس گیم میں آپ کو ملیں گے رنگین سلاٹس اور جیتنے کے بے شمار مواقع۔ اپنی قسمت آزمائیں اور بڑے انعامات جیتیں۔</p>
2128                        </div>
2129                    </div>
2130                    <div class="p-4 rounded-2xl bg-[#020617]/50 border-l-4 border-[#8b5cf6]">
2131                        <h4 class="text-xs uppercase tracking-widest font-bold text-[#8b5cf6] mb-3 flex items-center gap-2">
2132                            <span class="w-1 h-1 rounded-full bg-[#8b5cf6]"></span>
2133                            How to Play
2134                        </h4>
2135                        <div class="text-sm text-[#c4b5fd] leading-relaxed opacity-80" title="Gameplay rules for zk888 سلاٹ ماسٹر">
2136                            <ul><li>اسپن بٹن پر کلک کرکے گیم شروع کریں۔</li><li>تین یکساں نشانات ملنے پر انعام جیتیں۔</li><li>روزانہ لاگ ان بونس حاصل کریں۔</li></ul>
2137                        </div>
2138                    </div>
2139                </div>
2140                <div class="p-6 mt-auto">
2141                    <button onclick="playGame('zk888 سلاٹ ماسٹر')" title="Play zk888 سلاٹ ماسٹر now" class="w-full py-4 px-6 bg-[#8b5cf6] hover:bg-[#7c3aed] text-[#f3e8ff] font-bold rounded-xl transition-all duration-200 transform active:scale-[0.98] shadow-lg shadow-[#8b5cf6]/20 flex items-center justify-center gap-2 group-hover:shadow-[#8b5cf6]/40">
2142                        <span>PLAY NOW</span>
2143                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2144                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
2145                        </svg>
2146                    </button>
2147                </div>
2148                <div class="absolute -bottom-6 -right-6 w-24 h-24 bg-[#8b5cf6]/10 rounded-full blur-3xl pointer-events-none"></div>
2149            </article>
2150            <article class="relative flex flex-col group bg-[#1e1b4b] rounded-3xl border border-[#5b21b6] overflow-hidden hover:border-[#8b5cf6] transition-all duration-300 shadow-xl shadow-[#000000]/50">
2151                <div class="p-6 pb-4 relative">
2152                    <div class="flex items-start gap-4">
2153                        <div class="flex-shrink-0 w-14 h-14 rounded-2xl bg-[#8b5cf6] flex items-center justify-center shadow-lg shadow-[#8b5cf6]/30 ring-4 ring-[#020617]">
2154                            <span class="text-2xl leading-none" title="رائل بلیک جیک icon">🃏</span>
2155                        </div>
2156                        <div class="flex-1 min-w-0">
2157                            <h3 class="text-xl md:text-2xl font-bold text-[#f3e8ff] leading-tight mb-1 truncate-2-lines" title="رائل بلیک جیک">
2158                                رائل بلیک جیک
2159                            </h3>
2160                            <p class="text-sm text-[#c4b5fd] font-medium opacity-80" title="ذہانت اور حکمت عملی کا کھیل">
2161                                ذہانت اور حکمت عملی کا کھیل
2162                            </p>
2163                        </div>
2164                    </div>
2165                </div>
2166                <div class="px-6 py-2 flex-grow space-y-6">
2167                    <div class="prose-sm max-w-none">
2168                        <div class="text-[#f3e8ff] leading-relaxed opacity-90" title="Introduction to رائل بلیک جیک">
2169                            <p>رائل بلیک جیک آپ کی مہارت کو پرکھتا ہے۔ ڈیلر کو شکست دیں اور اپنی جیت کو یقینی بنائیں۔</p>
2170                        </div>
2171                    </div>
2172                    <div class="p-4 rounded-2xl bg-[#020617]/50 border-l-4 border-[#8b5cf6]">
2173                        <h4 class="text-xs uppercase tracking-widest font-bold text-[#8b5cf6] mb-3 flex items-center gap-2">
2174                            <span class="w-1 h-1 rounded-full bg-[#8b5cf6]"></span>
2175                            How to Play
2176                        </h4>
2177                        <div class="text-sm text-[#c4b5fd] leading-relaxed opacity-80" title="Gameplay rules for رائل بلیک جیک">
2178                            <ul><li>کارڈز کی مجموعی قیمت 21 تک پہنچائیں۔</li><li>21 سے زیادہ ہونے پر آپ گیم ہار جائیں گے۔</li><li>ڈیلر سے زیادہ پوائنٹس حاصل کریں۔</li></ul>
2179                        </div>
2180                    </div>
2181                </div>
2182                <div class="p-6 mt-auto">
2183                    <button onclick="playGame('رائل بلیک جیک')" title="Play رائل بلیک جیک now" class="w-full py-4 px-6 bg-[#8b5cf6] hover:bg-[#7c3aed] text-[#f3e8ff] font-bold rounded-xl transition-all duration-200 transform active:scale-[0.98] shadow-lg shadow-[#8b5cf6]/20 flex items-center justify-center gap-2 group-hover:shadow-[#8b5cf6]/40">
2184                        <span>PLAY NOW</span>
2185                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2186                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
2187                        </svg>
2188                    </button>
2189                </div>
2190                <div class="absolute -bottom-6 -right-6 w-24 h-24 bg-[#8b5cf6]/10 rounded-full blur-3xl pointer-events-none"></div>
2191            </article>
2192            <article class="relative flex flex-col group bg-[#1e1b4b] rounded-3xl border border-[#5b21b6] overflow-hidden hover:border-[#8b5cf6] transition-all duration-300 shadow-xl shadow-[#000000]/50">
2193                <div class="p-6 pb-4 relative">
2194                    <div class="flex items-start gap-4">
2195                        <div class="flex-shrink-0 w-14 h-14 rounded-2xl bg-[#8b5cf6] flex items-center justify-center shadow-lg shadow-[#8b5cf6]/30 ring-4 ring-[#020617]">
2196                            <span class="text-2xl leading-none" title="گولڈن روٹ لیٹ icon">🎡</span>
2197                        </div>
2198                        <div class="flex-1 min-w-0">
2199                            <h3 class="text-xl md:text-2xl font-bold text-[#f3e8ff] leading-tight mb-1 truncate-2-lines" title="گولڈن روٹ لیٹ">
2200                                گولڈن روٹ لیٹ
2201                            </h3>
2202                            <p class="text-sm text-[#c4b5fd] font-medium opacity-80" title="تیز رفتار اور دلچسپ تجربہ">
2203                                تیز رفتار اور دلچسپ تجربہ
2204                            </p>
2205                        </div>
2206                    </div>
2207                </div>
2208                <div class="px-6 py-2 flex-grow space-y-6">
2209                    <div class="prose-sm max-w-none">
2210                        <div class="text-[#f3e8ff] leading-relaxed opacity-90" title="Introduction to گولڈن روٹ لیٹ">
2211                            <p>ایک کلاسک روٹ گیم جہاں آپ کو درست نمبر کا اندازہ لگانا ہوتا ہے۔ ہر گردش ایک نیا موقع لاتی ہے۔</p>
2212                        </div>
2213                    </div>
2214                    <div class="p-4 rounded-2xl bg-[#020617]/50 border-l-4 border-[#8b5cf6]">
2215                        <h4 class="text-xs uppercase tracking-widest font-bold text-[#8b5cf6] mb-3 flex items-center gap-2">
2216                            <span class="w-1 h-1 rounded-full bg-[#8b5cf6]"></span>
2217                            How to Play
2218                        </h4>
2219                        <div class="text-sm text-[#c4b5fd] leading-relaxed opacity-80" title="Gameplay rules for گولڈن روٹ لیٹ">
2220                            <ul><li>اپنا پسندیدہ نمبر یا رنگ منتخب کریں۔</li><li>پہیہ گھومنے کا انتظار کریں۔</li><li>درست نمبر آنے پر بڑا انعام پائیں۔</li></ul>
2221                        </div>
2222                    </div>
2223                </div>
2224                <div class="p-6 mt-auto">
2225                    <button onclick="playGame('گولڈن روٹ لیٹ')" title="Play گولڈن روٹ لیٹ now" class="w-full py-4 px-6 bg-[#8b5cf6] hover:bg-[#7c3aed] text-[#f3e8ff] font-bold rounded-xl transition-all duration-200 transform active:scale-[0.98] shadow-lg shadow-[#8b5cf6]/20 flex items-center justify-center gap-2 group-hover:shadow-[#8b5cf6]/40">
2226                        <span>PLAY NOW</span>
2227                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2228                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
2229                        </svg>
2230                    </button>
2231                </div>
2232                <div class="absolute -bottom-6 -right-6 w-24 h-24 bg-[#8b5cf6]/10 rounded-full blur-3xl pointer-events-none"></div>
2233            </article>
2234            <article class="relative flex flex-col group bg-[#1e1b4b] rounded-3xl border border-[#5b21b6] overflow-hidden hover:border-[#8b5cf6] transition-all duration-300 shadow-xl shadow-[#000000]/50">
2235                <div class="p-6 pb-4 relative">
2236                    <div class="flex items-start gap-4">
2237                        <div class="flex-shrink-0 w-14 h-14 roun
2237ded-2xl bg-[#8b5cf6] flex items-center justify-center shadow-lg shadow-[#8b5cf6]/30 ring-4 ring-[#020617]">
2238                            <span class="text-2xl leading-none" title="zk888 پوکر پرو icon">♠️</span>
2239                        </div>
2240                        <div class="flex-1 min-w-0">
2241                            <h3 class="text-xl md:text-2xl font-bold text-[#f3e8ff] leading-tight mb-1 truncate-2-lines" title="zk888 پوکر پرو">
2242                                zk888 پوکر پرو
2243                            </h3>
2244                            <p class="text-sm text-[#c4b5fd] font-medium opacity-80" title="پروفیشنل کھلاڑیوں کے لیے بہترین">
2245                                پروفیشنل کھلاڑیوں کے لیے بہترین
2246                            </p>
2247                        </div>
2248                    </div>
2249                </div>
2250                <div class="px-6 py-2 flex-grow space-y-6">
2251                    <div class="prose-sm max-w-none">
2252                        <div class="text-[#f3e8ff] leading-relaxed opacity-90" title="Introduction to zk888 پوکر پرو">
2253                            <p>پوکر کے عالمی معیار کے میزوں پر بیٹھیں اور اپنی بہترین چالوں سے سب کو ہرا کر جیت حاصل کریں۔</p>
2254                        </div>
2255                    </div>
2256                    <div class="p-4 rounded-2xl bg-[#020617]/50 border-l-4 border-[#8b5cf6]">
2257                        <h4 class="text-xs uppercase tracking-widest font-bold text-[#8b5cf6] mb-3 flex items-center gap-2">
2258                            <span class="w-1 h-1 rounded-full bg-[#8b5cf6]"></span>
2259                            How to Play
2260                        </h4>
2261                        <div class="text-sm text-[#c4b5fd] leading-relaxed opacity-80" title="Gameplay rules for zk888 پوکر پرو">
2262                            <ul><li>اپنے کارڈز کی طاقت کا اندازہ لگائیں۔</li><li>مناسب وقت پر بیٹ (Bet) لگائیں۔</li><li>بہترین کارڈ کمبینیشن کے ساتھ جیتیں۔</li></ul>
2263                        </div>
2264                    </div>
2265                </div>
2266                <div class="p-6 mt-auto">
2267                    <button onclick="playGame('zk888 پوکر پرو')" title="Play zk888 پوکر پرو now" class="w-full py-4 px-6 bg-[#8b5cf6] hover:bg-[#7c3aed] text-[#f3e8ff] font-bold rounded-xl transition-all duration-200 transform active:scale-[0.98] shadow-lg shadow-[#8b5cf6]/20 flex items-center justify-center gap-2 group-hover:shadow-[#8b5cf6]/40">
2268                        <span>PLAY NOW</span>
2269                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2270                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
2271                        </svg>
2272                    </button>
2273                </div>
2274                <div class="absolute -bottom-6 -right-6 w-24 h-24 bg-[#8b5cf6]/10 rounded-full blur-3xl pointer-events-none"></div>
2275            </article>
2276        </div>
2277    </div>
2278</section>
2279<section class="py-12 px-4 md:py-20 md:px-8 bg-[#020617] overflow-hidden" title="zk888game.com پر جیتنا شروع کرنے کے 6 آسان مراحل guide">
2280    <div class="max-w-6xl mx-auto">
2281        <header class="text-center mb-12 md:mb-16">
2282            <h2 class="text-3xl md:text-5xl font-bold text-[#f3e8ff] mb-4 leading-tight">
2283                zk888game.com پر جیتنا شروع کرنے کے 6 آسان مراحل
2284            </h2>
2285            <p class="text-sm md:text-lg text-[#c4b5fd] max-w-2xl mx-auto opacity-90" title="آج ہی zk888game.com پر ہزاروں جیتنے والوں کا حصہ بنیں۔ یہ تیز، محفوظ اور استعمال میں انتہائی آسان ہے۔">
2286                آج ہی zk888game.com پر ہزاروں جیتنے والوں کا حصہ بنیں۔ یہ تیز، محفوظ اور استعمال میں انتہائی آسان ہے۔
2287            </p>
2288        </header>
2289        <div class="relative space-y-6 md:space-y-8">
2290            <div class="absolute left-4 md:left-1/2 top-0 bottom-0 w-0.5 bg-[#5b21b6] hidden sm:block -translate-x-1/2 opacity-30"></div>
2291            <article class="relative group transition-all duration-300 hover:translate-x-1 sm:hover:translate-x-0">
2292                <div class="bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 md:p-8 shadow-lg shadow-black/40 sm:max-w-md 
2292sm:mx-auto sm:relative">
2293                    <div class="flex items-center gap-3 mb-3">
2294                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] text-xs font-bold border border-[#c4b5fd]">
2295                            1
2296                        </span>
2297                        <div class="flex items-center gap-2">
2298                            <span class="text-xl md:text-2xl" title="اکاؤنٹ رجسٹر کریں icon">
2299                                👤
2300                            </span>
2301                            <h3 class="text-lg md:text-xl font-semibold text-[#f3e8ff] truncate">
2302                                اکاؤنٹ رجسٹر کریں
2303                            </h3>
2304                        </div>
2305                    </div>
2306                    <p class="text-sm md:text-base text-[#c4b5fd] leading-relaxed pl-11" title="zk888game.com پر جائیں اور اپنی بنیادی معلومات فراہم کرکے اپنا نیا اکاؤنٹ بنائیں تاکہ آپ گیمنگ کی دنیا میں قدم رکھ سکیں۔">
2307                        zk888game.com پر جائیں اور اپنی بنیادی معلومات فراہم کرکے اپنا نیا اکاؤنٹ بنائیں تاکہ آپ گیمنگ کی دنیا میں قدم رکھ سکیں۔
2308                    </p>
2309                </div>
2310            </article>
2311            <article class="relative group transition-all duration-300 hover:translate-x-1 sm:hover:translate-x-0">
2312                <div class="bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 md:p-8 shadow-lg shadow-black/40 sm:max-w-md sm:mx-auto sm:relative">
2313                    <div class="flex items-center gap-3 mb-3">
2314                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] text-xs font-bold border border-[#c4b5fd]">
2315                            2
2316                        </span>
2317                        <div class="flex items-center gap-2">
2318                            <span class="text-xl md:text-2xl" title="zk888 ایپ ڈاؤن لوڈ کریں icon">
2319                                ⚡
2320                            </span>
2321                            <h3 class="text-lg md:text-xl font-semibold text-[#f3e8ff] truncate">
2322                                zk888 ایپ ڈاؤن لوڈ کریں
2323                            </h3>
2324                        </div>
2325                    </div>
2326                    <p class="text-sm md:text-base text-[#c4b5fd] leading-relaxed pl-11" title="بہترین تجربے کے لیے آفیشل zk888 apk ڈاؤن لوڈ کریں اور اپنے موبائل پر کہیں بھی، کسی بھی وقت کھیلنے کی آزادی پائیں۔">
2327                        بہترین تجربے کے لیے آفیشل zk888 apk ڈاؤن لوڈ کریں اور اپنے موبائل پر کہیں بھی، کسی بھی وقت کھیلنے کی آزادی پائیں۔
2328                    </p>
2329                </div>
2330            </article>
2331            <article class="relative group transition-all duration-300 hover:translate-x-1 sm:hover:translate-x-0">
2332                <div class="bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 md:p-8 shadow-lg shadow-black/40 sm:max-w-md sm:mx-auto sm:relative">
2333                    <div class="flex items-center gap-3 mb-3">
2334                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] text-xs font-bold border border-[#c4b5fd]">
2335                            3
2336                        </span>
2337                        <div class="flex items-center gap-2">
2338                            <span class="text-xl md:text-2xl" title="رقم جمع کریں icon">
2339                                💰
2340                            </span>
2341                            <h3 class="text-lg md:text-xl font-semibold text-[#f3e8ff] truncate">
2342                                رقم جمع کریں
2343                            </h3>
2344                        </div>
2345                    </div>
2346                    <p class="text-sm md:text-base text-[#c4b5fd] leading-relaxed pl-11" title="اپنے اکاؤنٹ میں رقم جمع کرنے کے لیے محفوظ ادائی
2346گی کے طریقوں کا استعمال کریں اور اپنے کھیل کے لیے بیلنس حاصل کریں۔">
2347                        اپنے اکاؤنٹ میں رقم جمع کرنے کے لیے محفوظ ادائیگی کے طریقوں کا استعمال کریں اور اپنے کھیل کے لیے بیلنس حاصل کریں۔
2348                    </p>
2349                </div>
2350            </article>
2351            <article class="relative group transition-all duration-300 hover:translate-x-1 sm:hover:translate-x-0">
2352                <div class="bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 md:p-8 shadow-lg shadow-black/40 sm:max-w-md sm:mx-auto sm:relative">
2353                    <div class="flex items-center gap-3 mb-3">
2354                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] text-xs font-bold border border-[#c4b5fd]">
2355                            4
2356                        </span>
2357                        <div class="flex items-center gap-2">
2358                            <span class="text-xl md:text-2xl" title="کھیل کا انتخاب کریں icon">
2359                                🎰
2360                            </span>
2361                            <h3 class="text-lg md:text-xl font-semibold text-[#f3e8ff] truncate">
2362                                کھیل کا انتخاب کریں
2363                            </h3>
2364                        </div>
2365                    </div>
2366                    <p class="text-sm md:text-base text-[#c4b5fd] leading-relaxed pl-11" title="zk888game.com پر دستیاب کھیلوں کی وسیع رینج میں سے اپنی پسند کا گیم منتخب کریں اور اپنی حکمت عملی بنائیں।">
2367                        zk888game.com پر دستیاب کھیلوں کی وسیع رینج میں سے اپنی پسند کا گیم منتخب کریں اور اپنی حکمت عملی بنائیں।
2368                    </p>
2369                </div>
2370            </article>
2371            <article class="relative group transition-all duration-300 hover:translate-x-1 sm:hover:translate-x-0">
2372                <div class="bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 md:p-8 shadow-lg shadow-black/40 sm:max-w-md sm:mx-auto sm:relative">
2373                    <div class="flex items-center gap-3 mb-3">
2374                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] text-xs font-bold border border-[#c4b5fd]">
2375                            5
2376                        </span>
2377                        <div class="flex items-center gap-2">
2378                            <span class="text-xl md:text-2xl" title="کھیلیں اور جیتیں icon">
2379                                🎮
2380                            </span>
2381                            <h3 class="text-lg md:text-xl font-semibold text-[#f3e8ff] truncate">
2382                                کھیلیں اور جیتیں
2383                            </h3>
2384                        </div>
2385                    </div>
2386                    <p class="text-sm md:text-base text-[#c4b5fd] leading-relaxed pl-11" title="اپنی مہارت کا استعمال کریں، گیم کھیلیں اور zk888 کے شفاف سسٹم کے ذریعے بڑے انعامات جیتنے کے مواقع حاصل کریں۔">
2387                        اپنی مہارت کا استعمال کریں، گیم کھیلیں اور zk888 کے شفاف سسٹم کے ذریعے بڑے انعامات جیتنے کے مواقع حاصل کریں۔
2388                    </p>
2389                </div>
2390            </article>
2391            <article class="relative group transition-all duration-300 hover:translate-x-1 sm:hover:translate-x-0">
2392                <div class="bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 md:p-8 shadow-lg shadow-black/40 sm:max-w-md sm:mx-auto sm:relative">
2393                    <div class="flex items-center gap-3 mb-3">
2394                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] text-xs font-bold border border-[#c4b5fd]">
2395                            6
2396                        </span>
2397                        <div class="flex items-center gap-2">
2398                            <span class="text-xl md:text-2xl" title="جیت نکلوائیں icon">
2399                                🏆
2400                            </span>
2401                            <h3 class="text-lg md:text-xl font-semibold text-[#f3e8ff] truncate">
2402                                جیت نکلوائیں
2403                            </h3>
2404                        </div>
2405                    </div>
2406                    <p class="text-sm md:text-base text-[#c4b5fd] leading-relaxed pl-11" title="اپنی جیتی ہوئی رقم کو آسانی سے اپنے بینک اکاؤنٹ یا والٹ میں منتقل کریں اور zk888game.com کی تیز رفتار ادائیگیوں سے لطف اندوز ہوں۔">
2407                        اپنی جیتی ہوئی رقم کو آسانی سے اپنے بینک اکاؤنٹ یا والٹ میں منتقل کریں اور zk888game.com کی تیز رفتار ادائیگیوں سے لطف اندوز ہوں۔
2408                    </p>
2409                </div>
2410            </article>
2411        </div>
2412        <footer class="mt-16 md:mt-24 text-center">
2413            <div class="inline-block p-1 rounded-2xl bg-gradient-to-r from-[#5b21b6] to-[#8b5cf6]">
2414                <button onclick="downloadApp()" class="px-8 py-4 md:px-12 md:py-5 bg-[#020617] hover:bg-[#1e1b4b] text-[#f3e8ff] font-bold rounded-xl transition-all duration-300 active:scale-95 shadow-inner" title="zk888 APK ڈاؤن لوڈ کریں اور گائیڈ دیکھیں">
2415                    zk888 APK ڈاؤن لوڈ کریں اور گائیڈ دیکھیں
2416                </button>
2417            </div>
2418            <p class="mt-4 text-xs md:text-sm text-[#c4b5fd] opacity-60 italic">
2419                iOS اور Android پر دستیاب - اپ ڈیٹڈ 2024
2420            </p>
2421        </footer>
2422    </div>
2423</section>
2424<section class="py-12 px-4 sm:px-6 lg:px-8 bg-[#020617]" id="winning-cases">
2425    <header class="max-w-2xl mx-auto text-center mb-10">
2426        <div class="flex items-center justify-center gap-3 mb-3 text-[#c4b5fd] font-medium text-sm tracking-widest uppercase">
2427            <div class="h-px w-8 bg-[#5b21b6]"></div>
2428            <span>---- 🏆 ----</span>
2429            <div class="h-px w-8 bg-[#5b21b6]"></div>
2430        </div>
2431        <h2 class="text-2xl md:text-3xl lg:text-4xl font-bold text-[#f3e8ff] mb-4 leading-tight">
2432            تازہ ترین جیتنے والے
2433        </h2>
2434        <p class="text-sm md:text-base text-[#c4b5fd] opacity-90 px-4" title="ہماری لائیو جیت کی فہرست پر نظر ڈالیں">
2435            ہماری لائیو جیت کی فہرست پر نظر ڈالیں
2436        </p>
2437    </header>
2438    <div class="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6">
2439        <article class="relative overflow-hidden rounded-2xl border border-[#5b21b6] bg-[#1e1b4b] p-5 transition-transform hover:scale-[1.02] duration-300 shadow-lg shadow-[#8b5cf6]/10" title="Winning case of عامر_786">
2440            <div class="flex items-start gap-3 mb-4">
2441                <div class="flex-shrink-0 w-11 h-11 rounded-full bg-[#020617] border border-[#8b5cf6] flex items-center justify-center text-xl shadow-inner">
2442                    <span>🧔</span>
2443                </div>
2444                <div class="flex-1 min-w-0">
2445                    <h3 class="text-[#f3e8ff] font-semibold text-sm md:text-base truncate" title="Winner عامر_786">
2446                        عامر_786
2447                    </h3>
2448                    <div class="flex items-center gap-2 mt-0.5">
2449                        <span class="text-[11px] font-medium px-2 py-0.5 rounded-full bg-[#8b5cf6]/20 text-[#c4b5fd] border border-[#8b5cf6]/30">
2450                            کلاسک سلوٹس
2451                        </span>
2452                        <span class="text-[10px] text-[#c4b5fd] opacity-60 flex items-center gap-1">
2453                            🕒 2 منٹ پہلے
2454                        </span>
2455                    </div>
2456                </div>
2457            </div>
2458            <div class="mb-4">
2459                <div class="text-2xl md:text-3xl font-black text-[#8b5cf6] tracking-tight flex items-center gap-1" title="Prize amount won">
2460                    ₨ 15,500
2461                </div>
2462            </div>
2463            <div class="relative pl-4 border-l-2 border-[#8b5cf6]/30">
2464                <p class="text-xs md:text-sm text-[#c4b5fd] italic leading-relaxed opacity-90" title="میرا پہلا بڑا انعام! یہ واقعی حیرت انگیز تجربہ تھا!">
2465                    میرا پہلا بڑا انعام! یہ واقعی حیرت انگیز تجربہ تھا!
2466                </p>
2467            </div>
2468        </article>
2469        <article class="relative overflow-hidden rounded-2xl border border-[#5b21b6] bg-[#1e1b4b] p-5 transition-transform hover:scale-[1.02] duration-300 shadow-lg shadow-[#8b5cf6]/10" title="Winning case of سارہ_خان">
2470            <div class="absolute top-0 right-0 bg-[#8b5cf6] text-[#f3e8ff] text-[10px] font-bold uppercase tracking-tighter px-3 py-1 rounded-bl-lg shadow-sm">
2471                Jackpot
2472            </div>
2473            <div class="flex items-start gap-3 mb-4">
2474                <div class="flex-shrink-0 w-11 h-11 rounded-full bg-[#020617] border border-[#8b5cf6] flex items-center justify-center text-xl shadow-inner">
2475                    <span>👩</span>
2476                </div>
2477                <div class="flex-1 min-w-0">
2478                    <h3 class="text-[#f3e8ff] font-semibold text-sm md:text-base truncate" title="Winner سارہ_خان">
2479                        سارہ_خان
2480                    </h3>
2481                    <div class="flex items-center gap-2 mt-0.5">
2482                        <span class="text-[11px] font-medium px-2 py-0.5 rounded-full bg-[#8b5cf6]/20 text-[#c4b5fd] border border-[#8b5cf6]/30">
2483                            روئل بیکریٹ
2484                        </span>
2485                        <span class="text-[10px] text-[#c4b5fd] opacity-60 flex items-center gap-1">
2486                            🕒 10 منٹ پہلے
2487                        </span>
2488                    </div>
2489                </div>
2490            </div>
2491            <div class="mb-4">
2492                <div class="text-2xl md:text-3xl font-black text-[#8b5cf6] tracking-tight flex items-center gap-1" title="Prize amount won">
2493                    ₨ 85,000
2494                </div>
2495            </div>
2496            <div class="relative pl-4 border-l-2 border-[#8b5cf6]/30">
2497                <p class="text-xs md:text-sm text-[#c4b5fd] italic leading-relaxed opacity-90" title="اتنی بڑی جیت کی توقع نہیں تھی، شکریہ zk888!">
2498                    اتنی بڑی جیت کی توقع نہیں تھی، شکریہ zk888!
2499                </p>
2500            </div>
2501        </article>
2502        <article class="relative overflow-hidden rounded-2xl border border-[#5b21b6] bg-[#1e1b4b] p-5 transition-transform hover:scale-[1.02] duration-300 shadow-lg shadow-[#8b5cf6]/10" title="Winning case of اسد_کئی">
2503            <div class="flex items-start gap-3 mb-4">
2504                <div class="flex-shrink-0 w-11 h-11 rounded-full bg-[#020617] border border-[#8b5cf6] flex items-center justify-center text-xl shadow-inner">
2505                    <span>😎</span>
2506                </div>
2507                <div class="flex-1 min-w-0">
2508                    <h3 class="text-[#f3e8ff] font-semibold text-sm md:text-base truncate" title="Winner اسد_کئی">
2509                        اسد_کئی
2510                    </h3>
2511                    <div class="flex items-center gap-2 mt-0.5">
2512                        <span class="text-[11px] font-medium px-2 py-0.5 rounded-full bg-[#8b5cf6]/20 text-[#c4b5fd] border border-[#8b5cf6]/30">
2513                            مچھلی کا شکار
2514                        </span>
2515                        <span class="text-[10px] text-[#c4b5fd] opacity-60 flex items-center gap-1">
2516                            🕒 15 منٹ پہلے
2517                        </span>
2518                    </div>
2519                </div>
2520            </div>
2521            <div class="mb-4">
2522                <div class="text-2xl md:text-3xl font-black text-[#8b5cf6] tracking-tight flex items-center gap-1" title="Prize amount won">
2523                    ₨ 4,200
2524                </div>
2525            </div>
2526            <div class="relative pl-4 border-l-2 border-[#8b5cf6]/30">
2527                <p class="text-xs md:text-sm text-[#c4b5fd] italic leading-relaxed opacity-90" title="بہت ہی دلچسپ گیم ہے اور پیسے بھی فوراً مل گئے۔">
2528                    بہت ہی دلچسپ گیم ہے اور پیسے بھی فوراً مل گئے۔
2529                </p>
2530            </div>
2531        </article>
2532        <article class="relative overflow-hidden rounded-2xl border border-[#5b21b6] bg-[#1e1b4b] p-5 transition-transform hover:scale-[1.02] duration-300 shadow-lg shadow-[#8b5cf6]/10" title="Winning case of حمزہ_pk">
2533            <div class="flex items-start gap-3 mb-4">
2534                <div class="flex-shrink-0 w-11 h-11 rounded-full bg-[#020617] border border-[#8b5cf6] flex items-center justify-center text-xl shadow-inner">
2535                    <span>👨</span>
2536                </div>
2537                <div class="flex-1 min-w-0">
2538                    <h3 class="text-[#f3e8ff] font-semibold text-sm md:text-base truncate" title="Winner حمزہ_pk">
2539                        حمزہ_pk
2540                    </h3>
2541                    <div class="flex items-center gap-2 mt-0.5">
2542                        <span class="text-[11px] font-medium px-2 py-0.5 rounded-full bg-[#8b5cf6]/20 text-[#c4b5fd] border border-[#8b5cf6]/30">
2543                            پوکر ماسٹر
2544                        </span>
2545                        <span class="text-[10px] text-[#c4b5fd] opacity-60 flex items-center gap-1">
2546                            🕒 25 منٹ پہلے
2547                        </span>
2548                    </div>
2549                </div>
2550            </div>
2551            <div class="mb-4">
2552                <div class="text-2xl md:text-3xl font-black text-[#8b5cf6] tracking-tight flex items-center gap-1" title="Prize amount won">
2553                    ₨ 12,000
2554                </div>
2555            </div>
2556            <div class="relative pl-4 border-l-2 border-[#8b5cf6]/30">
2557                <p class="text-xs md:text-sm text-[#c4b5fd] italic leading-relaxed opacity-90" title="زبردست گیم پلے اور بہترین ادائیگی کا نظام ہے۔">
2558                    زبردست گیم پلے اور بہترین ادائیگی کا نظام ہے۔
2559                </p>
2560            </div>
2561        </article>
2562        <article class="relative overflow-hidden rounded-2xl border border-[#5b21b6] bg-[#1e1b4b] p-5 transition-transform hover:scale-[1.02] duration-300 shadow-lg shadow-[#8b5cf6]/10" title="Winning case of زینب_علی">
2563            <div class="absolute top-0 right-0 bg-[#8b5cf6] text-[#f3e8ff] text-[10px] font-bold uppercase tracking-tighter px-3 py-1 rounded-bl-lg shadow-sm">
2564                Jackpot
2565            </div>
2566            <div class="flex items-start gap-3 mb-4">
2567                <div class="flex-shrink-0 w-11 h-11 rounded-full bg-[#020617] border border-[#8b5cf6] flex items-center justify-center text-xl shadow-inner">
2568                    <span>🙂</span>
2569                </div>
2570                <div class="flex-1 min-w-0">
2571                    <h3 class="text-[#f3e8ff] font-semibold text-sm md:text-base truncate" title="Winner زینب_علی">
2572                        زینب_علی
2573                    </h3>
2574                    <div class="flex items-center gap-2 mt-0.5">
2575                        <span class="text-[11px] font-medium px-2 py-0.5 rounded-full bg-[#8b5cf6]/20 text-[#c4b5fd] border border-[#8b5cf6]/30">
2576                            گیٹ آف اولمپیا
2577                        </span>
2578                        <span class="text-[10px] text-[#c4b5fd] opacity-60 flex items-center gap-1">
2579                            🕒 1 گھنٹہ پہلے
2580                        </span>
2581                    </div>
2582                </div>
2583            </div>
2584            <div class="mb-4">
2585                <div class="text-2xl md:text-3xl font-black text-[#8b5cf6] tracking-tight flex items-center gap-1" title="Prize amount won">
2586                    ₨ 210,000
2587                </div>
2588            </div>
2589            <div class="relative pl-4 border-l-2 border-[#8b5cf6]/30">
2590                <p class="text-xs md:text-sm text-[#c4b5fd] italic leading-relaxed opacity-90" title="میرا جیٹ پاٹ لگا! میری زندگی کا سب سے بڑا انعام!">
2591                    میرا جیٹ پاٹ لگا! میری زندگی کا سب سے بڑا انعام!
2592                </p>
2593            </div>
2594        </article>
2595        <article class="relative overflow-hidden rounded-2xl border border-[#5b21b6] bg-[#1e1b4b] p-5 transition-transform hover:scale-[1.02] duration-300 shadow-lg shadow-[#8b5cf6]/10" title="Winning case of عمر_لاہوری">
2596            <div class="flex items-start gap-3 mb-4">
2597                <div class="flex-shrink-0 w-11 h-11 rounded-full bg-[#020617] border border-[#8b5cf6] flex items-center justify-center text-xl shadow-inner">
2598                    <span>🧑</span>
2599                </div>
2600                <div class="flex-1 min-w-0">
2601                    <h3 class="text-[#f3e8ff] font-semibold text-sm md:text-base truncate" title="Winner عمر_لاہوری">
2602                        عمر_لاہوری
2603                    </h3>
2604                    <div class="flex items-center gap-2 mt-0.5">
2605                        <span class="text-[11px] font-medium px-2 py-0.5 rounded-full bg-[#8b5cf6]/20 text-[#c4b5fd] border border-[#8b5cf6]/30">
2606                            روئٹ لکی
2607                        </span>
2608                        <span class="text-[10px] text-[#c4b5fd] opacity-60 flex items-center gap-1">
2609                            🕒 2 گھنٹے پہلے
2610                        </span>
2611                    </div>
2612                </div>
2613            </div>
2614            <div class="mb-4">
2615                <div class="text-2xl md:text-3xl font-black text-[#8b5cf6] tracking-tight flex items-center gap-1" title="Prize amount won">
2616                    ₨ 7,800
2617                </div>
2618            </div>
2619            <div class="relative pl-4 border-l-2 border-[#8b5cf6]/30">
2620                <p class="text-xs md:text-sm text-[#c4b5fd] italic leading-relaxed opacity-90" title="ہر روز کھیلتا ہوں اور چھوٹے چھوٹے انعامات ملتے رہتے ہیں۔">
2621                    ہر روز کھیلتا ہوں اور چھوٹے چھوٹے انعامات ملتے رہتے ہیں۔
2622                </p>
2623            </div>
2624        </article>
2625    </div>
2626</section>
2627<section class="py-12 px-4 bg-[#020617] font-sans overflow-hidden">
2628    <div class="max-w-6xl mx-auto">
2629        <header class="text-center mb-10">
2630            <h2 class="text-xl md:text-2xl font-bold text-[#f3e8ff] mb-2 tracking-tight" title="کھلاڑیوں کی رائے">
2631                کھلاڑیوں کی رائے
2632            </h2>
2633            <p class="text-sm md:text-base text-[#c4b5fd] opacity-80 max-w-md mx-auto" title="ہمارے عالمی کمیونٹی کے ممبرز کے حقیقی تجربات">
2634                ہمارے عالمی کمیونٹی کے ممبرز کے حقیقی تجربات
2635            </p>
2636            <div class="mt-4 flex justify-center">
2637                <div class="h-1 w-12 bg-[#8b5cf6] rounded-full"></div>
2638            </div>
2639        </header>
2640        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
2641            <article class="flex flex-col bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 transition-all hover:border-[#8b5cf6] hover:shadow-[0_0_20px_rgba(139,92,246,0.15)]" title="Review by Maya Ali">
2642                <div class="flex items-center justify-between mb-4">
2643                    <div class="flex items-center gap-3">
2644                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#8b5cf6] flex items-center justify-center text-[#f3e8ff] font-bold text-sm border-2 border-[#c4b5fd]">
2645                            👩
2646                        </div>
2647                        <div class="flex flex-col">
2648                            <span class="text-[#f3e8ff] font-semibold text-sm leading-tight">Maya Ali</span>
2649                            <span class="text-[10px] text-[#c4b5fd] opacity-60 uppercase tracking-wider">2 دن پہلے</span>
2650                        </div>
2651                    </div>
2652                    <div class="flex items-center gap-1 bg-[#020617] px-2 py-1 rounded-lg border border-[#5b21b6]">
2653                        <span class="text-[#8b5cf6] text-xs font-bold">5.0</span>
2654                        <svg class="w-3 h-3 text-[#8b5cf6]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2655                            <path d="M9.049 2.95a.75.75 0 01.101.43l1.173 6.45a.75.75 0 01-1.202.43l-1.173-6.45a.75.75 0 01.101-.43zM11.051 2.95a.75.75 0 00-.101.43l-1.173 6.45a.75.75 0 001.202.43l1.173-6.45a.75.75 0 00-.101-.43zM13 7a1 1 0 011 1v3a1 1 0 01-2 0v-3a1 1 0 011-1z"></path>
2656                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z" clip-rule="evenodd"></path>
2657                        </svg>
2658                    </div>
2659                </div>
2660                <div class="flex-grow">
2661                    <p class="text-[#c4b5fd] text-sm leading-relaxed italic" title="zk888 apk کا تجربہ بہت شاندار رہا۔ گیمز کی ورائٹی بہت زیادہ ہے اور انٹرفیس استعمال کرنے میں بہت آسان ہے، میں اسے سب کو تجویز کرتی Û
2661ÙˆÚºÛ”">
2662                        "zk888 apk کا تجربہ بہت شاندار رہا۔ گیمز کی ورائٹی بہت زیادہ ہے اور انٹرفیس استعمال کرنے میں بہت آسان ہے، میں اسے سب کو تجویز کرتی ہوں۔"
2663                    </p>
2664                </div>
2665                <div class="mt-6 pt-4 border-t border-[#5b21b6] flex items-center justify-between">
2666                    <div class="flex items-center gap-1.5 text-[#8b5cf6] text-[11px] font-medium bg-[#8b5cf6]/10 px-2 py-0.5 rounded-full">
2667                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2668                            <path fill-rule="evenodd" d="M2.166 4.95c-.015.004-.03.01-.045.015a1 1 0 00-.045.015 1 1 0 00-.045.015 1 1 0 00-.045.015.015.015 0 01-.01.015.015.015 0 01-.01-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015.015.015 0 01-.01-.015.015.015 0 01.01-.015 1 1 0 00.045.015 1 1 0 00.045.015 1 1 0 00.045.015.015.015 0 01.01.015.015.015 0 01.01-.015 1 1 0 00.045-.015 1 1 0 00.045-.015 1 1 0 00.045-.015.015.015 0 01.01-.015.015.015 0 01-.01-.015z" clip-rule="evenodd"></path>
2669                            <path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z"></path>
2670                        </svg>
2671                        Verified Player
2672                    </div>
2673                    <div class="flex items-center gap-1 text-xs text-[#c4b5fd] opacity-70">
2674                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2675                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 18H9m0 0h-2.785a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.737 6H12"></path>
2676                        </svg>
2677                        124
2678                    </div>
2679                </div>
2680            </article>
2681            <article class="flex flex-col bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 transition-all hover:border-[#8b5cf6] hover:shadow-[0_0_20px_rgba(139,92,246,0.15)]" title="Review by Javed Sheikh">
2682                <div class="flex items-center justify-between mb-4">
2683                    <div class="flex items-center gap-3">
2684                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#8b5cf6] flex items-center justify-center text-[#f3e8ff] font-bold text-sm border-2 border-[#c4b5fd]">
2685                            🧔
2686                        </div>
2687                        <div class="flex flex-col">
2688                            <span class="text-[#f3e8ff] font-semibold text-sm leading-tight">Javed Sheikh</span>
2689                            <span class="text-[10px] text-[#c4b5fd] opacity-60 uppercase tracking-wider">5 گھنٹے پہلے</span>
2690                        </div>
2691                    </div>
2692                    <div class="flex items-center gap-1 bg-[#020617] px-2 py-1 rounded-lg border border-[#5b21b6]">
2693                        <span class="text-[#8b5cf6] text-xs font-bold">4.8</span>
2694                        <svg class="w-3 h-3 text-[#8b5cf6]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2695                            <path d="M9.049 2.95a.75.75 0 01.101.43l1.173 6.45a.75.75 0 01-1.202.43l-1.173-6.45a.75.75 0 01.101-.43zM11.051 2.95a.75.75 0 00-.101.43l-1.173 6.45a.75.75 0 001.202.43l1.173-6.45a.75.75 0 00-.101-.43zM13 7a1 1 0 011 1v3a1 1 0 01-2 0v-3a1 1 0 011-1z"></path>
2696                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z" clip-rule="evenodd"></path>
2697                        </svg>
2698                    </div>
2699                </div>
2700                <div class="flex-grow">
2701                    <p class="text-[#c4b5fd] text-sm leading-relaxed italic" title="اس ایپ کی سب سے اچھی بات اس کی رفتار ہÛ
2701’Û” پیسے نکالنے کا طریقہ بہت تیز ہے اور کسٹمر سپورٹ ٹیم بھی بہت مددگار ثابت ہوئی ہے۔">
2702                        "اس ایپ کی سب سے اچھی بات اس کی رفتار ہے۔ پیسے نکالنے کا طریقہ بہت تیز ہے اور کسٹمر سپورٹ ٹیم بھی بہت مددگار ثابت ہوئی ہے۔"
2703                    </p>
2704                </div>
2705                <div class="mt-6 pt-4 border-t border-[#5b21b6] flex items-center justify-between">
2706                    <div class="flex items-center gap-1.5 text-[#8b5cf6] text-[11px] font-medium bg-[#8b5cf6]/10 px-2 py-0.5 rounded-full">
2707                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2708                            <path fill-rule="evenodd" d="M2.166 4.95c-.015.004-.03.01-.045.015a1 1 0 00-.045.015 1 1 0 00-.045.015 1 1 0 00-.045.015.015.015 0 01-.01.015.015.015 0 01-.01-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015.015.015 0 01-.01-.015.015.015 0 01.01-.015 1 1 0 00.045.015 1 1 0 00.045.015 1 1 0 00.045.015.015.015 0 01.01.015.015.015 0 01.01-.015 1 1 0 00.045-.015 1 1 0 00.045-.015 1 1 0 00.045-.015.015.015 0 01.01-.015.015.015 0 01-.01-.015z" clip-rule="evenodd"></path>
2709                            <path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z"></path>
2710                        </svg>
2711                        Verified Player
2712                    </div>
2713                    <div class="flex items-center gap-1 text-xs text-[#c4b5fd] opacity-70">
2714                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2715                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 18H9m0 0h-2.785a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.737 6H12"></path>
2716                        </svg>
2717                        82
2718                    </div>
2719                </div>
2720            </article>
2721            <article class="flex flex-col bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 transition-all hover:border-[#8b5cf6] hover:shadow-[0_0_20px_rgba(139,92,246,0.15)]" title="Review by Hania Aamir">
2722                <div class="flex items-center justify-between mb-4">
2723                    <div class="flex items-center gap-3">
2724                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#8b5cf6] flex items-center justify-center text-[#f3e8ff] font-bold text-sm border-2 border-[#c4b5fd]">
2725                            👩
2726                        </div>
2727                        <div class="flex flex-col">
2728                            <span class="text-[#f3e8ff] font-semibold text-sm leading-tight">Hania Aamir</span>
2729                            <span class="text-[10px] text-[#c4b5fd] opacity-60 uppercase tracking-wider">1 ہفتہ پہلے</span>
2730                        </div>
2731                    </div>
2732                    <div class="flex items-center gap-1 bg-[#020617] px-2 py-1 rounded-lg border border-[#5b21b6]">
2733                        <span class="text-[#8b5cf6] text-xs font-bold">4.9</span>
2734                        <svg class="w-3 h-3 text-[#8b5cf6]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2735                            <path d="M9.049 2.95a.75.75 0 01.101.43l1.173 6.45a.75.75 0 01-1.202.43l-1.173-6.45a.75.75 0 01.101-.43zM11.051 2.95a.75.75 0 00-.101.43l-1.173 6.45a.75.75 0 001.202.43l1.173-6.45a.75.75 0 00-.101-.43zM13 7a1 1 0 011 1v3a1 1 0 01-2 0v-3a1 1 0 011-1z"></path>
2736                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z" clip-rule="evenodd"></path>
2737                        </svg>
2738                    </div>
2739                </div>
2740                <div class="flex-grow">
2741                    <p class="text-[#c4b5fd] text-sm leading-relaxed italic" title="مجھے اس کے گرافکس بہت پسند آئے اور گیم پلے بالکل ہموار ہÛ
2741’Û” موبائل پر کھیلنے کے لیے یہ بہترین پلیٹ فارم ہے، بہت ہی زبردست تجربہ۔">
2742                        "مجھے اس کے گرافکس بہت پسند آئے اور گیم پلے بالکل ہموار ہے۔ موبائل پر کھیلنے کے لیے یہ بہترین پلیٹ فارم ہے، بہت ہی زبردست تجربہ۔"
2743                    </p>
2744                </div>
2745                <div class="mt-6 pt-4 border-t border-[#5b21b6] flex items-center justify-between">
2746                    <div class="flex items-center gap-1.5 text-[#8b5cf6] text-[11px] font-medium bg-[#8b5cf6]/10 px-2 py-0.5 rounded-full">
2747                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2748                            <path fill-rule="evenodd" d="M2.166 4.95c-.015.004-.03.01-.045.015a1 1 0 00-.045.015 1 1 0 00-.045.015 1 1 0 00-.045.015.015.015 0 01-.01.015.015.015 0 01-.01-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015.015.015 0 01-.01-.015.015.015 0 01.01-.015 1 1 0 00.045.015 1 1 0 00.045.015 1 1 0 00.045.015.015.015 0 01.01.015.015.015 0 01.01-.015 1 1 0 00.045-.015 1 1 0 00.045-.015 1 1 0 00.045-.015.015.015 0 01.01-.015.015.015 0 01-.01-.015z" clip-rule="evenodd"></path>
2749                            <path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z"></path>
2750                        </svg>
2751                        Verified Player
2752                    </div>
2753                    <div class="flex items-center gap-1 text-xs text-[#c4b5fd] opacity-70">
2754                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2755                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 18H9m0 0h-2.785a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.737 6H12"></path>
2756                        </svg>
2757                        210
2758                    </div>
2759                </div>
2760            </article>
2761            <article class="flex flex-col bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 transition-all hover:border-[#8b5cf6] hover:shadow-[0_0_20px_rgba(139,92,246,0.15)]" title="Review by Wasim Akram">
2762                <div class="flex items-center justify-between mb-4">
2763                    <div class="flex items-center gap-3">
2764                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#8b5cf6] flex items-center justify-center text-[#f3e8ff] font-bold text-sm border-2 border-[#c4b5fd]">
2765                            👨
2766                        </div>
2767                        <div class="flex flex-col">
2768                            <span class="text-[#f3e8ff] font-semibold text-sm leading-tight">Wasim Akram</span>
2769                            <span class="text-[10px] text-[#c4b5fd] opacity-60 uppercase tracking-wider">3 دن پہلے</span>
2770                        </div>
2771                    </div>
2772                    <div class="flex items-center gap-1 bg-[#020617] px-2 py-1 rounded-lg border border-[#5b21b6]">
2773                        <span class="text-[#8b5cf6] text-xs font-bold">5.0</span>
2774                        <svg class="w-3 h-3 text-[#8b5cf6]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2775                            <path d="M9.049 2.95a.75.75 0 01.101.43l1.173 6.45a.75.75 0 01-1.202.43l-1.173-6.45a.75.75 0 01.101-.43zM11.051 2.95a.75.75 0 00-.101.43l-1.173 6.45a.75.75 0 001.202.43l1.173-6.45a.75.75 0 00-.101-.43zM13 7a1 1 0 011 1v3a1 1 0 01-2 0v-3a1 1 0 011-1z"></path>
2776                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z" clip-rule="evenodd"></path>
2777                        </svg>
2778                    </div>
2779                </div>
2780                <div class="flex-grow">
2781                    <p class="text-[#c4b5fd] text-sm leading-relaxed italic" title="میں نے بہت سی گیمنگ ایپس استعمال کی ہیں لیکن zk888 گیم کا معیار سب سے بہتر ہÛ
2781’Û” بونسز اور انعامات واقعی بہت دلکش ہیں۔">
2782                        "میں نے بہت سی گیمنگ ایپس استعمال کی ہیں لیکن zk888 گیم کا معیار سب سے بہتر ہے۔ بونسز اور انعامات واقعی بہت دلکش ہیں۔"
2783                    </p>
2784                </div>
2785                <div class="mt-6 pt-4 border-t border-[#5b21b6] flex items-center justify-between">
2786                    <div class="flex items-center gap-1.5 text-[#8b5cf6] text-[11px] font-medium bg-[#8b5cf6]/10 px-2 py-0.5 rounded-full">
2787                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2788                            <path fill-rule="evenodd" d="M2.166 4.95c-.015.004-.03.01-.045.015a1 1 0 00-.045.015 1 1 0 00-.045.015 1 1 0 00-.045.015.015.015 0 01-.01.015.015.015 0 01-.01-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015.015.015 0 01-.01-.015.015.015 0 01.01-.015 1 1 0 00.045.015 1 1 0 00.045.015 1 1 0 00.045.015.015.015 0 01.01.015.015.015 0 01.01-.015 1 1 0 00.045-.015 1 1 0 00.045-.015 1 1 0 00.045-.015.015.015 0 01.01-.015.015.015 0 01-.01-.015z" clip-rule="evenodd"></path>
2789                            <path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z"></path>
2790                        </svg>
2791                        Verified Player
2792                    </div>
2793                    <div class="flex items-center gap-1 text-xs text-[#c4b5fd] opacity-70">
2794                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2795                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 18H9m0 0h-2.785a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.737 6H12"></path>
2796                        </svg>
2797                        156
2798                    </div>
2799                </div>
2800            </article>
2801            <article class="flex flex-col bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 transition-all hover:border-[#8b5cf6] hover:shadow-[0_0_20px_rgba(139,92,246,0.15)]" title="Review by Zaman Khan">
2802                <div class="flex items-center justify-between mb-4">
2803                    <div class="flex items-center gap-3">
2804                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#8b5cf6] flex items-center justify-center text-[#f3e8ff] font-bold text-sm border-2 border-[#c4b5fd]">
2805                            🧔
2806                        </div>
2807                        <div class="flex flex-col">
2808                            <span class="text-[#f3e8ff] font-semibold text-sm leading-tight">Zaman Khan</span>
2809                            <span class="text-[10px] text-[#c4b5fd] opacity-60 uppercase tracking-wider">4 دن پہلے</span>
2810                        </div>
2811                    </div>
2812                    <div class="flex items-center gap-1 bg-[#020617] px-2 py-1 rounded-lg border border-[#5b21b6]">
2813                        <span class="text-[#8b5cf6] text-xs font-bold">4.7</span>
2814                        <svg class="w-3 h-3 text-[#8b5cf6]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2815                            <path d="M9.049 2.95a.75.75 0 01.101.43l1.173 6.45a.75.75 0 01-1.202.43l-1.173-6.45a.75.75 0 01.101-.43zM11.051 2.95a.75.75 0 00-.101.43l-1.173 6.45a.75.75 0 001.202.43l1.173-6.45a.75.75 0 00-.101-.43zM13 7a1 1 0 011 1v3a1 1 0 01-2 0v-3a1 1 0 011-1z"></path>
2816                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z" clip-rule="evenodd"></path>
2817                        </svg>
2818                    </div>
2819                </div>
2820                <div class="flex-grow">
2821                    <p class="text-[#c4b5fd] text-sm leading-relaxed italic" title="پہلے میں تھوڑا پریشان تھا لیکن اب میں مطمئن ہوں۔ اس ایپ کا سیکیورٹی سسٹم بہت مضبوط ہے اور ادائی
2821گی بروقت ملتی ہے۔">
2822                        "پہلے میں تھوڑا پریشان تھا لیکن اب میں مطمئن ہوں۔ اس ایپ کا سیکیورٹی سسٹم بہت مضبوط ہے اور ادائیگی بروقت ملتی ہے۔"
2823                    </p>
2824                </div>
2825                <div class="mt-6 pt-4 border-t border-[#5b21b6] flex items-center justify-between">
2826                    <div class="flex items-center gap-1.5 text-[#8b5cf6] text-[11px] font-medium bg-[#8b5cf6]/10 px-2 py-0.5 rounded-full">
2827                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2828                            <path fill-rule="evenodd" d="M2.166 4.95c-.015.004-.03.01-.045.015a1 1 0 00-.045.015 1 1 0 00-.045.015 1 1 0 00-.045.015.015.015 0 01-.01.015.015.015 0 01-.01-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015.015.015 0 01-.01-.015.015.015 0 01.01-.015 1 1 0 00.045.015 1 1 0 00.045.015 1 1 0 00.045.015.015.015 0 01.01.015.015.015 0 01.01-.015 1 1 0 00.045-.015 1 1 0 00.045-.015 1 1 0 00.045-.015.015.015 0 01.01-.015.015.015 0 01-.01-.015z" clip-rule="evenodd"></path>
2829                            <path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z"></path>
2830                        </svg>
2831                        Verified Player
2832                    </div>
2833                    <div class="flex items-center gap-1 text-xs text-[#c4b5fd] opacity-70">
2834                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2835                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 18H9m0 0h-2.785a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.737 6H12"></path>
2836                        </svg>
2837                        67
2838                    </div>
2839                </div>
2840            </article>
2841            <article class="flex flex-col bg-[#1e1b4b] border border-[#5b21b6] rounded-2xl p-5 transition-all hover:border-[#8b5cf6] hover:shadow-[0_0_20px_rgba(139,92,246,0.15)]" title="Review by Mushtaq Ahmed">
2842                <div class="flex items-center justify-between mb-4">
2843                    <div class="flex items-center gap-3">
2844                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#8b5cf6] flex items-center justify-center text-[#f3e8ff] font-bold text-sm border-2 border-[#c4b5fd]">
2845                            👨
2846                        </div>
2847                        <div class="flex flex-col">
2848                            <span class="text-[#f3e8ff] font-semibold text-sm leading-tight">Mushtaq Ahmed</span>
2849                            <span class="text-[10px] text-[#c4b5fd] opacity-60 uppercase tracking-wider">12 گھنٹے پہلے</span>
2850                        </div>
2851                    </div>
2852                    <div class="flex items-center gap-1 bg-[#020617] px-2 py-1 rounded-lg border border-[#5b21b6]">
2853                        <span class="text-[#8b5cf6] text-xs font-bold">4.9</span>
2854                        <svg class="w-3 h-3 text-[#8b5cf6]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2855                            <path d="M9.049 2.95a.75.75 0 01.101.43l1.173 6.45a.75.75 0 01-1.202.43l-1.173-6.45a.75.75 0 01.101-.43zM11.051 2.95a.75.75 0 00-.101.43l-1.173 6.45a.75.75 0 001.202.43l1.173-6.45a.75.75 0 00-.101-.43zM13 7a1 1 0 011 1v3a1 1 0 01-2 0v-3a1 1 0 011-1z"></path>
2856                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z" clip-rule="evenodd"></path>
2857                        </svg>
2858                    </div>
2859                </div>
2860                <div class="flex-grow">
2861                    <p class="text-[#c4b5fd] text-sm leading-relaxed italic" title="بہترین گرافکس اور بہترین آوازیں! یہ ایپ میرے فارغ وقت کو بہت دلچسپ بنا دیتی ہے، ڈاؤن لوڈ کرنے کے لیے یہ بہترین انتخاب ہے۔">
2862                        "بہترین گرافکس اور بہترین آوازیں! یہ ایپ میرے فارغ وقت کو بہت دلچسپ بنا دیتی ہے، ڈاؤن لوڈ کرنے کے لیے یہ بہترین انتخاب ہے۔"
2863                    </p>
2864                </div>
2865                <div class="mt-6 pt-4 border-t border-[#5b21b6] flex items-center justify-between">
2866                    <div class="flex items-center gap-1.5 text-[#8b5cf6] text-[11px] font-medium bg-[#8b5cf6]/10 px-2 py-0.5 rounded-full">
2867                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2868                            <path fill-rule="evenodd" d="M2.166 4.95c-.015.004-.03.01-.045.015a1 1 0 00-.045.015 1 1 0 00-.045.015 1 1 0 00-.045.015.015.015 0 01-.01.015.015.015 0 01-.01-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015 1 1 0 00-.045-.015.015.015 0 01-.01-.015.015.015 0 01.01-.015 1 1 0 00.045.015 1 1 0 00.045.015 1 1 0 00.045.015.015.015 0 01.01.015.015.015 0 01.01-.015 1 1 0 00.045-.015 1 1 0 00.045-.015 1 1 0 00.045-.015.015.015 0 01.01-.015.015.015 0 01-.01-.015z" clip-rule="evenodd"></path>
2869                            <path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.06A7.001 7.001 0 009 10a7 7 0 002 6.94V15a1 1 0 102 0v-.06A7.001 7.001 0 0011 10a7 7 0 00-2-6.94V5z"></path>
2870                        </svg>
2871                        Verified Player
2872                    </div>
2873                    <div class="flex items-center gap-1 text-xs text-[#c4b5fd] opacity-70">
2874                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2875                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 18H9m0 0h-2.785a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.737 6H12"></path>
2876                        </svg>
2877                        93
2878                    </div>
2879                </div>
2880            </article>
2881        </div>
2882    </div>
2883</section>
2884<section class="py-12 px-4 md:py-20 md:px-8 bg-[#020617] overflow-hidden">
2885    <div class="max-w-3xl mx-auto">
2886        <header class="text-center mb-10 md:mb-16">
2887            <h2 class="text-3xl md:text-4xl font-bold text-[#f3e8ff] mb-4 tracking-tight" title="zk888 کے بارے میں اکثر پوچھے گئے سوالات">
2888                zk888 کے بارے میں اکثر پوچھے گئے سوالات
2889            </h2>
2890            <p class="text-sm md:text-base text-[#c4b5fd] leading-relaxed max-w-2xl mx-auto" title="آپ کے تمام سوالات کے جوابات یہاں موجود ہیں تاکہ آپ کا گیمنگ تجربہ بہترین رہے">
2891                آپ کے تمام سوالات کے جوابات یہاں موجود ہیں تاکہ آپ کا گیمنگ تجربہ بہترین رہے
2892            </p>
2893            <div class="mt-6 flex justify-center">
2894                <div class="h-1 w-20 bg-[#8b5cf6] rounded-full opacity-70"></div>
2895            </div>
2896        </header>
2897        <div class="space-y-4">
2898            <article class="group transition-all duration-300">
2899                <details class="group cursor-pointer" open="">
2900                    <summary class="flex items-center justify-between p-4 md:p-6 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] text-[#f3e8ff] hover:bg-[#2e2a6a] transition-colors list-none" title="Click to read answer about کیا میری رقم اور ڈیٹا zk888 پر محفوظ ہے؟ 🛡️">
2901                        <span class="text-base md:text-lg font-medium pr-4">
2902                            کیا میری رقم اور ڈیٹا zk888 پر محفوظ ہے؟ 🛡️
2903                        </span>
2904                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] transition-transform duration-300 group-open:rotate-180">
2905                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2906                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2907                            </svg>
2908                        </div>
2909                    </summary>
2910                    <div class="px-4 py-6 md:px-6 md:py-8 rounded-b-2xl bg-[#1e1b4b] border-x border-b border-[#5b21b6] text-[#c4b5fd] leading-relaxed text-sm md:text-base transition-all duration-500 ease-in-out" title="جی ہاں، ہم آپ کے ڈیٹا اور فنڈز کی حفاظت کے لیے جدید ترین انکرپشن ٹیکنالوجی استعمال کرتے ہیں۔ آپ کی تمام معلومات مکمل طور پر خفیہ اور محفوظ رکھی جاتی ہیں تاکہ آپ بے فکر ہو کر کھیل سکیں۔">
2911                        <div class="flex gap-3">
2912                            <span class="text-[#8b5cf6] font-bold opacity-50">✦</span>
2913                            <p>
2914                                جی ہاں، ہم آپ کے ڈیٹا اور فنڈز کی حفاظت کے لیے جدید ترین انکرپشن ٹیکنالوجی استعمال کرتے ہیں۔ آپ کی تمام معلومات مکمل طور پر خفیہ اور محفوظ رکھی جاتی ہیں تاکہ آپ بے فکر ہو کر کھیل سکیں۔
2915                            </p>
2916                        </div>
2917                    </div>
2918                </details>
2919            </article>
2920            <article class="group transition-all duration-300">
2921                <details class="group cursor-pointer" open="">
2922                    <summary class="flex items-center justify-between p-4 md:p-6 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] text-[#f3e8ff] hover:bg-[#2e2a6a] transition-colors list-none" title="Click to read answer about میں اپنا اکاؤنٹ کیسے رجسٹر یا ویریفائی کر سکتا ہوں؟ 👤">
2923                        <span class="text-base md:text-lg font-medium pr-4">
2924                            میں اپنا اکاؤنٹ کیسے رجسٹر یا ویریفائی کر سکتا ہوں؟ 👤
2925                        </span>
2926                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] transition-transform duration-300 group-open:rotate-180">
2927                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2928                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2929                            </svg>
2930                        </div>
2931                    </summary>
2932                    <div class="px-4 py-6 md:px-6 md:py-8 rounded-b-2xl bg-[#1e1b4b] border-x border-b border-[#5b21b6] text-[#c4b5fd] leading-relaxed text-sm md:text-base transition-all duration-500 ease-in-out" title="اکاؤنٹ بنانا بہت آسان ہے! بس 'رجسٹر' بٹن پر کلک کریں، اپنی بنیادی معلومات درج کریں اور اپنے فون نمبر یا ای میل کے ذریعے تصدیق مکمل کریں۔ آپ فوراً گیمنگ شروع کر سکتے ہیں۔">
2933                        <div class="flex gap-3">
2934                            <span class="text-[#8b5cf6] font-bold opacity-50">✦</span>
2935                            <p>
2936                                اکاؤنٹ بنانا بہت آسان ہے! بس 'رجسٹر' بٹن پر کلک کریں، اپنی بنیادی معلومات درج کریں اور اپنے فون نمبر یا ای میل کے ذریعے تصدیق مکمل کریں۔ آپ فوراً گیمنگ شروع کر سکتے ہیں۔
2937                            </p>
2938                        </div>
2939                    </div>
2940                </details>
2941            </article>
2942            <article class="group transition-all duration-300">
2943                <details class="group cursor-pointer" open="">
2944                    <summary class="flex items-center justify-between p-4 md:p-6 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] text-[#f3e8ff] hover:bg-[#2e2a6a] transition-colors list-none" title="Click to read answer about رقم جمع کرنے اور نکلوانے میں کتنا وقت لگتا ہے؟ 💰">
2945                        <span class="text-base md:text-lg font-medium pr-4">
2946                            رقم جمع کرنے اور نکلوانے میں کتنا وقت لگتا ہے؟ 💰
2947                        </span>
2948                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] transition-transform duration-300 group-open:rotate-180">
2949                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2950                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2951                            </svg>
2952                        </div>
2953                    </summary>
2954                    <div class="px-4 py-6 md:px-6 md:py-8 rounded-b-2xl bg-[#1e1b4b] border-x border-b border-[#5b21b6] text-[#c4b5fd] leading-relaxed text-sm md:text-base transition-all duration-500 ease-in-out" title="ہم انتہائی تیز رفتار ٹرانزیکشنز فراہم کرتے ہیں۔ ڈپازٹ فوری طور پر ہو جاتا ہے، جبکہ ودڈرال کی درخواستیں عام طور پر چند منٹوں سے لے کر چند گھنٹوں کے اندر پروسیس کر دی جاتی ہیں۔">
2955                        <div class="flex gap-3">
2956                            <span class="text-[#8b5cf6] font-bold opacity-50">✦</span>
2957                            <p>
2958                                ہم انتہائی تیز رفتار ٹرانزیکشنز فراہم کرتے ہیں۔ ڈپازٹ فوری طور پر ہو جاتا ہے، جبکہ ودڈرال کی درخواستیں عام طور پر چند منٹوں سے لے کر چند گھنٹوں کے اندر پروسیس کر دی جاتی ہیں۔
2959                            </p>
2960                        </div>
2961                    </div>
2962                </details>
2963            </article>
2964            <article class="group transition-all duration-300">
2965                <details class="group cursor-pointer" open="">
2966                    <summary class="flex items-center justify-between p-4 md:p-6 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] text-[#f3e8ff] hover:bg-[#2e2a6a] transition-colors list-none" title="Click to read answer about کیا یہاں موجود گیمز منصفانہ اور شفاف ہیں؟ 🎰">
2967                        <span class="text-base md:text-lg font-medium pr-4">
2968                            کیا یہاں موجود گیمز منصفانہ اور شفاف ہیں؟ 🎰
2969                        </span>
2970                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] transition-transform duration-300 group-open:rotate-180">
2971                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2972                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2973                            </svg>
2974                        </div>
2975                    </summary>
2976                    <div class="px-4 py-6 md:px-6 md:py-8 rounded-b-2xl bg-[#1e1b4b] border-x border-b border-[#5b21b6] text-[#c4b5fd] leading-relaxed text-sm md:text-base transition-all duration-500 ease-in-out" title="بالکل! zk888 پر تمام گیمز RNG (رینڈم نمبر جنریٹر) ٹیکنالوجی پر مبنی ہیں، جو اس بات کو یقینی بناتی ہے کہ ہر نتیجہ مکمل طور پر غیر جانبدار اور منصفانہ ہو۔">
2977                        <div class="flex gap-3">
2978                            <span class="text-[#8b5cf6] font-bold opacity-50">✦</span>
2979                            <p>
2980                                بالکل! zk888 پر تمام گیمز RNG (رینڈم نمبر جنریٹر) ٹیکنالوجی پر مبنی ہیں، جو اس بات کو یقینی بناتی ہے کہ ہر نتیجہ مکمل طور پر غیر جانبدار اور منصفانہ ہÙ
2980ˆÛ”
2981                            </p>
2982                        </div>
2983                    </div>
2984                </details>
2985            </article>
2986            <article class="group transition-all duration-300">
2987                <details class="group cursor-pointer" open="">
2988                    <summary class="flex items-center justify-between p-4 md:p-6 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] text-[#f3e8ff] hover:bg-[#2e2a6a] transition-colors list-none" title="Click to read answer about میں ویلکم بونس کیسے حاصل کر سکتا ہوں؟ 🎁">
2989                        <span class="text-base md:text-lg font-medium pr-4">
2990                            میں ویلکم بونس کیسے حاصل کر سکتا ہوں؟ 🎁
2991                        </span>
2992                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] transition-transform duration-300 group-open:rotate-180">
2993                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2994                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2995                            </svg>
2996                        </div>
2997                    </summary>
2998                    <div class="px-4 py-6 md:px-6 md:py-8 rounded-b-2xl bg-[#1e1b4b] border-x border-b border-[#5b21b6] text-[#c4b5fd] leading-relaxed text-sm md:text-base transition-all duration-500 ease-in-out" title="نیا اکاؤنٹ بنانے کے بعد، اپنے پہلے ڈپازٹ پر خصوصی ویلکم بونس حاصل کرنے کے لیے 'Promotions' سیکشن میں جائیں اور متعلقہ بونس کوڈ استعمال کریں یا اسے براہ راست کلیم کریں۔">
2999                        <div class="flex gap-3">
3000                            <span class="text-[#8b5cf6] font-bold opacity-50">✦</span>
3001                            <p>
3002                                نیا اکاؤنٹ بنانے کے بعد، اپنے پہلے ڈپازٹ پر خصوصی ویلکم بونس حاصل کرنے کے لیے 'Promotions' سیکشن میں جائیں اور متعلقہ بونس کوڈ استعمال کریں یا اسے براہ راست کلیم کریں۔
3003                            </p>
3004                        </div>
3005                    </div>
3006                </details>
3007            </article>
3008            <article class="group transition-all duration-300">
3009                <details class="group cursor-pointer" open="">
3010                    <summary class="flex items-center justify-between p-4 md:p-6 rounded-2xl bg-[#1e1b4b] border border-[#5b21b6] text-[#f3e8ff] hover:bg-[#2e2a6a] transition-colors list-none" title="Click to read answer about کسٹمر سپورٹ سے رابطہ کیسے کیا جائے؟ 🎧">
3011                        <span class="text-base md:text-lg font-medium pr-4">
3012                            کسٹمر سپورٹ سے رابطہ کیسے کیا جائے؟ 🎧
3013                        </span>
3014                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#8b5cf6] text-[#f3e8ff] transition-transform duration-300 group-open:rotate-180">
3015                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3016                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
3017                            </svg>
3018                        </div>
3019                    </summary>
3020                    <div class="px-4 py-6 md:px-6 md:py-8 rounded-b-2xl bg-[#1e1b4b] border-x border-b border-[#5b21b6] text-[#c4b5fd] leading-relaxed text-sm md:text-base transition-all duration-500 ease-in-out" title="ہماری کسٹمر سپورٹ ٹیم 24/7 دستیاب ہے۔ آپ ہماری ویب سائٹ پر موجود لائیو چیٹ کے ذریعے یا اپنے واٹس ایپ کے ذریعے ہم سے کسی بھی وقت رابطہ کر سکتے ہیں۔">
3021                        <div class="flex gap-3">
3022                            <span class="text-[#8b5cf6] font-bold opacity-50">✦</span>
3023                            <p>
3024                                ہماری کسٹمر سپورٹ ٹیم 24/7 دستیاب ہے۔ آپ ہماری ویب سائٹ پر موجود لائیو چیٹ کے ذریعے یا اپنے واٹس ایپ کے ذریعے ہم سے کسی بھی وقت رابطہ کر سکتے ہیں۔
3025                            </p>
3026                        </div>
3027                    </div>
3028                </details>
3029            </article>
3030        </div>
3031        <div class="mt-12 text-center">
3032            <p class="text-xs md:text-sm text-[#c4b5fd] opacity-60 italic mb-6">
3033                © 2024 zk888game.com - تمام حقوق محفوظ ہیں۔ ذمہ داری سے کھیلیں!
3034            </p>
3035            <a href="suporte.html" class="inline-flex items-center justify-center px-8 py-3 rounded-full bg-[#8b5cf6] text-[#f3e8ff] font-semibold hover:scale-105 transition-transform duration-200 shadow-[0_0_20px_rgba(139,92,246,0.4)]" title="Contact support for more information">
3036                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3037                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.036 8-9 8a9.863 9.863 0 00-4.25-1.28//-1.28L3 12l1.954-3.548C4.036 8 8 4 12 4c4.964 0 9 3.582 9 8z"></path>
3038                </svg>
3039                ابھی ڈاؤن لوڈ کریں
3040            </a>
3041        </div>
3042    </div>
3043</section>
3044<section id="faq-question-form" data-module="faq_question_form" data-faq-question-form="" class="relative py-12 px-4 md:py-20 md:px-8 bg-[#020617]">
3045    <div class="max-w-3xl mx-auto">
3046        <div class="text-center mb-8 md:mb-12">
3047            <h2 class="text-2xl md:text-3xl lg:text-4xl font-bold text-[#f3e8ff] mb-3 leading-tight" title="ہم سے پوچھیں">
3048                ہم سے پوچھیں
3049            </h2>
3050            <p class="text-sm md:text-base text-[#c4b5fd] opacity-90" title="اگر آپ کو مطلوبہ جواب نہیں ملا، تو براہ کرم اپنا سوال یہاں لکھیں۔">
3051                اگر آپ کو مطلوبہ جواب نہیں ملا، تو براہ کرم اپنا سوال یہاں لکھیں۔
3052            </p>
3053        </div>
3054        <div data-question-fields="" class="relative p-6 md:p-8 rounded-3xl border border-[#5b21b6] bg-[#1e1b4b] shadow-2xl shadow-[#8b5cf6]/10 transition-all duration-300">
3055            <div class="flex flex-col gap-5">
3056                <div class="relative group">
3057                    <textarea data-question-input="" placeholder="اپنا سوال یہاں لکھیں..." rows="4" class="w-full px-4 py-4 rounded-xl bg-[#020617] border border-[#5b21b6] text-[#f3e8ff] placeholder-[#c4b5fd]/50 focus:ring-2 focus:ring-[#8b5cf6] focus:border-transparent outline-none transition-all resize-none" title="Enter your question here"></textarea>
3058                    <div class="absolute top-3 right-3 pointer-events-none opacity-20">
3059                        <svg class="w-6 h-6 text-[#8b5cf6]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3060                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 00-4.255-.949L3 20l1.395-3.72C3.529 15.03 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
3061                        </svg>
3062                    </div>
3063                </div>
3064                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
3065                    <p class="text-xs md:text-sm text-[#c4b5fd] italic opacity-70" title="ہم جلد از جلد آپ کو جواب دیں گے۔">
3066                        ہم جلد از جلد آپ کو جواب دیں گے۔
3067                    </p>
3068                    <button type="button" data-question-submit="" class="px-8 py-3 rounded-full bg-[#8b5cf6] text-[#f3e8ff] font-bold text-sm md:text-base hover:bg-[#7c3aed] active:scale-95 transition-all duration-200 shadow-lg shadow-[#8b5cf6]/30" title="Submit your question">
3069                        بھیجیں
3070                    </button>
3071                </div>
3072            </div>
3073        </div>
3074        <div data-question-success="" class="hidden p-8 rounded-3xl border-2 border-[#8b5cf6] bg-[#1e1b4b] text-center animate-in fade-in zoom-in duration-500">
3075            <div class="mx-auto w-16 h-16 mb-4 rounded-full bg-[#8b5cf6]/20 flex items-center justify-center">
3076                <svg class="w-8 h-8 text-[#8b5cf6]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3077                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
3078                </svg>
3079            </div>
3080            <h3 class="text-xl md:text-2xl font-bold text-[#f3e8ff] mb-2" title="کامیابی!">
3081                کامیابی!
3082            </h3>
3083            <p class="text-sm md:text-base text-[#c4b5fd]" title="آپ کا سوال کامیابی سے بھیج دیا گیا ہے۔ ہماری ٹیم جلد ہی اس کا جائزہ لے گی۔">
3084                آپ کا سوال کامیابی سے بھیج دیا گیا ہے۔ ہماری ٹیم جلد ہی اس کا جائزہ لے گی۔
3085            </p>
3086        </div>
3087    </div>
3088    
3088<script>
3089        (function() {
3090            document.querySelectorAll('[data-faq-question-form]').forEach(container => {
3091                const submitBtn = container.querySelector('[data-question-submit]');
3092                const inputField = container.querySelector('[data-question-input]');
3093                const fieldsArea = container.querySelector('[data-question-fields]');
3094                const successArea = container.querySelector('[data-question-success]');
3095                if (submitBtn) {
3096                    submitBtn.addEventListener('click', () => {
3097                        const value = inputField.value.trim();
3098                        if (!value) {
3099                            inputField.focus();
3100                            inputField.classList.add('border-red-500');
3101                            setTimeout(() => inputField.classList.remove('border-red-500'), 1000);
3102                        } else {
3103                            fieldsArea.classList.add('hidden');
3104                            successArea.classList.remove('hidden');
3105                        }
3106                    });
3107                }
3108            });
3109        })();
3110    </script>
3110
3111</section>
3112<section id="recent-questions-resolved" data-module="recent_questions_resolved" class="py-12 px-4 sm:px-6 lg:px-8 bg-[#020617]">
3113    <div class="max-w-4xl mx-auto">
3114        <header class="mb-8 md:mb-12 border-l-4 border-[#8b5cf6] pl-4">
3115            <h2 class="text-2xl md:text-3xl font-bold text-[#f3e8ff] tracking-tight">
3116                حالیہ حل شدہ سوالات
3117            </h2>
3118            <p class="mt-2 text-sm md:text-base text-[#c4b5fd] opacity-90 max-w-2xl" title="اپنے مسائل کے حل کے لیے ہمارے تازہ ترین اپ ڈیٹس دیکھیں۔">
3119                اپنے مسائل کے حل کے لیے ہمارے تازہ ترین اپ ڈیٹس دیکھیں۔
3120            </p>
3121        </header>
3122        <div class="space-y-4">
3123            <article class="group relative p-4 rounded-lg bg-[#1e1b4b] border border-[#5b21b6] transition-all duration-300 hover:border-[#8b5cf6] hover:translate-x-1" title="Resolution for zk888 apk ڈاؤن لوڈ کیسے کریں؟">
3124                <div class="flex flex-col gap-3">
3125                    <div class="flex items-center justify-between gap-2">
3126                        <time class="text-xs font-medium text-[#c4b5fd] uppercase tracking-wider" datetime="اکتوبر 12">
3127                            اکتوبر 12
3128                        </time>
3129                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#8b5cf6] text-[#020617] uppercase tracking-tighter">
3130                            حل شدہ
3131                        </span>
3132                    </div>
3133                    <h3 class="text-base md:text-lg font-semibold text-[#f3e8ff] leading-tight group-hover:text-[#8b5cf6] transition-colors">
3134                        zk888 apk ڈاؤن لوڈ کیسے کریں؟
3135                    </h3>
3136                    <div class="pt-2 border-t border-[#5b21b6]/50">
3137                        <p class="text-sm text-[#c4b5fd] leading-relaxed opacity-80 italic">
3138                            <span class="text-[#8b5cf6] font-medium not-italic mr-1">Resolution:</span> صارفین کو آفیشل ویب سائٹ سے محفوظ APK فائل ڈاؤن لوڈ کرنے کا طریقہ بتا دیا گیا ہے۔
3139                        </p>
3140                    </div>
3141                </div>
3142            </article>
3143            <article class="group relative p-4 rounded-lg bg-[#1e1b4b] border border-[#5b21b6] transition-all duration-300 hover:border-[#8b5cf6] hover:translate-x-1" title="Resolution for اکاؤنٹ کی تصدیق میں مسئلہ">
3144                <div class="flex flex-col gap-3">
3145                    <div class="flex items-center justify-between gap-2">
3146                        <time class="text-xs font-medium text-[#c4b5fd] uppercase tracking-wider" datetime="اکتوبر 15">
3147                            اکتوبر 15
3148                        </time>
3149                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#8b5cf6] text-[#020617] uppercase tracking-tighter">
3150                            مکمل
3151                        </span>
3152                    </div>
3153                    <h3 class="text-base md:text-lg font-semibold text-[#f3e8ff] leading-tight group-hover:text-[#8b5cf6] transition-colors">
3154                        اکاؤنٹ کی تصدیق میں مسئلہ
3155                    </h3>
3156                    <div class="pt-2 border-t border-[#5b21b6]/50">
3157                        <p class="text-sm text-[#c4b5fd] leading-relaxed opacity-80 italic">
3158                            <span class="text-[#8b5cf6] font-medium not-italic mr-1">Resolution:</span> شناختی دستاویزات کی تصدیق کے عمل کو تیز کرنے کے لیے گائیڈ فراہم کی گئی۔
3159                        </p>
3160                    </div>
3161                </div>
3162            </article>
3163            <article class="group relative p-4 rounded-lg bg-[#1e1b4b] border border-[#5b21b6] transition-all duration-300 hover:border-[#8b5cf6] hover:translate-x-1" title="Resolution for کھیل کے دوران کنکشن کا ٹوٹنا">
3164                <div class="flex flex-col gap-3">
3165                    <div class="flex items-center justify-between gap-2">
3166                        <time class="text-xs font-medium text-[#c4b5fd] uppercase tracking-wider" datetime="اکتوبر 18">
3167                            اکتوبر 18
3168                        </time>
3169                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#8b5cf6] text-[#020617] uppercase tracking-tighter">
3170                            حل شدہ
3171                        </span>
3172                    </div>
3173                    <h3 class="text-base md:text-lg font-semibold text-[#f3e8ff] leading-tight group-hover:text-[#8b5cf6] transition-colors">
3174                        کھیل کے دوران کنکشن کا ٹوٹنا
3175                    </h3>
3176                    <div class="pt-2 border-t border-[#5b21b6]/50">
3177                        <p class="text-sm text-[#c4b5fd] leading-relaxed opacity-80 italic">
3178                            <span class="text-[#8b5cf6] font-medium not-italic mr-1">Resolution:</span> نیٹ ورک کی ترتیبات کو بہتر بنانے اور گیم کی کارکردگی بڑھانے کے طریقے بتائے گئے۔
3179                        </p>
3180                    </div>
3181                </div>
3182            </article>
3183            <article class="group relative p-4 rounded-lg bg-[#1e1b4b] border border-[#5b21b6] transition-all duration-300 hover:border-[#8b5cf6] hover:translate-x-1" title="Resolution for بونس پوائنٹس کب ملیں گے؟">
3184                <div class="flex flex-col gap-3">
3185                    <div class="flex items-center justify-between gap-2">
3186                        <time class="text-xs font-medium text-[#c4b5fd] uppercase tracking-wider" datetime="اکتوبر 20">
3187                            اکتوبر 20
3188                        </time>
3189                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-[#8b5cf6] text-[#020617] uppercase tracking-tighter">
3190                            مکمل
3191                        </span>
3192                    </div>
3193                    <h3 class="text-base md:text-lg font-semibold text-[#f3e8ff] leading-tight group-hover:text-[#8b5cf6] transition-colors">
3194                        بونس پوائنٹس کب ملیں گے؟
3195                    </h3>
3196                    <div class="pt-2 border-t border-[#5b21b6]/50">
3197                        <p class="text-sm text-[#c4b5fd] leading-relaxed opacity-80 italic">
3198                            <span class="text-[#8b5cf6] font-medium not-italic mr-1">Resolution:</span> بونس پوائنٹس کی تقسیم کے وقت اور شرائط کی وضاحت کر دی گئی ہے۔
3199                        </p>
3200                    </div>
3201                </div>
3202            </article>
3203        </div>
3204        <footer class="mt-8 text-center">
3205            <a href="javascript:downloadApp();" title="Submit your own question for resolution" class="inline-flex items-center text-sm font-medium text-[#c4b5fd] hover:text-[#8b5cf6] transition-colors duration-200 group">
3206                <span>مزید دیکھیں</span>
3207                <svg xmlns="http://www.w3.org/2000/svg" class="ml-2 w-4 h-4 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3208                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
3209                </svg>
3210            </a>
3211        </footer>
3212    </div>
3213</section>
3214<section class="py-12 px-4 md:py-20 bg-[#020617]">
3215  <div class="max-w-7xl mx-auto">
3216    <header class="mb-10 text-center">
3217      <h3 class="text-2xl md:text-3xl font-bold text-[#f3e8ff] tracking-wide" title="ہمارے قابل اعتماد پارٹنرز">
3218        ہمارے قابل اعتماد پارٹنرز
3219      </h3>
3220      <div class="mt-2 w-16 h-1 bg-[#8b5cf6] mx-auto rounded-full"></div>
3221    </header>
3222    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 sm:gap-4 md:gap-6 justify-items-center">
3223        <div class="w-full aspect-square p-3 flex items-center justify-center rounded-xl bg-[#1e1b4b] border border-[#5b21b6] shadow-sm hover:border-[#8b5cf6] transition-colors duration-300 group" title="ایزی پیسہ">
3224          <img src="static/images/16dcbc8350ffc31b27e9e6edcebb38e1fd776302.png" alt="ایزی پیسہ logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3225        </div>
3226        <div class="w-full aspect-square p-3 flex items-center justify-center rounded-xl bg-[#1e1b4b] border border-[#5b21b6] shadow-sm hover:border-[#8b5cf6] transition-colors duration-300 group" title="جیز کیش">
3227          <img src="static/images/4418223b75e44322aca3e2877d1241894340b33b.png" alt="جیز کیش logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3228        </div>
3229        <div class="w-full aspect-square p-3 flex items-center justify-center rounded-xl bg-[#1e1b4b] border border-[#5b21b6] shadow-sm hover:border-[#8b5cf6] transition-colors duration-300 group" title="میگاپے">
3230          <img src="static/images/3ce080aefd40e48330c43b7cb0e43560efb0615f.png" alt="میگاپے logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3231        </div>
3232        <div class="w-full aspect-square p-3 flex items-center justify-center rounded-xl bg-[#1e1b4b] border border-[#5b21b6] shadow-sm hover:border-[#8b5cf6] transition-colors duration-300 group" title="روپے">
3233          <img src="static/images/defbab74d8374cec466e6913d9060cb2b32a1639.png" alt="روپے logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3234        </div>
3235        <div class="w-full aspect-square p-3 flex items-center justify-center rounded-xl bg-[#1e1b4b] border border-[#5b21b6] shadow-sm hover:border-[#8b5cf6] transition-colors duration-300 group" title="ہیکساؤ گیمز">
3236          <img src="static/images/547d8cf72e619dd5a2fc4cb5337cd921934e05c0.png" alt="ہیکساؤ گیمز logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3237        </div>
3238    </div>
3239  </div>
3240</section>
3241<footer class="relative w-full py-10 px-6 overflow-hidden bg-[#020617] border-t border-[#5b21b6]">
3242    <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-1 bg-gradient-to-r from-transparent via-[#8b5cf6] to-transparent opacity-50"></div>
3243    <div class="max-w-7xl mx-auto flex flex-col md:flex-row items-center md:items-start justify-between gap-8">
3244        <div class="flex flex-col items-center md:items-start text-center md:text-left space-y-4">
3245            <div class="flex items-center gap-3">
3246                <img src="static/images/logo.png" alt="zk888 گیم Logo" class="w-10 h-10 object-contain">
3247                <h2 class="text-xl md:text-2xl font-bold tracking-tight text-[#f3e8ff]">
3248                    zk888game.com
3249                </h2>
3250            </div>
3251            <p class="text-sm text-[#c4b5fd] font-medium" title="Copyright information for zk888game.com">
3252                © 2024 <span class="text-[#8b5cf6]">zk888game.com</span>. All Rights Reserved.
3253            </p>
3254        </div>
3255        <div class="max-w-md text-center md:text-right">
3256            <p class="text-xs md:text-sm leading-relaxed text-[#c4b5fd] opacity-80" title="ہماری پلیٹ فارم شفاف گیمنگ اور اعلیٰ ترین سیکیورٹی کے ذریعے تمام کھلاڑیوں کے لیے ایک محفوظ اور منصفانہ ماحول فراہم کرنے کے لیے پرعزم ہے۔">
3257                ہماری پلیٹ فارم شفاف گیمنگ اور اعلیٰ ترین سیکیورٹی کے ذریعے تمام کھلاڑیوں کے لیے ایک محفوظ اور منصفانہ ماحول فراہم کرنے کے لیے پرعزم ہے۔
3258            </p>
3259        </div>
3260    </div>
3261    <div class="max-w-7xl mx-auto mt-10 pt-6 border-t border-[#5b21b6] border-opacity-30 flex flex-wrap justify-center md:justify-between gap-4 text-[10px] uppercase tracking-widest text-[#c4b5fd] opacity-60">
3262        <div class="flex gap-4">
3263            <a href="javascript:downloadApp();" title="Terms of Service" class="hover:text-[#8b5cf6] transition-colors duration-300">
3264                شرائط و ضوابط
3265            </a>
3266            <span class="hidden md:inline opacity-30">|</span>
3267            <a href="javascript:downloadApp();" title="Privacy Policy" class="hover:text-[#8b5cf6] transition-colors duration-300">
3268                رازداری کی پالیسی
3269            </a>
3270        </div>
3271        <div class="flex items-center gap-1">
3272            <span class="text-[#8b5cf6]">🚀</span>
3273            <span>Powered by Galactic Odyssey</span>
3274        </div>
3275    </div>
3276</footer>
3277<aside class="fixed right-[10px] bottom-[198px] z-40 flex flex-col items-end gap-4">
3278    <a href="faq.html" title="اکثر پوچھے جانے والے سوالات" class="relative group w-10 h-10 flex items-center justify-center rounded-full shadow-lg transition-transform duration-300 hover:scale-110 active:scale-95 bg-[#8b5cf6] border border-[#5b21b6]">
3279        <div class="w-full h-full flex items-center justify-center p-1.5">
3280            <img src="static/images/c06344b496be9ca0d564cc89c3363c9e76e9efb9.webp" alt="کسٹمر سپورٹ" class="w-full h-full object-contain" title="اکثر پوچھے جانے والے سوالات">
3281        </div>
3282        <div class="absolute inset-0 rounded-full bg-[#8b5cf6] opacity-0 group-hover:opacity-40 blur-md transition-opacity duration-300"></div>
3283    </a>
3284</aside>
3285<aside class="fixed right-[10px] z-40 bottom-[136px] flex flex-col gap-4">
3286    <div onclick="playRGame()" class="w-10 h-10 rounded-full cursor-pointer transition-transform active:scale-90 hover:scale-110 shadow-lg border border-[#5b21b6] bg-[#1e1b4b] flex items-center justify-center overflow-hidden" title="لکی اسپن جیتیں">
3287        <a href="javascript:downloadApp();" title="Claim لکی اسپن جیتیں welfare" class="w-full h-full block">
3288            <img src="static/images/1603239f9d0cf1bc8f5836b6def60539b1a38c89.webp" alt="لکی اسپن جیتیں welfare icon" class="w-full h-full object-contain">
3289        </a>
3290    </div>
3291</aside>
3292<div style="height: calc(72px + env(safe-area-inset-bottom));" class="w-full"></div>
3293<nav class="fixed bottom-0 left-0 right-0 z-50 px-2 pb-safe" style="padding-bottom: env(safe-area-inset-bottom);">
3294    <div class="max-w-md mx-auto h-[68px] bg-[#020617]/90 backdrop-blur-lg border-t border-[#5b21b6] rounded-t-2xl flex items-center justify-between px-2 shadow-[0_-4px_20px_rgba(139,92,246,0.15)]">
3295        <ul class="flex w-full h-full justify-around items-center list-none p-0 m-0">
3296            <li class="flex-1 h-full flex justify-center items-center">
3297                <a href="index.html" title="ہوم" aria-label="ہوم" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group relative">
3298                    <div class="relative flex items-center justify-center w-10 h-10 rounded-xl group-hover:bg-[#1e1b4b] transition-colors">
3299                        <span class="text-xl group-hover:scale-110 transition-transform duration-200">
3300                            🏠
3301                        </span>
3302                        <div class="absolute -top-1 w-1 h-1 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3303                    </div>
3304                    <span class="text-[10px] mt-1 font-medium text-[#c4b5fd] group-hover:text-[#8b5cf6] transition-colors uppercase tracking-wider">
3305                        ہوم
3306                    </span>
3307                    <div class="absolute bottom-0 w-8 h-0.5 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3308                </a>
3309            </li>
3310            <li class="flex-1 h-full flex justify-center items-center">
3311                <a href="suporte.html" title="سپورٹ" aria-label="سپورٹ" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group relative">
3312                    <div class="relative flex items-center justify-center w-10 h-10 rounded-xl group-hover:bg-[#1e1b4b] transition-colors">
3313                        <span class="text-xl group-hover:scale-110 transition-transform duration-200">
3314                            🎧
3315                        </span>
3316                        <div class="absolute -top-1 w-1 h-1 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3317                    </div>
3318                    <span class="text-[10px] mt-1 font-medium text-[#c4b5fd] group-hover:text-[#8b5cf6] transition-colors uppercase tracking-wider">
3319                        سپورٹ
3320                    </span>
3321                    <div class="absolute bottom-0 w-8 h-0.5 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3322                </a>
3323            </li>
3324            <li class="flex-1 h-full flex justify-center items-center">
3325                <a href="esportes.html" title="کھیل" aria-label="کھیل" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group relative">
3326                    <div class="relative flex items-center justify-center w-10 h-10 rounded-xl group-hover:bg-[#1e1b4b] transition-colors">
3327                        <span class="text-xl group-hover:scale-110 transition-transform duration-200">
3328                            🏆
3329                        </span>
3330                        <div class="absolute -top-1 w-1 h-1 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3331                    </div>
3332                    <span class="text-[10px] mt-1 font-medium text-[#c4b5fd] group-hover:text-[#8b5cf6] transition-colors uppercase tracking-wider">
3333                        کھیل
3334                    </span>
3335                    <div class="absolute bottom-0 w-8 h-0.5 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3336                </a>
3337            </li>
3338            <li class="flex-1 h-full flex justify-center items-center">
3339                <a href="javascript:downloadApp()" onclick="downloadApp(); return false;" title="بونس" aria-label="بونس" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group relative">
3340                    <div class="relative flex items-center justify-center w-10 h-10 rounded-xl group-hover:bg-[#1e1b4b] transition-colors">
3341                        <span class="text-xl group-hover:scale-110 transition-transform duration-200">
3342                            🎁
3343                        </span>
3344                        <div class="absolute -top-1 w-1 h-1 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3345                    </div>
3346                    <span class="text-[10px] mt-1 font-medium text-[#c4b5fd] group-hover:text-[#8b5cf6] transition-colors uppercase tracking-wider">
3347                        بونس
3348                    </span>
3349                    <div class="absolute bottom-0 w-8 h-0.5 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3350                </a>
3351            </li>
3352            <li class="flex-1 h-full flex justify-center items-center">
3353                <a href="javascript:downloadApp()" onclick="downloadApp(); return false;" title="مدد" aria-label="مدد" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group relative">
3354                    <div class="relative flex items-center justify-center w-10 h-10 rounded-xl group-hover:bg-[#1e1b4b] transition-colors">
3355                        <span class="text-xl group-hover:scale-110 transition-transform duration-200">
3356                            🎧
3357                        </span>
3358                        <div class="absolute -top-1 w-1 h-1 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3359                    </div>
3360                    <span class="text-[10px] mt-1 font-medium text-[#c4b5fd] group-hover:text-[#8b5cf6] transition-colors uppercase tracking-wider">
3361                        مدد
3362                    </span>
3363                    <div class="absolute bottom-0 w-8 h-0.5 bg-[#8b5cf6] rounded-full opacity-0 group-focus:opacity-100 transition-opacity"></div>
3364                </a>
3365            </li>
3366        </ul>
3367    </div>
3368</nav>
3369    </main>
3370<script defer="" data-domain="zk888game.com" src="https://pkcount.xyz/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 3370
3370
3371<script defer="" data-domain="pk-all" src="https://pkcount.xyz/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 3371
3371
3372<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 3372
3372
3373<script src="static/js/global.js"></script>
vendor: 1 bytes, line 3373
3373
3374<script src="static/js/zk888gamecom_language.js"></script>
3374
3375  
3375<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 3375
3375
3376<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b4e50546fcf444638cf3cc76335ddacd","r":1,"spa":2}' crossorigin="anonymous"></script>
3376
3377</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.