PageSourceSearch

https://dewacasino.com/

html dewacasino.com collected 2026-09-28 18:07:36 UTC 399,870 bytes, 6,442 lines download raw bytes

1<!DOCTYPE html>
2<html lang="id">
3
4<head>
5    <meta charset="utf-8">
6<meta name="google-site-verification" content="lzD0OaF2_L1XhBsE-LxyjzFf4Av5hzwtF-PNRWz_8ow" />
7<meta name="google-site-verification" content="Au3Nxrf8uZdxAUv4ClRmspNw_Uw9gs2FYXz6kVUWyvI" />
8<meta name="google-site-verification" content="PseQ1yZAKysL5He1o35rfDLrvZod02l6-SQp-r8rIhU" />
9<meta name="google-site-verification" content="EYeEjHvSf7xPWxVWbPb8jKEhXXNfoivh3HeFlVzUgd4" />
10<meta name="google-site-verification" content="jLtjZVJXi-EpxIOVQUiSkit_JRZtlLBgaJP-zjJpaE0" />
11<meta name="google-site-verification" content="TWg-_TMPEz-Cg9PgJpcstO0rrkH_IQw6uYmBZmp8Mb0" />
12<meta name="google-site-verification" content="A3DwtpUd1fxQTe5J8s327zWgG876WYycAEmBwmQLM4U" />
13<meta name="google-site-verification" content="sa312kgQuW-T02oETooP1uZi62UAG5t8ymSdeSWfSEc" />
14<meta name="google-site-verification" content="6VFUo7hjgkImzgVwVQnNISsE8VX4kjLrjkfRwdr3C7Y" />
15<meta name="csrf-token" content="9l0N9u5FtgcrjAuu10euvf25Bo3PPozSTK93iqGr">
16<title>Dewacasino.com | Live Casino Online - Agen Casino - Casino Online</title>
17
18    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
19    <meta name="viewport" content="width=device-width, initial-scale=1">
20    <meta name="mobile-web-app-capable" content="yes"/>
21    <meta name="mobile-web-app-status-bar-style" content="black">
22    <meta name="mobile-web-app-title" content="Dewacasino">
23
24<meta name="keywords" content="casino online, casino, live casino, agen casino, live casino online, dewacasino" />
25<meta name="description" content="Dewacasino adalah promotor casino online terbaik dengan bet terkecil dan live dealer terpercaya, Fair dan merupakan salah satu terbesar di asia saat ini. Bergabunglah!" />
26<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
27<meta name="author" content="Dewacasino.com">
28<meta name="robots" content="index, follow" />
29<meta name="copyright" content="Dewacasino.com" />
30<meta name="geo.placename" content="Jakarta" />
31<meta name="geo.region" content="ID-JK" />
32<meta name="geo.country" content="ID" />
33<meta name="language" content="ID" />
34<meta name="notif-language" content="ID" />
35<meta name="tgn.nation" content="Indonesia" />
36<meta name="rating" content="general" />
37<meta name="distribution" content="global" />
38<meta name="author" content="Dewacasino.com" />
39<meta name="publisher" content="Dewacasino.com" />
40<meta name="copyright" content="copyright@ 2017 Dewacasino.com" />
41<meta name="DC.Publisher" content="Dewacasino.com" >
42
43
44<link rel="shortcut icon" sizes="16x16" href="https://dewacasino.com/assets/mobile/img/icon-16x16.png">
45<link rel="icon" href="https://dewacasino.com/assets/img/favicon.png" type="image/x-icon">
46<link rel="canonical" href="https://dewacasino.club">
47<link rel="amphtml" href="https://gamingzonaarea.online/dewacasino" />        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
48<link rel="preconnect" href="https://fonts.googleapis.com">
49<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
50<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap">
51<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" media="print" onload="this.media='all'">
52<noscript>
53    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap">
54</noscript>
55
56
57    <link rel="preload" as="style" href="https://dewacasino.com/build/assets/css/app-rxPavHMu.css" /><link rel="modulepreload" as="script" href="https://dewacasino.com/build/assets/js/app-guest-Aarr7Mbb.js" /><link rel="modulepreload" as="script" href="https://dewacasino.com/build/assets/js/bankFormatter-B87GIqPq.js" /><link rel="modulepreload" as="script" href="https://dewacasino.com/build/assets/js/alpine-L4ggBBWN.js" /><link rel="modulepreload" as="script" href="https://dewacasino.com/build/assets/js/_index-CWpsOOOR.js" /><link rel="stylesheet" href="https://dewacasino.com/build/assets/css/app-rxPavHMu.css" data-navigate-track="reload" />
57<script type="module" src="https://dewacasino.com/build/assets/js/app-guest-Aarr7Mbb.js" data-navigate-track="reload"></script>
57</head>
58
59
60<body class="w-fit sm:w-fit md:w-fit lg:w-full xl:w-full 2xl:w-full" x-data style="background: var(--layout-desktop-body-bg);" >
61        <header class="navup sticky top-0 z-20 w-full w-full transition-all duration-200" x-data="navExpand" x-init="init"
62    :class="expanded ? 'min-h-[125px]' : 'min-h-[100px]'"
63    style="background: var(--layout-desktop-header-bg);">
64
65    <div class="container min-h-[80px] h-full m-auto  ">
66        <div class="flex justify-between h-full w-full">
67            <div >
68                <a href="https://dewacasino.com">
69                    <img src="https://dewacasino.com/assets/img/logo/logo_172x130.png"
70                        class="transition-all duration-200 w-auto pb-2 mt-2"
71                        :class="expanded ? 'pb-2 mt-3' : 'mt-2'"
72                        alt="dewacasino Logo" 
73                        :style="expanded ? 'width: 230px;' : 'width: 190px;'"
74                        />
75                </a>
76            </div>
77            <div class="w-full flex justify-end">
78                
79                                    <div class="mt-4 w-[475px]">
80                        <form x-data="authApi(window.loginTranslations)" @submit.prevent="login($event.target, $store.loginModalState.game)"
81        class="flex gap-x-2 items-center">
82
83        <div x-data="{ show: false }" class="w-full">
84    
85            <input
86            class="px-1 py-1 w-full font-medium text-sm focus:outline focus:outline-2 
87        focus:outline-[var(--desktop-input-field-focus-outline)] focus:bg-white
88        text-[var(--desktop-input-field-text)] bg-[var(--desktop-input-field-bg)] rounded-none text-xs font-bold py-2 px-2 !bg-white"
89            name="username" type="text" placeholder="Nama Pengguna"
90            name="username" type="text" placeholder="Nama Pengguna" class="rounded-none text-xs font-bold py-2 px-2 !bg-white" autocomplete="username" @blur="loginValidation.validateField('username', $event.target.value)" @input="$event.target.value = $event.target.value.toUpperCase();
91                if(loginValidation.hasError('username')) {
92                loginValidation.validateField('username', $event.target.value);
93            }" @keypress="if(!/^[a-zA-Z0-9]$/.test($event.key)) {
94                    $event.preventDefault();
95                }" x-bind:class="{
96                '!border-[var(--desktop-input-field-border-error)]  !ring-1 !ring-[var(--desktop-text-error)] focus:outline-none': loginValidation
97                    .hasError('username')
98            }" 
99        >
100    </div>
101
102
103        <div x-data="{ show: false }" class="w-full">
104    
105            <div class="relative h-auto p-0">
106            <input
107                :type="show ? 'text' : 'password'"
108                autocapitalize="none"
109                class="px-1 py-1 w-full font-medium text-sm focus:outline focus:outline-2 
110        focus:outline-[var(--desktop-input-field-focus-outline)] focus:bg-white
111        text-[var(--desktop-input-field-text)] bg-[var(--desktop-input-field-bg)] rounded-none text-xs font-bold py-2 px-2 !bg-white"
112                name="password" type="password" placeholder="Kata Sandi"
113                name="password" type="password" placeholder="Kata Sandi" class="rounded-none text-xs font-bold py-2 px-2 !bg-white" autocomplete="current-password" @blur="loginValidation.validateField('password', $event.target.value)" @input="if(loginValidation.hasError('password')) loginValidation.validateField('password', $event.target.value)" x-bind:class="{
114                '!border-[var(--desktop-input-field-border-error)]  !ring-1 !ring-[var(--desktop-text-error)] focus:outline-none': loginValidation
115                    .hasError('password')
116            }" 
117            >
118            <button aria-label="Toggle password visibility" type="button" class="absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer text-slate-600" @click="show = !show">
119                <i x-show="!show" class="fa fa-eye-slash text-lg"></i>
120                <i x-show="show" class="fa fa-eye text-lg"></i>
121            </button>
122        </div>
123    </div>
124
125
126        <button type="submit" :disabled="loading"
127            class="bg-btn [background:var(--desktop-btn-login)] hover:[background:var(--desktop-btn-login-hover-active)] cursor-pointer py-2 text-xs rounded uppercase font-[600] disabled:opacity-50 disabled:cursor-not-allowed">
128            <span>Masuk</span>
129        </button>
130
131        <a href="https://dewacasino.com/register"
132            class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] py-2 text-xs  px-4 rounded w-[100px] text-center cursor-pointer uppercase">
133            Daftar
134        </a>
135    </form>
136
137
138<script>
139    // PREDEFINED VALAIDATION TRANSLATION
140    window.loginTranslations = {
141        username_req: " Username kolom harus terisi.",
142        password_req: " Password kolom harus terisi."
143    };
144</script>
144
145
146
147
148    <div x-show="$store.loginModalState.open" x-init="$store.loginModalState.open = false"
149        x-effect="if($store.loginModalState.open) {document.body.style.top = `-${window.scrollY}px`;document.body.style.position = 'fixed';document.body.style.width = '100%';
150        } else {const scrollY = document.body.style.top;document.body.style.position = '';document.body.style.top = ''; window.scrollTo(0, parseInt(scrollY || '0') * -1);}"
151        x-cloak x-transition:leave="transition opacity ease-in duration-300" x-transition:leave-start="opacity-100"
152        x-transition:leave-end="opacity-0"
153        class="fixed inset-0 z-50 bg-[var(--desktop-login-modal-bg-masking)]/70 flex items-center justify-center text-[var(--desktop-text-base)]">
154        <div x-show="$store.loginModalState.open" x-transition:enter="transition ease-out duration-500"
155            x-transition:enter-start="opacity-0 -translate-y-20" x-transition:enter-end="opacity-100 translate-y-0"
156            x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 translate-y-0"
157            x-transition:leave-end="opacity-0 -translate-y-20" x-cloak
158            class="rounded-xl py-4 px-8 w-[363px] mt-[-200px]  bg-[var(--desktop-login-modal-bg)] border border-[var(--desktop-login-modal-border)] relative text-white">
159
160            <!-- Close button -->
161            <button class="absolute top-2 right-3 text-[var(--desktop-login-modal-btn-close-text)] cursor-pointer"
162                type="button" @click="$store.loginModalState.toggle()">
163                <i class="fa fa-times" aria-hidden="true" style="font-size: 27px;"></i>
164            </button>
165
166            <!-- Logo -->
167            <div class="flex justify-center">
168                <img src="https://dewacasino.com/assets/img/logo/logo_172x130.png" class="h-[62px]" />
169            </div>
170
171            <h3 class="text-center text-xl uppercase p-1">Masuk</h3>
172
173            <form x-data="authApi(window.loginTranslations)" @submit.prevent="login($event.target, $store.loginModalState.game)"
174                class="text-white login">
175                <!-- Username -->
176                <div class="mb-3">
177                    <div class="flex w-full">
178                        <span
179                            class="inset-y-0 left-0 flex items-center px-4 bg-[var(--desktop-login-modal-icon-bg)] text-[var(--desktop-login-modal-icon-text)] font-light">
180                            <i class="fa fa-user" style="font-size: 14px;"></i>
181                        </span>
182
183                        <div x-data="{ show: false }" class="w-full">
184    
185            <input
186            class="px-1 py-1 w-full font-medium text-sm focus:outline focus:outline-2 
187        focus:outline-[var(--desktop-input-field-focus-outline)] focus:bg-white
188        text-[var(--desktop-input-field-text)] bg-[var(--desktop-input-field-bg)] rounded-none uppercase !p-2 "
189            name="username" type="text" placeholder="Nama Pengguna"
190            name="username" type="text" placeholder="Nama Pengguna" class="rounded-none uppercase !p-2" autocomplete="username" @blur="loginValidation.validateField('username', $event.target.value)" @input="$event.target.value = $event.target.value.toUpperCase();
191                                if(loginValidation.hasError('username')) {
192                                loginValidation.validateField('username', $event.target.value);
193                            }" @keypress="if(!/^[a-zA-Z0-9]$/.test($event.key)) {
194                                    $event.preventDefault();
195                                }" x-bind:class="{
196                                '!border-[var(--desktop-input-field-border-error)] !ring-1 !ring-[var(--desktop-text-error)] focus:outline-none': loginValidation
197                                    .hasError('username')
198                            }" 
199        >
200    </div>
201
202                    </div>
203                    <p x-show="loginValidation.hasError('username')" x-text="loginValidation.errors.username" x-cloak
204                        class="text-[var(--desktop-text-error)] text-[10px] mt-1" style="display: none;">
205                    </p>
206                </div>
207
208                <!-- Password -->
209                <div class="mb-3">
210                    <div class="flex w-full">
211                        <span
212                            class="inset-y-0 left-0 flex items-center px-4 bg-[var(--desktop-login-modal-icon-bg)] text-[var(--desktop-login-modal-icon-text)]  font-light">
213                            <i class="fa fa-lock" style="font-size: 14px;"></i>
214                        </span>
215
216                        <div x-data="{ show: false }" class="w-full">
217    
218            <div class="relative h-auto p-0">
219            <input
220                :type="show ? 'text' : 'password'"
221                autocapitalize="none"
222                class="px-1 py-1 w-full font-medium text-sm focus:outline focus:outline-2 
223        focus:outline-[var(--desktop-input-field-focus-outline)] focus:bg-white
224        text-[var(--desktop-input-field-text)] bg-[var(--desktop-input-field-bg)] rounded-none !p-2 text-[var(--desktop-input-field-text)]"
225                name="password" type="password" placeholder="Kata Sandi"
226                name="password" type="password" placeholder="Kata Sandi" class="rounded-none !p-2 text-[var(--desktop-input-field-text)]" autocomplete="current-password" @blur="loginValidation.validateField('password', $event.target.value)" @input="if(loginValidation.hasError('password')) loginValidation.validateField('password', $event.target.value)" x-bind:class="{
227                                '!border-[var(--desktop-input-field-border-error)] !ring-1 !ring-[var(--desktop-text-error)] focus:outline-none': loginValidation
228                                    .hasError('password')
229                            }" 
230            >
231            <button aria-label="Toggle password visibility" type="button" class="absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer text-slate-600" @click="show = !show">
232                <i x-show="!show" class="fa fa-eye-slash text-lg"></i>
233                <i x-show="show" class="fa fa-eye text-lg"></i>
234            </button>
235        </div>
236    </div>
237
238                    </div>
239                    <p x-show="loginValidation.hasError('password')" x-text="loginValidation.errors.password" x-cloak
240                        class="text-[var(--desktop-text-error)] text-[10px] mt-1" style="display: none;">
241                    </p>
242                </div>
243
244                <!-- Remember & Forgot -->
245                <div class="flex items-center justify-between text-sm mb-2 p-1 text-[var(--desktop-text-base-reverse)]">
246                    <label class="flex items-center gap-2 cursor-pointer pl-6">
247                        <input type="checkbox" name="remember"
248                            class="rounded border-[var(--desktop-checkbox-border)]" />
249                        Ingat Saya
250                    </label>
251
252                    <a href="https://dewacasino.com/forgot-password" class="hover:underline">
253                        Lupa Kata Sandi?
254                    </a>
255                </div>
256
257                <!-- Submit -->
258                <div class="uppercase">
259                    <button type="submit" :disabled="loading"
260                        class="bg-btn [background:var(--desktop-btn-login)] hover:[background:var(--desktop-btn-login-hover-active)] py-2 w-full cursor-pointer uppercase font-bold disabled:opacity-50 disabled:cursor-not-allowed">
261                        <span>Masuk</span>
262                    </button>
263
264                    <p class="text-center uppercase text-[var(--desktop-text-base-reverse)] ">Atau</p>
265
266                    <div class="flex justify-center">
267                        <a href="https://dewacasino.com/register"
268                            class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)]  px-4 py-2 w-[100px] text-center cursor-pointer">
269                            Daftar
270                        </a>
271                    </div>
272                </div>
273            </form>
274        </div>
275    </div>
276
277                        <div class="text-[13px] text-[var(--desktop-text-base-reverse)] flex gap-x-0 justify-end py-1 transition-all duration-100"
278                            :class="expanded ? 'mt-3' : 'mt-0'">
279                            <a href="javascript:void(0)" id="live-chat-menu"
280                                onclick="LC_API.open_chat_window({source:'eye catcher'});return false"
281                                class="perlu relative flex gap-x-1 items-center">
282                                <img class="h-3" src="https://dewacasino.com/assets/img/icons/live_chat.png" alt="live-chat-icon">
283                                <span class="header-link-text">Live Chat</span>
284                            </a>
285                            <span class="mx-1"> | </span>
286                            <a href="https://dewacasino.com/withdraw" class="flex gap-x-1 items-center">
287                                <i class="csn-withdraw"></i>
288                                <span class="header-link-text">Penarikan</span>
289                            </a>
290                            <span class="mx-1"> | </span>
291                            <a href="https://dewacasino.com/support" title="support" class="flex gap-x-1 items-center">
292                                <img class="h-3" src="https://dewacasino.com/assets/img/icons/hubungi_kami.png" alt="hubungikami">
293                                <span class="header-link-text">Hubungi Kami</span>
294                            </a>
295                            <span class="mx-1"> | </span>
296                            <a href="https://dewacasino.com/forgot-password" title="forgot password">
297                                <span class="header-link-text">
298                                    Lupa Kata Sandi?
299                                </span>
300                            </a>
301                        </div>
302                    </div>
303
304                            </div>
305        </div>
306
307    </div>
308    <nav
309        class="bg-btn [background:var(--layout-desktop-nav-menu-bg)] h-[40px] flex w-full p-0">
310        <div class="menu-up container mx-auto h-full w-full uppercase p-0">
311    <ul class="navbar-nav flex  h-full items-center p-0">
312                    
313            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
314                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
315                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
316                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 [background:var(--layout-desktop-nav-menu-link-bg-hover-active)] text-[var(--layout-desktop-nav-menu-link-text-hover-active)]"
317                
318                >
319
320                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com">
321                                            Beranda
322                    
323                                    </a>
324
325                            </li>
326                    
327            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
328                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
329                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
330                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
331                
332                >
333
334                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/live-casino">
335                                            Live Casino
336                    
337                                    </a>
338
339                            </li>
340                    
341            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
342                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
343                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
344                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
345                
346                >
347
348                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/slot">
349                                            Slots
350                    
351                                    </a>
352
353                            </li>
354                    
355            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
356                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
357                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
358                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
359                
360                >
361
362                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/arcade">
363                                            ARCADE
364                    
365                                    </a>
366
367                            </li>
368                    
369            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
370                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
371                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
372                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
373                
374                >
375
376                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/togel">
377                                            Togel
378                    
379                                    </a>
380
381                            </li>
382                    
383            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
384                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
385                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
386                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
387                
388                >
389
390                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/esports">
391                                            E-sports
392                    
393                                    </a>
394
395                            </li>
396                    
397            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
398                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
399                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
400                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
401                
402                >
403
404                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/bolatangkas">
405                                            Bolatangkas
406                    
407                                    </a>
408
409                            </li>
410                    
411            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
412                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
413                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
414                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
415                
416                >
417
418                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/sportsbook">
419                                            Sportsbook
420                    
421                                    </a>
422
423                            </li>
424                    
425            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
426                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
427                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
428                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
429                
430                >
431
432                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/poker">
433                                            POKER
434                    
435                                    </a>
436
437                            </li>
438                    
439            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
440                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
441                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
442                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
443                
444                >
445
446                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/deposit">
447                                            Deposit
448                    
449                                    </a>
450
451                            </li>
452                    
453            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
454                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
455                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
456                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]                 "
457                
458                >
459
460                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="#">
461                                            Promosi
462                    
463                                            <i class="fa fa-caret-down pl-1" aria-hidden="true"></i>
464                                    </a>
465
466                                    <ul x-show="open"
467                        class="dropdown-menu absolute left-0 top-full [background:var(--layout-desktop-dropdown-menu-bg)] shadow-lg z-50 min-w-[180px] text-[var(--text-base-reverse)
467]"
468                        style="display: none;">
469                                                                                <li class="w-full">
470                                <a href="https://dewacasino.com/promotion"
471                                    class="block px-4 py-3 normal-case transition-colors bg-tn
472                                    hover:[background:var(--layout-desktop-dropdown-link-bg-hover-active)]
473                                    ">
474                                    Promosi
475                                </a>
476                            </li>
477                                                                                <li class="w-full">
478                                <a href="https://dewacasino.com/referral"
479                                    class="block px-4 py-3 normal-case transition-colors bg-tn
480                                    hover:[background:var(--layout-desktop-dropdown-link-bg-hover-active)]
481                                    ">
482                                    Referral
483                                </a>
484                            </li>
485                                            </ul>
486                            </li>
487                    
488            <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
489                class="nav-item font-[700] w-full px-2 whitespace-nowrap text-[var(--layout-desktop-nav-menu-link-text)] 
490                hover:[background:var(--layout-desktop-nav-menu-link-bg-hover-active)] hover:text-[var(--layout-desktop-nav-menu-link-text-hover-active)]
491                transition-shadow text-[11px] flex justify-center items-center relative h-full transition-all border-l border-[var(--layout-desktop-nav-menu-border)]  border-r                 "
492                
493                >
494
495                <a class="h-full w-full text-center py-2.5 flex items-center justify-center" href="https://dewacasino.com/vip">
496                                            <img src="https://dewacasino.com/assets/img/icons/dv-vip-btn.png" alt="VIP" class="h-auto w-auto">
497                    
498                                    </a>
499
500                            </li>
501            </ul>
502</div>
503    </nav>
504
505</header>
506
507<div class="h-[35px] bg-[var(--layout-desktop-running-text-bg)] w-full flex items-center">
508    <div class="container mx-auto uppercase font-[600] flex gap-x-2">
509        <div
510            class="text-[var(--layout-desktop-running-text-news)] [background:var(--layout-desktop-running-text-news-bg)] whitespace-nowrap text-xs flex items-center ml-2">
511            Berita
512        </div>
513        <div class="running-text">
514        <div class="running-track">
515                            <span class="text-sm text-[var(--layout-desktop-running-text-date)]">
516                    (29/09/2026)
517                </span>
518                <span class="text-xs">
519                                            Selamat Datang di Dewacasino Gunakan Link Alternatif : https://shortku.id/dewacasino-gg
520                     .. &nbsp;&nbsp;&nbsp;
521                </span>
522                            <span class="text-sm text-[var(--layout-desktop-running-text-date)]">
523                    (29/09/2026)
524                </span>
525                <span class="text-xs">
526                                            PEMBERITAHUAN PENTING ! UNTUK PEMBAYARAN QRIS ONLINE 24JAM SETIAP HARINYA !
527                     .. &nbsp;&nbsp;&nbsp;
528                </span>
529                            <span class="text-sm text-[var(--layout-desktop-running-text-date)]">
530                    (29/09/2026)
531                </span>
532                <span class="text-xs">
533                                            TELAH HADIR DEWACASINO NEW DESIGN DAN GAMES TERBARU DARI KAMI Mickey Mouse BOLATANGKAS Dan IDNLIVE
534                     .. &nbsp;&nbsp;&nbsp;
535                </span>
536                            <span class="text-sm text-[var(--layout-desktop-running-text-date)]">
537                    (29/09/2026)
538                </span>
539                <span class="text-xs">
540                                            BCA ONLINE&lt;&gt;BNI ONLINE&lt;&gt;MANDIRI ONLINE&lt;&gt;BRI ONLINE&lt;&gt;CIMB NIAGA ONLINE&lt;&gt;PERMATA ONLINE&lt;&gt;MAYBANK ONLINE&lt;&gt;PANIN ONLINE&lt;&gt;MEGA ONLINE&lt;&gt;JENIUS ONLINE&lt;&gt;SINARMAS ONLINE&lt;&gt;BSI ONLINE&lt;&gt;JAGO ONLINE&lt;&gt;SEABANK ONLINE
541                     .. &nbsp;&nbsp;&nbsp;
542                </span>
543                    </div>
544</div>
545    </div>
546</div>
547    
548    <main class="main-body container bg-[var(--layout-desktop-container-bg)] min-h-[500px]">
549            <div class="relative bg-black">
550        
551        <div class="swiper desktop-banner-swiper w-full bg-black overflow-hidden min-h-[286px] xl:h-[286px] relative text-base">
552    <div class="swiper-wrapper">
553                    <div class="swiper-slide relative">
554                <div class="banner-content relative w-full bg-no-repeat bg-center [background-size:100%_100%] min-h-[286px] xl:h-[286px]">
555                    
556                    <img class="w-full h-full"
557                        src="https://dewacasino.com/assets/img/sli
557ders/vind-anti-blokir-desktop.jpg"
558                        alt="vind-anti-blokir-desktop.jpg" 
559                        fetchpriority="high" 
560                        loading="eager" />
561
562                    <div class="absolute bottom-2 right-4 py-6 px-2 z-10 flex gap-x-2">
563                                                    <a href="/our-games"
564                                class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
565                                MAINKAN
566                            </a>
567                            <a href="https://dewacasino.com/register"
568                                class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
569                                DAFTAR
570                            </a>
571                                            </div>
572                </div>
573            </div>
574                    <div class="swiper-slide relative">
575                <div class="banner-content relative w-full bg-no-repeat bg-center [background-size:100%_100%] min-h-[286px] xl:h-[286px]">
576                    
577                    <img class="w-full h-full"
578                        src="https://fwefw234mkr3.xyz/sliders/csn/slot-mania-kalender-desktop.jpg?v=0"
579                        alt="https://fwefw234mkr3.xyz/sliders/csn/slot-mania-kalender-desktop.jpg" 
580                        fetchpriority="high" 
581                        loading="eager" />
582
583                    <div class="absolute bottom-2 right-4 py-6 px-2 z-10 flex gap-x-2">
584                                                    <a href="/our-games"
585                                class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
586                                MAINKAN
587                            </a>
588                            <a href="https://dewacasino.com/register"
589                                class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
590                                DAFTAR
591                            </a>
592                                            </div>
593                </div>
594            </div>
595                    <div class="swiper-slide relative">
596                <div class="banner-content relative w-full bg-no-repeat bg-center [background-size:100%_100%] min-h-[286px] xl:h-[286px]">
597                    
598                    <img class="w-full h-full"
599                        src="https://fwefw234mkr3.xyz/sliders/csn/new-member-lucky-draw-showdown-desktop.jpg?v=0"
600                        alt="https://fwefw234mkr3.xyz/sliders/csn/new-member-lucky-draw-showdown-desktop.jpg" 
601                        fetchpriority="high" 
602                        loading="eager" />
603
604                    <div class="absolute bottom-2 right-4 py-6 px-2 z-10 flex gap-x-2">
605                                                    <a href="/our-games"
606                                class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
607                                MAINKAN
608                            </a>
609                            <a href="https://dewacasino.com/register"
610                                class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
611                                DAFTAR
612                            </a>
613                                            </div>
614                </div>
615            </div>
616                    <div class="swiper-slide relative">
617                <div class="banner-content relative w-full bg-no-repeat bg-center [background-size:100%_100%] min-h-[286px] xl:h-[286px]">
618                    
619                    <img class="w-full h-full"
620                        src="https://fwefw234mkr3.xyz/sliders/csn/lucky-bonus-desktop.jpg?v=0"
621                        alt="https://fwefw234mkr3.xyz/sliders/csn/lucky-bonus-desktop.jpg" 
622                        fetchpriority="high" 
623                        loading="eager" />
624
625                    <div class="absolute bottom-2 right-4 py-6 px-2 z-10 flex gap-x-2">
626                                                    <a href="/our-games"
627                                class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
628                                MAINKAN
629                            </a>
630                            <a href="https://dewacasino.com/register"
631                                class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
632                                DAFTAR
633                            </a>
634                                            </div>
635                </div>
636            </div>
637                    <div class="swiper-slide relative">
638                <div class="banner-content relative w-full bg-no-repeat bg-center [background-size:100%_100%] min-h-[286px] xl:h-[286px]">
639                    
640                    <img class="w-full h-full"
641                        src="https://fwefw234mkr3.xyz/sliders/csn/hot-stake-desktop.jpg?v=0"
642                        alt="https://fwefw234mkr3.xyz/sliders/csn/hot-stake-desktop.jpg" 
643                        fetchpriority="high" 
644                        loading="eager" />
645
646                    <div class="absolute bottom-2 right-4 py-6 px-2 z-10 flex gap-x-2">
647                                                    <a href="/our-games"
648                                class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
649                                MAINKAN
650                            </a>
651                            <a href="https://dewacasino.com/register"
652                                class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
653                                DAFTAR
654                            </a>
655                                            </div>
656                </div>
657            </div>
658                    <div class="swiper-slide relative">
659                <div class="banner-content relative w-full bg-no-repeat bg-center [background-size:100%_100%] min-h-[286px] xl:h-[286px]">
660                    
661                    <img class="w-full h-full"
662                        src="https://fwefw234mkr3.xyz/sliders/csn/merchandise-exclusive-lucky-draw-desktop.jpg?v=0"
663                        alt="https://fwefw234mkr3.xyz/sliders/csn/merchandise-exclusive-lucky-draw-desktop.jpg" 
664                        fetchpriority="high" 
665                        loading="eager" />
666
667                    <div class="absolute bottom-2 right-4 py-6 px-2 z-10 flex gap-x-2">
668                                                    <a href="/our-games"
669                                class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
670                                MAINKAN
671                            </a>
672                            <a href="https://dewacasino.com/register"
673                                class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
674                                DAFTAR
675                            </a>
676                                            </div>
677                </div>
678            </div>
679                    <div class="swiper-slide relative">
680                <div class="banner-content relative w-full bg-no-repeat bg-center [background-size:100%_100%] min-h-[286px] xl:h-[286px]">
681                    
682                    <img class="w-full h-full"
683                        src="https://fwefw234mkr3.xyz/sliders/dewacasino/crypto-deposit-desktop.jpg?v=0"
684                        alt="https://fwefw234mkr3.xyz/sliders/dewacasino/crypto-deposit-desktop.jpg" 
685                        fetchpriority="high" 
686                        loading="eager" />
687
688                    <div class="absolute bottom-2 right-4 py-6 px-2 z-10 flex gap-x-2">
689                                                    <a href="/our-games"
690                                class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
691                                MAINKAN
692                            </a>
693                            <a href="https://dewacasino.com/register"
694                                class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
695                                DAFTAR
696                            </a>
697                                            </div>
698                </div>
699            </div>
700                    <div class="swiper-slide relative">
701                <div class="banner-content relative w-full bg-no-repeat bg-center [background-size:100%_100%] min-h-[286px] xl:h-[286px]">
702                    
703                    <img class="w-full h-full"
704                        src="https://fwefw234mkr3.xyz/sliders/csn/cashback-100-mixparlay-desktop.jpg?v=0"
705                        alt="https://fwefw234mkr3.xyz/sliders/csn/cashback-100-mixparlay-desktop.jpg" 
706                        fetchpriority="high" 
707                        loading="eager" />
708
709                    <div class="absolute bottom-2 right-4 py-6 px-2 z-10 flex gap-x-2">
710                                                    <a href="/our-games"
711                                class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
712                                MAINKAN
713                            </a>
714                            <a href="https://dewacasino.com/register"
715                                class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] px-7 py-2 rounded font-bold uppercase shadow-xl">
716                                DAFTAR
717                            </a>
718                                            </div>
719                </div>
720            </div>
721            </div>
722
723    <div class="swiper-pagination"></div>
724
725    <div class="swiper-button-prev !text-white after:!text-2xl"></div>
726    <div class="swiper-button-next !text-white after:!text-2xl"></div>
727</div>
728
729<style>
730    /* Increase the hit area and icon size */
731    .swiper-button-next,
732    .swiper-button-prev {
733        width: 60px !important;
734        height: 60px !important;
735    }
736
737    /* Change the actual arrow size */
738    .swiper-button-next::after,
739    .swiper-button-prev::after {
740        font-size: 50px !important; /* Adjust this number to go larger */
741        font-weight: bold;
742        text-shadow: 2px 2px 5px rgba(0,0,0,0.5); /* Helps visibility on bright images */
743    }
744</style>
745        
746
747        
748                        
749
750                    <div x-data x-init="$nextTick(() => $dispatch('open-modal', 'vind-app'))"></div>
751            <div x-data="popup('vind-app')" x-show="show"
752    x-on:open-modal.window="open($event.detail, 'null')"
753    x-on:close-modal.window="close()" x-on:keydown.escape.window="close()" x-cloak @touchmove.prevent
754    style="display: none;" class="fixed inset-0 z-[10001] flex items-center justify-center p-4">
755
756    <div x-show="show" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0"
757        x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300"
758        x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
759        class="fixed inset-0 bg-gray-950/50 backdrop-blur-sm" @click="close()"></div>
760
761    <div x-show="show" @click.stop @touchmove.stop
762        x-transition:enter="transition cubic-bezier(0.17, 0.67, 0.51, 1.25) duration-300"
763        x-transition:enter-start="opacity-0 scale-90 translate-y-8"
764        x-transition:enter-end="opacity-100 scale-100 translate-y-0"
765        x-transition:leave="transition ease-in duration-250" x-transition:leave-start="opacity-100 scale-100"
766        x-transition:leave-end="opacity-0 scale-95"
767        class="relative w-full max-w-md bg-transparent overflow-hidden group py-10 pointer-events-auto">
768
769        <button @click="close()"
770            class="absolute top-2 right-2 z-20 size-10 flex items-center justify-center rounded-full bg-black/40 text-white hover:bg-white hover:text-black transition-all duration-300">
771            <svg class="size-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
772                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12" />
773            </svg>
774        </button>
775
776        <a href="/deposit" class="block w-full h-full">
777            <img src="https://dewacasino.com/assets/img/popup-adds/crypto-popup.webp" alt="Promo"
778                class="w-full h-auto max-h-[70vh] object-contain rounded-lg shadow-2xl antialiased transform-gpu">
779        </a>
780    </div>
781</div>
782        
783        
784        
785        <div class="grid grid-cols-6 gap-2 mt-3">
786    
787    <div class="block relative col-span-3 group" itemscope itemtype="https://schema.org/Game">
788        <span itemprop="name" class="hidden">Bolatangkas</span>
789        <span itemprop="description" class="hidden">Bolatangkas</span>
790
791        <a href="our-games/mickey-mouse" title="Bolatangkas">
792            <div class="relative w-full overflow-hidden">
793                <img src="https://dewacasino.com/assets/img/DV_MMbolatangkas_desktop.jpg"
794                    class="w-full min-h-[150px] relative z-0"
795                    alt="Bolatangkas">
796
797                
798                <div class="absolute z-3 inset-0 flex flex-col gap-2 items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
799                    <div class="mt-5 bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  shadow-xl">
800                        MAINKAN
801                    </div>
802
803                    
804                </div>
805            </div>
806
807            
808                        <span class="absolute top-0 px-1 font-bold text-[13px] bg-[var(--desktop-game-tag-bg)] z-2 text-[var(--desktop-game-tag-text)]  right-0">Promo</span>
809            
810            
811            <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium ">
812                Bolatangkas
813            </div>
814        </a>
815    </div>
816
817    
818    <div class="block relative col-span-3 group" itemscope itemtype="https://schema.org/Game">
819        <span itemprop="name" class="hidden">Promotion Mega Prize</span>
820        <span itemprop="description" class="hidden">Promotion Mega Prize</span>
821
822        <a href="promotion" title="Promotion Mega Prize">
823            <div class="relative w-full overflow-hidden">
824                <img src="https://dewacasino.com/assets/img/DV_Megaprize_desktop.jpg"
825                    class="w-full min-h-[150px] relative z-0"
826                    alt="Promotion Mega Prize">
827
828                
829                <div class="absolute z-3 inset-0 flex flex-col gap-2 items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
830                    <div class="mt-5 bg-btn [background:var(--desktop-btn-promotion)] hover:[background:var(--desktop-btn-promotion-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  shadow-xl">
831                        Promosi
832                    </div>
833
834                    
835                </div>
836            </div>
837
838            
839                        
840            
841            <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium ">
842                Promotion Mega Prize
843            </div>
844        </a>
845    </div>
846</div>
847
848        
849        <div class="w-full grid grid-cols-5 gap-2 items-stretch mt-2 pb-4">
850                                                
851                    <div x-data="gameLauncherApi()" class="block relative . group" itemscope itemtype="https://schema.org/Game">
852
853    
854    
855    <span itemprop="name" class="hidden">New IDNLIVE Lobby</span>
856    <span itemprop="description" class="hidden">New IDNLIVE Lobby</span>
857
858    
859            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;idnlive&quot;,&quot;id&quot;:&quot;newlobby&quot;})">
860    
861    
862
863    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/idnlive/idnlive-lobby-new.jpg')" >
864                    
865            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
866                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
867                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
868            </div>
869            
870
871            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
872                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="New IDNLIVE Lobby">
873        
874        
875        
876        
877        <div
878            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
879            <div
880                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
881                MAINKAN
882            </div>
883        </div>
884
885    </div>
886
887    
888    
889    
890        
891    
892    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
893        
894        New IDNLIVE Lobby
895    </div>         
896
897    
898        </a>
899</div>
900                    
901                                                                
902                    <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
903
904    
905    
906    <span itemprop="name" class="hidden">Playtech Live Lobby</span>
907    <span itemprop="description" class="hidden">Playtech Live Lobby</span>
908
909    
910            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;sg8&quot;,&quot;gp&quot;:&quot;playtech-ld-sg8&quot;,&quot;id&quot;:&quot;96901&quot;})">
911    
912    
913
914    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/spots/home-home/playtech-live-lobby.jpg')" >
915                    
916            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
917                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
918                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
919            </div>
920            
921
922            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
923                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Playtech Live Lobby">
924        
925        
926        
927        
928        <div
929            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
930            <div
931                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
932                MAINKAN
933            </div>
934        </div>
935
936    </div>
937
938    
939    
940    
941        
942    
943    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
944        
945        Playtech Live Lobby
946    </div>         
947
948    
949        </a>
950</div>
951                    
952                                                                
953                    <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
954
955    
956    
957    <span itemprop="name" class="hidden">IDNLIVE Lobby</span>
958    <span itemprop="description" class="hidden">IDNLIVE Lobby</span>
959
960    
961            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;idnlive&quot;,&quot;id&quot;:&quot;bolagila&quot;})">
962    
963    
964
965    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/spots/home-home/idnlive-lobby.jpg')" >
966                    
967            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
968                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
969                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
970            </div>
971            
972
973            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
974                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="IDNLIVE Lobby">
975        
976        
977        
978        
979        <div
980            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
981            <div
982                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
983                MAINKAN
984            </div>
985        </div>
986
987    </div>
988
989    
990    
991    
992        
993    
994    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
995        
996        IDNLIVE Lobby
997    </div>         
998
999    
1000        </a>
1001</div>
1002                    
1003                                                                
1004                    <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
1005
1006    
1007    
1008    <span itemprop="name" class="hidden">PP Lobby</span>
1009    <span itemprop="description" class="hidden">PP Lobby</span>
1010
1011    
1012            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-live-casino&quot;,&quot;id&quot;:&quot;
1012ppld_102&quot;})">
1013    
1014    
1015
1016    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-live-casino/pp-lobby.jpg')" >
1017                    
1018            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
1019                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
1020                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
1021            </div>
1022            
1023
1024            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
1025                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="PP Lobby">
1026        
1027        
1028        
1029        
1030        <div
1031            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
1032            <div
1033                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
1034                MAINKAN
1035            </div>
1036        </div>
1037
1038    </div>
1039
1040    
1041    
1042    
1043        
1044    
1045    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
1046        
1047        PP Lobby
1048    </div>         
1049
1050    
1051        </a>
1052</div>
1053                    
1054                                                                
1055                    <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
1056
1057    
1058    
1059    <span itemprop="name" class="hidden">MG Live Lobby</span>
1060    <span itemprop="description" class="hidden">MG Live Lobby</span>
1061
1062    
1063            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;mggrand&quot;,&quot;id&quot;:&quot;MGL_GRAND_LobbyAll&quot;})">
1064    
1065    
1066
1067    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/mggrand/mg-live-lobby.jpg')" >
1068                    
1069            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
1070                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
1071                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
1072            </div>
1073            
1074
1075            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
1076                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="MG Live Lobby">
1077        
1078        
1079        
1080        
1081        <div
1082            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
1083            <div
1084                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
1085                MAINKAN
1086            </div>
1087        </div>
1088
1089    </div>
1090
1091    
1092    
1093    
1094    <span class="absolute top-0 px-1 font-bold text-[13px] bg-[var(--desktop-game-tag-bg)] z-2 text-[var(--desktop-game-tag-text)]  left-0">PROMO</span>
1095                
1096    
1097    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
1098        
1099        MG Live Lobby
1100    </div>         
1101
1102    
1103        </a>
1104</div>
1105                    
1106                                                                
1107                    <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
1108
1109    
1110    
1111    <span itemprop="name" class="hidden">Evolution Lobby</span>
1112    <span itemprop="description" class="hidden">Evolution Lobby</span>
1113
1114    
1115            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;sg8&quot;,&quot;gp&quot;:&quot;evolution&quot;,&quot;id&quot;:&quot;25000&quot;})">
1116    
1117    
1118
1119    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/spots/home-home/evolution-lobby.jpg')" >
1120                    
1121            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
1122                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
1123                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
1124            </div>
1125            
1126
1127            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
1128                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Evolution Lobby">
1129        
1130        
1131        
1132        
1133        <div
1134            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
1135            <div
1136                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
1137                MAINKAN
1138            </div>
1139        </div>
1140
1141    </div>
1142
1143    
1144    
1145    
1146    <span class="absolute top-0 px-1 font-bold text-[13px] bg-[var(--desktop-game-tag-bg)] z-2 text-[var(--desktop-game-tag-text)]  left-0">PROMO</span>
1147                
1148    
1149    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
1150        
1151        Evolution Lobby
1152    </div>         
1153
1154    
1155        </a>
1156</div>
1157                    
1158                                                                
1159                    <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
1160
1161    
1162    
1163    <span itemprop="name" class="hidden">OG Plus</span>
1164    <span itemprop="description" class="hidden">OG Plus</span>
1165
1166    
1167            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;sg8&quot;,&quot;gp&quot;:&quot;og-plus&quot;,&quot;id&quot;:&quot;88001&quot;})">
1168    
1169    
1170
1171    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/spots/home-home/og-plus.jpg')" >
1172                    
1173            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
1174                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
1175                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
1176            </div>
1177            
1178
1179            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
1180                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="OG Plus">
1181        
1182        
1183        
1184        
1185        <div
1186            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
1187            <div
1188                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
1189                MAINKAN
1190            </div>
1191        </div>
1192
1193    </div>
1194
1195    
1196    
1197    
1198        
1199    
1200    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
1201        
1202        OG Plus
1203    </div>         
1204
1205    
1206        </a>
1207</div>
1208                    
1209                                                                
1210                    <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
1211
1212    
1213    
1214    <span itemprop="name" class="hidden">WM live casino</span>
1215    <span itemprop="description" class="hidden">WM live casino</span>
1216
1217    
1218            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_seamlessgame_0&quot;})">
1219    
1220    
1221
1222    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/sbo/wm-live-casino.jpg')" >
1223                    
1224            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
1225                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
1226                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
1227            </div>
1228            
1229
1230            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
1231                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="WM live casino">
1232        
1233        
1234        
1235        
1236        <div
1237            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
1238            <div
1239                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
1240                MAINKAN
1241            </div>
1242        </div>
1243
1244    </div>
1245
1246    
1247    
1248    
1249        
1250    
1251    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
1252        
1253        WM live casino
1254    </div>         
1255
1256    
1257        </a>
1258</div>
1259                    
1260                                                                
1261                    <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
1262
1263    
1264    
1265    <span itemprop="name" class="hidden">Lucky Streak Lobby</span>
1266    <span itemprop="description" class="hidden">Lucky Streak Lobby</span>
1267
1268    
1269            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;lucky-streak&quot;,&quot;gp&quot;:&quot;luckystreak&quot;,&quot;id&quot;:&quot;0&quot;})">
1270    
1271    
1272
1273    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/luckystreak/lucky-streak-lobby.jpg')" >
1274                    
1275            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
1276                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
1277                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
1278            </div>
1279            
1280
1281            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
1282                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Lucky Streak Lobby">
1283        
1284        
1285        
1286        
1287        <div
1288            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
1289            <div
1290                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
1291                MAINKAN
1292            </div>
1293        </div>
1294
1295    </div>
1296
1297    
1298    
1299    
1300        
1301    
1302    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
1303        
1304        Lucky Streak Lobby
1305    </div>         
1306
1307    
1308        </a>
1309</div>
1310                    
1311                                                                
1312                    <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
1313
1314    
1315    
1316    <span itemprop="name" class="hidden">AllBet Lobby</span>
1317    <span itemprop="description" class="hidden">AllBet Lobby</span>
1318
1319    
1320            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;sg8&quot;,&quot;gp&quot;:&quot;allbet&quot;,&quot;id&quot;:&quot;19000&quot;})">
1321    
1322    
1323
1324    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/allbet/allbet-lobby.jpg')" >
1325                    
1326            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
1327                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
1328                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
1329            </div>
1330            
1331
1332            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
1333                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="AllBet Lobby">
1334        
1335        
1336        
1337        
1338        <div
1339            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
1340            <div
1341                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
1342                MAINKAN
1343            </div>
1344        </div>
1345
1346    </div>
1347
1348    
1349    
1350    
1351        
1352    
1353    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
1354        
1355        AllBet Lobby
1356    </div>         
1357
1358    
1359        </a>
1360</div>
1361                    
1362                                    </div>
1363
1364        
1365
1366        
1367        <div class="w-full py-3 px-1 [background:var(--desktop-hotmatch-bg)] text-[var(--desktop-hotmatch-text)]" x-data="{ active: 0 }">
1368
1369    
1370    <div class="flex items-center relative">
1371        <div class="flex overflow-x-auto text-base ml-2 gap-x-2 items-center" style="flex:1 1 auto;min-width:0;">
1372            <div class="w-[150px] font-bold items-center text-ellipsis text-2xl ">
1373                Hot Match
1374                <img src="https://dewacasino.com/assets/img/icons/fire.webp" alt="fire"
1375                    class="h-5 w-5 absolute top-[8px] left-[145px]">
1376            </div>
1377                            <button @click="active = 0"
1378                    class="w-max-[200px] whitespace-nowrap text-[var(--desktop-hotmatch-tab-text)] overflow-hidden text-ellipsis cursor-pointer
1379                    p-2 rounded-md hover:!bg-[var(--desktop-hotmatch-tab-btn-bg)] hover:text-[var(--desktop-hotmatch-tab-text-hover-active)]"
1380                    :class="active === 0 ?
1381                        '!bg-[var(--desktop-hotmatch-tab-btn-bg)] text-[var(--desktop-hotmatch-tab-text-h
1381over-active)]' : ''">
1382                    Sepakbola
1383                </button>
1384                                            <button @click="active = 1"
1385                    class="w-max-[200px] whitespace-nowrap text-[var(--desktop-hotmatch-tab-text)] overflow-hidden text-ellipsis cursor-pointer
1386                    p-2 rounded-md hover:!bg-[var(--desktop-hotmatch-tab-btn-bg)] hover:text-[var(--desktop-hotmatch-tab-text-hover-active)]"
1387                    :class="active === 1 ?
1388                        '!bg-[var(--desktop-hotmatch-tab-btn-bg)] text-[var(--desktop-hotmatch-tab-text-hover-active)]' : ''">
1389                    Basket
1390                </button>
1391                                            <button @click="active = 2"
1392                    class="w-max-[200px] whitespace-nowrap text-[var(--desktop-hotmatch-tab-text)] overflow-hidden text-ellipsis cursor-pointer
1393                    p-2 rounded-md hover:!bg-[var(--desktop-hotmatch-tab-btn-bg)] hover:text-[var(--desktop-hotmatch-tab-text-hover-active)]"
1394                    :class="active === 2 ?
1395                        '!bg-[var(--desktop-hotmatch-tab-btn-bg)] text-[var(--desktop-hotmatch-tab-text-hover-active)]' : ''">
1396                    E-Sport
1397                </button>
1398                                                            <button @click="$store.loginModalState.toggle()"
1399                            class="w-max-[200px] whitespace-nowrap text-[var(--desktop-hotmatch-tab-text)] overflow-hidden text-ellipsis cursor-pointer
1400                            p-2 rounded-md hover:!bg-[var(--desktop-hotmatch-tab-btn-bg)] hover:text-[var(--desktop-hotmatch-tab-text-hover-active)]"
1401                            style="display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:40px;">
1402                            <img src="https://dewacasino.com/assets/img/icons/livebola.svg" alt="LIVEBOLA" style="width:auto;max-width:82px;height:12px;">
1403                        </button>
1404                                                
1405        </div>
1406
1407        <div class="flex items-center justify-end" style="width:40%;flex-shrink:0;">
1408            <a href="https://shortku.id/dewacasino-vind" target="_blank" class="w-full">
1409                <img src="https://dewacasino.com/assets/img/banners/vind-id-v2-desktop.webp" alt="Vind Apk Banner"
1410                    class="w-full h-auto">
1411            </a>
1412        </div>
1413    </div>
1414
1415    
1416    <div class="w-full mt-3 ">
1417                    <div class="flex gap-x-2 overflow-x-auto px-2 no-scrollbar select-none cursor-grab active:cursor-grabbing"
1418                x-show="active === 0" x-cloak
1419                @mousedown="mousedown = true; startX = $event.pageX - $el.offsetLeft; scrollLeft = $el.scrollLeft"
1420                @mousemove.window="if(!mousedown) return; $event.preventDefault(); const x = $event.pageX - $el.offsetLeft; const walk = (x - startX) * 2; $el.scrollLeft = scrollLeft - walk"
1421                @mouseup.window="mousedown = false" @mouseleave="mousedown = false" x-data="{ mousedown: false, startX: 0, scrollLeft: 0 }">
1422
1423                
1424                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
1425                        <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1426                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
1427
1428                        
1429                        <div class="p-2 relative z-10">
1430                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
1431                                <div class="flex items-center gap-x-2 min-w-0">
1432                                    <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1433                                        alt="Sepakbola" class="w-6 h-6 rounded-full object-cover bg-gray-100">
1434                                    <p class="font-bold uppercase truncate">
1435                                        UEFA NATIONS LEAGU...
1436                                    </p>
1437                                </div>
1438                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
1439                                    29/09 - 1:45 AM
1440                                </p>
1441                            </div>
1442
1443                            <div class="absolute right-2 top-2" x-data="tooltip()">
1444
1445                                <a href="javascript:void(0)" x-bind="trigger">
1446                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
1447                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewB
1447ox="0 0 16 16">
1448                                        <path
1449                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
1450                                    </svg>
1451                                </a>
1452
1453                                <template x-teleport="body">
1454                                    <div x-show="show" x-cloak
1455                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
1456                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
1457
1458                                        PROMO Cashback Hot Match 10% di SBOBET
1459
1460                                        <div
1461                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
1462                                        </div>
1463                                    </div>
1464                                </template>
1465                            </div>
1466
1467                            
1468                                                            <div x-data="tooltip()"
1469                                    class="absolute bottom-[-18px] right-[25px] w-[100px] h-[50px]">
1470
1471                                    <div
1472                                        class="absolute inset-0 z-10 flex items-center justify-center">
1473                                        <img src="https://dewacasino.com/assets/img/leaderboard/Fireee-Gif.gif"
1474                                            class="absolute inset-0 w-full h-full object-cover pointer-events-none"
1475                                            style="mix-blend-mode:screen;opacity:.04;filter:brightness(2.2) contrast(1.5);"
1476                                            alt="fire effect">
1477                                        <a href="javascript:void(0)" x-bind="trigger"
1478                                            class="relative z-10 [background:var(--desktop-hotmatch-promo-tag-bg)] rounded-full px-3 py-[3px] text-[10px] text-white font-bold shadow"
1479                                            style="box-shadow:0 1px 4px rgba(0,0,0,.45);">
1480                                            PROMO
1481                                        </a>
1482                                    </div>
1483
1484                                    <template x-teleport="body">
1485                                        <div x-show="show" x-cloak
1486                                            class="fixed z-[9999] px-4 py-3 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-10px]"
1487                                            :style="`top: ${y}px; left: ${x}px`" style="display: none;">
1488                                            PROMO Cashback Hot Match 10% di SBOBET
1489                                            <div
1490                                                class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-800">
1491                                            </div>
1492                                        </div>
1493                                    </template>
1494                                </div>
1495                                                    </div>
1496
1497                        
1498                        <div class="relative z-10 flex-1">
1499
1500                            
1501                            <div class="h-6 p-1 flex items-center overflow-hidden bg-[var(--desktop-hotmatch-promo-bg)]">
1502                                                                    <marquee class="text-xs whitespace-nowrap text-white ticker">
1503                                        PROMO SBO SPORT
1504                                    </marquee>
1505                                                            </div>
1506
1507                            <div class="p-2">
1508                                
1509                                <div class="flex items-center gap-x-2 py-1">
1510                                    <div class="flex items-center gap-x-2 min-w-0 
1510w-full">
1511                                        <div
1512                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1513                                            style="width:32px;height:32px;">
1514                                            H</div>
1515                                        <p class="truncate font-semibold">Belgium</p>
1516                                    </div>
1517                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
1518                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
1519                                        <p class="truncate text-right font-semibold">France</p>
1520                                        <div
1521                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1522                                            style="width:32px;height:32px;">
1523                                            A</div>
1524                                    </div>
1525                                </div>
1526
1527                                
1528                                <div class="mt-2 text-[10px]">
1529                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
1530                                    <div class="flex gap-x-2">
1531                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1532                                            <span>Home</span>
1533                                            <b>0.50</b>
1534                                        </div>
1535                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1536                                            <span>Away</span>
1537                                            <b>-0.50</b>
1538                                        </div>
1539                                    </div>
1540                                    <div class="py-1 text-center font-bold">Over/Under</div>
1541                                    <div class="flex gap-x-2">
1542                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1543                                            <span>Di Atas 3.00</span>
1544                                            <b>1.02</b>
1545                                        </div>
1546                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1547                                            <span>Di Bawah 3.00</span>
1548                                            <b>-1.11</b>
1549                                        </div>
1550                                    </div>
1551                                </div>
1552                            </div>
1553
1554                        </div>
1555
1556                        
1557                        
1558                        
1559                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
1560                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
1561                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
1562                                                    </div>
1563
1564                    </div>
1565                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
1566                        <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1567                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
1568
1569                        
1570                        <div class="p-2 relative z-10">
1571                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
1572                                <div class="flex items-center gap-x-2 min-w-0">
1573                                    <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1574                                        alt="Sepakbola" class="w-6 h-6 rounded-full object-cover bg-gray-100">
1575                                    <p class="font-bold uppercase truncate">
1576                                        UEFA NATIONS LEAGU...
1577                                    </p>
1578                                </div>
1579                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
1580                                    29/09 - 1:45 AM
1581                                </p>
1582                            </div>
1583
1584                            <div class="absolute right-2 top-2" x-data="tooltip()">
1585
1586                                <a href="javascript:void(0)" x-bind="trigger">
1587                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
1588                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
1589                                        <path
1590                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
1590081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
1591                                    </svg>
1592                                </a>
1593
1594                                <template x-teleport="body">
1595                                    <div x-show="show" x-cloak
1596                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
1597                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
1598
1599                                        PROMO Cashback Hot Match 10% di SBOBET
1600
1601                                        <div
1602                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
1603                                        </div>
1604                                    </div>
1605                                </template>
1606                            </div>
1607
1608                            
1609                                                            <div x-data="tooltip()"
1610                                    class="absolute bottom-[-18px] right-[25px] w-[100px] h-[50px]">
1611
1612                                    <div
1613                                        class="absolute inset-0 z-10 flex items-center justify-center">
1614                                        <img src="https://dewacasino.com/assets/img/leaderboard/Fireee-Gif.gif"
1615                                            class="absolute inset-0 w-full h-full object-cover pointer-events-none"
1616                                            style="mix-blend-mode:screen;opacity:.04;filter:brightness(2.2) contrast(1.5);"
1617                                            alt="fire effect">
1618                                        <a href="javascript:void(0)" x-bind="trigger"
1619                                            class="relative z-10 [background:var(--desktop-hotmatch-promo-tag-bg)] rounded-full px-3 py-[3px] text-[10px] text-white font-bold shadow"
1620                                            style="box-shadow:0 1px 4px rgba(0,0,0,.45);">
1621                                            PROMO
1622                                        </a>
1623                                    </div>
1624
1625                                    <template x-teleport="body">
1626                                        <div x-show="show" x-cloak
1627                                            class="fixed z-[9999] px-4 py-3 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-10px]"
1628                                            :style="`top: ${y}px; left: ${x}px`" style="display: none;">
1629                                            PROMO Cashback Hot Match 10% di SBOBET
1630                                            <div
1631                                                class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-800">
1632                                            </div>
1633                                        </div>
1634                                    </template>
1635                                </div>
1636                                                    </div>
1637
1638                        
1639                        <div class="relative z-10 flex-1">
1640
1641                            
1642                            <div class="h-6 p-1 flex items-center overflow-hidden bg-[var(--desktop-hotmatch-promo-bg)]">
1643                                                                    <marquee class="text-xs whitespace-nowrap text-white ticker">
1644                                        PROMO SBO SPORT
1645                                    </marquee>
1646                                                            </div>
1647
1648                            <div class="p-2">
1649                                
1650                                <div class="flex items-center gap-x-2 py-1">
1651                                    <div class="flex items-center gap-x-2 min-w-0 
1651w-full">
1652                                        <div
1653                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1654                                            style="width:32px;height:32px;">
1655                                            H</div>
1656                                        <p class="truncate font-semibold">Turkey</p>
1657                                    </div>
1658                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
1659                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
1660                                        <p class="truncate text-right font-semibold">Italy</p>
1661                                        <div
1662                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1663                                            style="width:32px;height:32px;">
1664                                            A</div>
1665                                    </div>
1666                                </div>
1667
1668                                
1669                                <div class="mt-2 text-[10px]">
1670                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
1671                                    <div class="flex gap-x-2">
1672                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1673                                            <span>Home</span>
1674                                            <b>0.00</b>
1675                                        </div>
1676                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1677                                            <span>Away</span>
1678                                            <b>0.00</b>
1679                                        </div>
1680                                    </div>
1681                                    <div class="py-1 text-center font-bold">Over/Under</div>
1682                                    <div class="flex gap-x-2">
1683                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1684                                            <span>Di Atas 2.75</span>
1685                                            <b>-1.02</b>
1686                                        </div>
1687                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1688                                            <span>Di Bawah 2.75</span>
1689                                            <b>-1.06</b>
1690                                        </div>
1691                                    </div>
1692                                </div>
1693                            </div>
1694
1695                        </div>
1696
1697                        
1698                        
1699                        
1700                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
1701                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
1702                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
1703                                                    </div>
1704
1705                    </div>
1706                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
1707                        <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1708                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
1709
1710                        
1711                        <div class="p-2 relative z-10">
1712                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
1713                                <div class="flex items-center gap-x-2 min-w-0">
1714                                    <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1715                                        alt="Sepakbola" class="w-6 h-6 rounded-full object-cover bg-gray-100">
1716                                    <p class="font-bold uppercase truncate">
1717                                        UEFA NATIONS LEAGU...
1718                                    </p>
1719                                </div>
1720                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
1721                                    29/09 - 1:45 AM
1722                                </p>
1723                            </div>
1724
1725                            <div class="absolute right-2 top-2" x-data="tooltip()">
1726
1727                                <a href="javascript:void(0)" x-bind="trigger">
1728                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
1729                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
1730                                        <path
1731                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
1731081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
1732                                    </svg>
1733                                </a>
1734
1735                                <template x-teleport="body">
1736                                    <div x-show="show" x-cloak
1737                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
1738                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
1739
1740                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
1741
1742                                        <div
1743                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
1744                                        </div>
1745                                    </div>
1746                                </template>
1747                            </div>
1748
1749                            
1750                                                    </div>
1751
1752                        
1753                        <div class="relative z-10 flex-1">
1754
1755                            
1756                            <div class="h-6 p-1 flex items-center overflow-hidden ">
1757                                                            </div>
1758
1759                            <div class="p-2">
1760                                
1761                                <div class="flex items-center gap-x-2 py-1">
1762                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
1763                                        <div
1764                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1765                                            style="width:32px;height:32px;">
1766                                            H</div>
1767                                        <p class="truncate font-semibold">Northern Ireland</p>
1768                                    </div>
1769                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
1770                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
1771                                        <p class="truncate text-right font-semibold">Hungary</p>
1772                                        <div
1773                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1774                                            style="width:32px;height:32px;">
1775                                            A</div>
1776                                    </div>
1777                                </div>
1778
1779                                
1780                                <div class="mt-2 text-[10px]">
1781                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
1782                                    <div class="flex gap-x-2">
1783                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1784                                            <span>Home</span>
1785                                            <b>0.00</b>
1786                                        </div>
1787                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1788                                            <span>Away</span>
1789                                            <b>0.00</b>
1790                                        </div>
1791                                    </div>
1792                                    <div class="py-1 text-center font-bold">Over/Under</div>
1793                                    <div class="flex gap-x-2">
1794                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1795                                            <span>Di Atas 2.00</span>
1796                                            <b>1.02</b>
1797                                        </div>
1798                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1799                                            <span>Di Bawah 2.00</span>
1800                                            <b>-1.11</b>
1801                                        </div>
1802                                    </div>
1803                                </div>
1804                            </div>
1805
1806                        </div>
1807
1808                        
1809                        
1810                        
1811                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
1812                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
1813                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
1814                                                    </div>
1815
1816                    </div>
1817                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
1818                        <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1819                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
1820
1821                        
1822                        <div class="p-2 relative z-10">
1823                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
1824                                <div class="flex items-center gap-x-2 min-w-0">
1825                                    <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1826                                        alt="Sepakbola" class="w-6 h-6 rounded-full object-cover bg-gray-100">
1827                                    <p class="font-bold uppercase truncate">
1828                                        UEFA NATIONS LEAGU...
1829                                    </p>
1830                                </div>
1831                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
1832                                    29/09 - 1:45 AM
1833                                </p>
1834                            </div>
1835
1836                            <div class="absolute right-2 top-2" x-data="tooltip()">
1837
1838                                <a href="javascript:void(0)" x-bind="trigger">
1839                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
1840                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
1841                                        <path
1842                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
1842081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
1843                                    </svg>
1844                                </a>
1845
1846                                <template x-teleport="body">
1847                                    <div x-show="show" x-cloak
1848                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
1849                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
1850
1851                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
1852
1853                                        <div
1854                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
1855                                        </div>
1856                                    </div>
1857                                </template>
1858                            </div>
1859
1860                            
1861                                                    </div>
1862
1863                        
1864                        <div class="relative z-10 flex-1">
1865
1866                            
1867                            <div class="h-6 p-1 flex items-center overflow-hidden ">
1868                                                            </div>
1869
1870                            <div class="p-2">
1871                                
1872                                <div class="flex items-center gap-x-2 py-1">
1873                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
1874                                        <div
1875                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1876                                            style="width:32px;height:32px;">
1877                                            H</div>
1878                                        <p class="truncate font-semibold">Romania</p>
1879                                    </div>
1880                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
1881                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
1882                                        <p class="truncate text-right font-semibold">Bosnia-Herzegovina</p>
1883                                        <div
1884                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1885                                            style="width:32px;height:32px;">
1886                                            A</div>
1887                                    </div>
1888                                </div>
1889
1890                                
1891                                <div class="mt-2 text-[10px]">
1892                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
1893                                    <div class="flex gap-x-2">
1894                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1895                                            <span>Home</span>
1896                                            <b>-0.25</b>
1897                                        </div>
1898                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1899                                            <span>Away</span>
1900                                            <b>0.25</b>
1901                                        </div>
1902                                    </div>
1903                                    <div class="py-1 text-center font-bold">Over/Under</div>
1904                                    <div class="flex gap-x-2">
1905                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1906                                            <span>Di Atas 2.25</span>
1907                                            <b>-1.03</b>
1908                                        </div>
1909                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
1910                                            <span>Di Bawah 2.25</span>
1911                                            <b>-1.05</b>
1912                                        </div>
1913                                    </div>
1914                                </div>
1915                            </div>
1916
1917                        </div>
1918
1919                        
1920                        
1921                        
1922                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
1923                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
1924                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
1925                                                    </div>
1926
1927                    </div>
1928                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
1929                        <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1930                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
1931
1932                        
1933                        <div class="p-2 relative z-10">
1934                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
1935                                <div class="flex items-center gap-x-2 min-w-0">
1936                                    <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
1937                                        alt="Sepakbola" class="w-6 h-6 rounded-full object-cover bg-gray-100">
1938                                    <p class="font-bold uppercase truncate">
1939                                        UEFA NATIONS LEAGU...
1940                                    </p>
1941                                </div>
1942                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
1943                                    29/09 - 1:45 AM
1944                                </p>
1945                            </div>
1946
1947                            <div class="absolute right-2 top-2" x-data="tooltip()">
1948
1949                                <a href="javascript:void(0)" x-bind="trigger">
1950                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
1951                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
1952                                        <path
1953                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
1953081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
1954                                    </svg>
1955                                </a>
1956
1957                                <template x-teleport="body">
1958                                    <div x-show="show" x-cloak
1959                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
1960                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
1961
1962                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
1963
1964                                        <div
1965                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
1966                                        </div>
1967                                    </div>
1968                                </template>
1969                            </div>
1970
1971                            
1972                                                    </div>
1973
1974                        
1975                        <div class="relative z-10 flex-1">
1976
1977                            
1978                            <div class="h-6 p-1 flex items-center overflow-hidden ">
1979                                                            </div>
1980
1981                            <div class="p-2">
1982                                
1983                                <div class="flex items-center gap-x-2 py-1">
1984                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
1985                                        <div
1986                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1987                                            style="width:32px;height:32px;">
1988                                            H</div>
1989                                        <p class="truncate font-semibold">Sweden</p>
1990                                    </div>
1991                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
1992                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
1993                                        <p class="truncate text-right font-semibold">Poland</p>
1994                                        <div
1995                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
1996                                            style="width:32px;height:32px;">
1997                                            A</div>
1998                                    </div>
1999                                </div>
2000
2001                                
2002                                <div class="mt-2 text-[10px]">
2003                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
2004                                    <div class="flex gap-x-2">
2005                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2006                                            <span>Home</span>
2007                                            <b>-0.25</b>
2008                                        </div>
2009                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2010                                            <span>Away</span>
2011                                            <b>0.25</b>
2012                                        </div>
2013                                    </div>
2014                                    <div class="py-1 text-center font-bold">Over/Under</div>
2015                                    <div class="flex gap-x-2">
2016                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2017                                            <span>Di Atas 2.75</span>
2018                                            <b>-1.09</b>
2019                                        </div>
2020                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2021                                            <span>Di Bawah 2.75</span>
2022                                            <b>1.01</b>
2023                                        </div>
2024                                    </div>
2025                                </div>
2026                            </div>
2027
2028                        </div>
2029
2030                        
2031                        
2032                        
2033                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
2034                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
2035                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
2036                                                    </div>
2037
2038                    </div>
2039                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
2040                        <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
2041                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
2042
2043                        
2044                        <div class="p-2 relative z-10">
2045                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
2046                                <div class="flex items-center gap-x-2 min-w-0">
2047                                    <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
2048                                        alt="Sepakbola" class="w-6 h-6 rounded-full object-cover bg-gray-100">
2049                                    <p class="font-bold uppercase truncate">
2050                                        CONCACAF NATIONS L...
2051                                    </p>
2052                                </div>
2053                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
2054                                    29/09 - 5:00 AM
2055                                </p>
2056                            </div>
2057
2058                            <div class="absolute right-2 top-2" x-data="tooltip()">
2059
2060                                <a href="javascript:void(0)" x-bind="trigger">
2061                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
2062                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
2063                                        <path
2064                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
2064081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
2065                                    </svg>
2066                                </a>
2067
2068                                <template x-teleport="body">
2069                                    <div x-show="show" x-cloak
2070                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
2071                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
2072
2073                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
2074
2075                                        <div
2076                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
2077                                        </div>
2078                                    </div>
2079                                </template>
2080                            </div>
2081
2082                            
2083                                                    </div>
2084
2085                        
2086                        <div class="relative z-10 flex-1">
2087
2088                            
2089                            <div class="h-6 p-1 flex items-center overflow-hidden ">
2090                                                            </div>
2091
2092                            <div class="p-2">
2093                                
2094                                <div class="flex items-center gap-x-2 py-1">
2095                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
2096                                        <div
2097                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2098                                            style="width:32px;height:32px;">
2099                                            H</div>
2100                                        <p class="truncate font-semibold">Suriname</p>
2101                                    </div>
2102                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
2103                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
2104                                        <p class="truncate text-right font-semibold">Martinique</p>
2105                                        <div
2106                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2107                                            style="width:32px;height:32px;">
2108                                            A</div>
2109                                    </div>
2110                                </div>
2111
2112                                
2113                                <div class="mt-2 text-[10px]">
2114                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
2115                                    <div class="flex gap-x-2">
2116                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2117                                            <span>Home</span>
2118                                            <b>-1.00</b>
2119                                        </div>
2120                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2121                                            <span>Away</span>
2122                                            <b>1.00</b>
2123                                        </div>
2124                                    </div>
2125                                    <div class="py-1 text-center font-bold">Over/Under</div>
2126                                    <div class="flex gap-x-2">
2127                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2128                                            <span>Di Atas 2.50</span>
2129                                            <b>1.01</b>
2130                                        </div>
2131                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2132                                            <span>Di Bawah 2.50</span>
2133                                            <b>-1.20</b>
2134                                        </div>
2135                                    </div>
2136                                </div>
2137                            </div>
2138
2139                        </div>
2140
2141                        
2142                        
2143                        
2144                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
2145                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
2146                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
2147                                                    </div>
2148
2149                    </div>
2150                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
2151                        <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
2152                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
2153
2154                        
2155                        <div class="p-2 relative z-10">
2156                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
2157                                <div class="flex items-center gap-x-2 min-w-0">
2158                                    <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
2159                                        alt="Sepakbola" class="w-6 h-6 rounded-full object-cover bg-gray-100">
2160                                    <p class="font-bold uppercase truncate">
2161                                        CONCACAF NATIONS L...
2162                                    </p>
2163                                </div>
2164                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
2165                                    29/09 - 7:00 AM
2166                                </p>
2167                            </div>
2168
2169                            <div class="absolute right-2 top-2" x-data="tooltip()">
2170
2171                                <a href="javascript:void(0)" x-bind="trigger">
2172                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
2173                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
2174                                        <path
2175                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
2175081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
2176                                    </svg>
2177                                </a>
2178
2179                                <template x-teleport="body">
2180                                    <div x-show="show" x-cloak
2181                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
2182                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
2183
2184                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
2185
2186                                        <div
2187                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
2188                                        </div>
2189                                    </div>
2190                                </template>
2191                            </div>
2192
2193                            
2194                                                    </div>
2195
2196                        
2197                        <div class="relative z-10 flex-1">
2198
2199                            
2200                            <div class="h-6 p-1 flex items-center overflow-hidden ">
2201                                                            </div>
2202
2203                            <div class="p-2">
2204                                
2205                                <div class="flex items-center gap-x-2 py-1">
2206                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
2207                                        <div
2208                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2209                                            style="width:32px;height:32px;">
2210                                            H</div>
2211                                        <p class="truncate font-semibold">Jamaica</p>
2212                                    </div>
2213                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
2214                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
2215                                        <p class="truncate text-right font-semibold">Honduras</p>
2216                                        <div
2217                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2218                                            style="width:32px;height:32px;">
2219                                            A</div>
2220                                    </div>
2221                                </div>
2222
2223                                
2224                                <div class="mt-2 text-[10px]">
2225                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
2226                                    <div class="flex gap-x-2">
2227                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2228                                            <span>Home</span>
2229                                            <b>-0.25</b>
2230                                        </div>
2231                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2232                                            <span>Away</span>
2233                                            <b>0.25</b>
2234                                        </div>
2235                                    </div>
2236                                    <div class="py-1 text-center font-bold">Over/Under</div>
2237                                    <div class="flex gap-x-2">
2238                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2239                                            <span>Di Atas 2.25</span>
2240                                            <b>-1.04</b>
2241                                        </div>
2242                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2243                                            <span>Di Bawah 2.25</span>
2244                                            <b>-1.13</b>
2245                                        </div>
2246                                    </div>
2247                                </div>
2248                            </div>
2249
2250                        </div>
2251
2252                        
2253                        
2254                        
2255                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
2256                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
2257                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
2258                                                    </div>
2259
2260                    </div>
2261                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
2262                        <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
2263                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
2264
2265                        
2266                        <div class="p-2 relative z-10">
2267                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
2268                                <div class="flex items-center gap-x-2 min-w-0">
2269                                    <img src="https://dewacasino.com/assets/img/leaderboard/sepakbola.webp"
2270                                        alt="Sepakbola" class="w-6 h-6 rounded-full object-cover bg-gray-100">
2271                                    <p class="font-bold uppercase truncate">
2272                                        CONCACAF NATIONS L...
2273                                    </p>
2274                                </div>
2275                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
2276                                    29/09 - 9:00 AM
2277                                </p>
2278                            </div>
2279
2280                            <div class="absolute right-2 top-2" x-data="tooltip()">
2281
2282                                <a href="javascript:void(0)" x-bind="trigger">
2283                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
2284                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
2285                                        <path
2286                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
2286081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
2287                                    </svg>
2288                                </a>
2289
2290                                <template x-teleport="body">
2291                                    <div x-show="show" x-cloak
2292                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
2293                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
2294
2295                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
2296
2297                                        <div
2298                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
2299                                        </div>
2300                                    </div>
2301                                </template>
2302                            </div>
2303
2304                            
2305                                                    </div>
2306
2307                        
2308                        <div class="relative z-10 flex-1">
2309
2310                            
2311                            <div class="h-6 p-1 flex items-center overflow-hidden ">
2312                                                            </div>
2313
2314                            <div class="p-2">
2315                                
2316                                <div class="flex items-center gap-x-2 py-1">
2317                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
2318                                        <div
2319                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2320                                            style="width:32px;height:32px;">
2321                                            H</div>
2322                                        <p class="truncate font-semibold">Guatemala</p>
2323                                    </div>
2324                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
2325                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
2326                                        <p class="truncate text-right font-semibold">El Salvador</p>
2327                                        <div
2328                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2329                                            style="width:32px;height:32px;">
2330                                            A</div>
2331                                    </div>
2332                                </div>
2333
2334                                
2335                                <div class="mt-2 text-[10px]">
2336                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
2337                                    <div class="flex gap-x-2">
2338                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2339                                            <span>Home</span>
2340                                            <b>-0.50</b>
2341                                        </div>
2342                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2343                                            <span>Away</span>
2344                                            <b>0.50</b>
2345                                        </div>
2346                                    </div>
2347                                    <div class="py-1 text-center font-bold">Over/Under</div>
2348                                    <div class="flex gap-x-2">
2349                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2350                                            <span>Di Atas 2.50</span>
2351                                            <b>1.01</b>
2352                                        </div>
2353                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2354                                            <span>Di Bawah 2.50</span>
2355                                            <b>-1.20</b>
2356                                        </div>
2357                                    </div>
2358                                </div>
2359                            </div>
2360
2361                        </div>
2362
2363                        
2364                        
2365                        
2366                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
2367                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
2368                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
2369                                                    </div>
2370
2371                    </div>
2372                
2373            </div>
2374                    <div class="flex gap-x-2 overflow-x-auto px-2 no-scrollbar select-none cursor-grab active:cursor-grabbing"
2375                x-show="active === 1" x-cloak
2376                @mousedown="mousedown = true; startX = $event.pageX - $el.offsetLeft; scrollLeft = $el.scrollLeft"
2377                @mousemove.window="if(!mousedown) return; $event.preventDefault(); const x = $event.pageX - $el.offsetLeft; const walk = (x - startX) * 2; $el.scrollLeft = scrollLeft - walk"
2378                @mouseup.window="mousedown = false" @mouseleave="mousedown = false" x-data="{ mousedown: false, startX: 0, scrollLeft: 0 }">
2379
2380                
2381                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
2382                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2383                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
2384
2385                        
2386                        <div class="p-2 relative z-10">
2387                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
2388                                <div class="flex items-center gap-x-2 min-w-0">
2389                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2390                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
2391                                    <p class="font-bold uppercase truncate">
2392                                        NBA
2393                                    </p>
2394                                </div>
2395                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
2396                                    21/10 - 2:00 AM
2397                                </p>
2398                            </div>
2399
2400                            <div class="absolute right-2 top-2" x-data="tooltip()">
2401
2402                                <a href="javascript:void(0)" x-bind="trigger">
2403                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
2404                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
2405                                        <path
2406                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
2406081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
2407                                    </svg>
2408                                </a>
2409
2410                                <template x-teleport="body">
2411                                    <div x-show="show" x-cloak
2412                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
2413                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
2414
2415                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
2416
2417                                        <div
2418                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
2419                                        </div>
2420                                    </div>
2421                                </template>
2422                            </div>
2423
2424                            
2425                                                    </div>
2426
2427                        
2428                        <div class="relative z-10 flex-1">
2429
2430                            
2431                            <div class="h-6 p-1 flex items-center overflow-hidden ">
2432                                                            </div>
2433
2434                            <div class="p-2">
2435                                
2436                                <div class="flex items-center gap-x-2 py-1">
2437                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
2438                                        <div
2439                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2440                                            style="width:32px;height:32px;">
2441                                            H</div>
2442                                        <p class="truncate font-semibold">Detroit Pistons</p>
2443                                    </div>
2444                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
2445                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
2446                                        <p class="truncate text-right font-semibold">Boston Celtics</p>
2447                                        <div
2448                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2449                                            style="width:32px;height:32px;">
2450                                            A</div>
2451                                    </div>
2452                                </div>
2453
2454                                
2455                                <div class="mt-2 text-[10px]">
2456                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
2457                                    <div class="flex gap-x-2">
2458                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2459                                            <span>Home</span>
2460                                            <b>-1.50</b>
2461                                        </div>
2462                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2463                                            <span>Away</span>
2464                                            <b>1.50</b>
2465                                        </div>
2466                                    </div>
2467                                    <div class="py-1 text-center font-bold">Over/Under</div>
2468                                    <div class="flex gap-x-2">
2469                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2470                                            <span>Di Atas 222.50</span>
2471                                            <b>-1.09</b>
2472                                        </div>
2473                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2474                                            <span>Di Bawah 222.50</span>
2475                                            <b>-1.09</b>
2476                                        </div>
2477                                    </div>
2478                                </div>
2479                            </div>
2480
2481                        </div>
2482
2483                        
2484                        
2485                        
2486                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
2487                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
2488                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
2489                                                    </div>
2490
2491                    </div>
2492                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
2493                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2494                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
2495
2496                        
2497                        <div class="p-2 relative z-10">
2498                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
2499                                <div class="flex items-center gap-x-2 min-w-0">
2500                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2501                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
2502                                    <p class="font-bold uppercase truncate">
2503                                        NBA
2504                                    </p>
2505                                </div>
2506                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
2507                                    21/10 - 6:00 AM
2508                                </p>
2509                            </div>
2510
2511                            <div class="absolute right-2 top-2" x-data="tooltip()">
2512
2513                                <a href="javascript:void(0)" x-bind="trigger">
2514                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
2515                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
2516                                        <path
2517                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
2517081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
2518                                    </svg>
2519                                </a>
2520
2521                                <template x-teleport="body">
2522                                    <div x-show="show" x-cloak
2523                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
2524                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
2525
2526                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
2527
2528                                        <div
2529                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
2530                                        </div>
2531                                    </div>
2532                                </template>
2533                            </div>
2534
2535                            
2536                                                    </div>
2537
2538                        
2539                        <div class="relative z-10 flex-1">
2540
2541                            
2542                            <div class="h-6 p-1 flex items-center overflow-hidden ">
2543                                                            </div>
2544
2545                            <div class="p-2">
2546                                
2547                                <div class="flex items-center gap-x-2 py-1">
2548                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
2549                                        <div
2550                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2551                                            style="width:32px;height:32px;">
2552                                            H</div>
2553                                        <p class="truncate font-semibold">New York Knicks</p>
2554                                    </div>
2555                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
2556                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
2557                                        <p class="truncate text-right font-semibold">Philadelphia 76ers</p>
2558                                        <div
2559                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2560                                            style="width:32px;height:32px;">
2561                                            A</div>
2562                                    </div>
2563                                </div>
2564
2565                                
2566                                <div class="mt-2 text-[10px]">
2567                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
2568                                    <div class="flex gap-x-2">
2569                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2570                                            <span>Home</span>
2571                                            <b>-4.50</b>
2572                                        </div>
2573                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2574                                            <span>Away</span>
2575                                            <b>4.50</b>
2576                                        </div>
2577                                    </div>
2578                                    <div class="py-1 text-center font-bold">Over/Under</div>
2579                                    <div class="flex gap-x-2">
2580                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2581                                            <span>Di Atas 231.50</span>
2582                                            <b>-1.05</b>
2583                                        </div>
2584                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2585                                            <span>Di Bawah 231.50</span>
2586                                            <b>-1.14</b>
2587                                        </div>
2588                                    </div>
2589                                </div>
2590                            </div>
2591
2592                        </div>
2593
2594                        
2595                        
2596                        
2597                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
2598                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
2599                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
2600                                                    </div>
2601
2602                    </div>
2603                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
2604                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2605                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
2606
2607                        
2608                        <div class="p-2 relative z-10">
2609                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
2610                                <div class="flex items-center gap-x-2 min-w-0">
2611                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2612                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
2613                                    <p class="font-bold uppercase truncate">
2614                                        NBA
2615                                    </p>
2616                                </div>
2617                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
2618                                    21/10 - 8:30 AM
2619                                </p>
2620                            </div>
2621
2622                            <div class="absolute right-2 top-2" x-data="tooltip()">
2623
2624                                <a href="javascript:void(0)" x-bind="trigger">
2625                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
2626                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
2627                                        <path
2628                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
2628081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
2629                                    </svg>
2630                                </a>
2631
2632                                <template x-teleport="body">
2633                                    <div x-show="show" x-cloak
2634                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
2635                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
2636
2637                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
2638
2639                                        <div
2640                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
2641                                        </div>
2642                                    </div>
2643                                </template>
2644                            </div>
2645
2646                            
2647                                                    </div>
2648
2649                        
2650                        <div class="relative z-10 flex-1">
2651
2652                            
2653                            <div class="h-6 p-1 flex items-center overflow-hidden ">
2654                                                            </div>
2655
2656                            <div class="p-2">
2657                                
2658                                <div class="flex items-center gap-x-2 py-1">
2659                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
2660                                        <div
2661                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2662                                            style="width:32px;height:32px;">
2663                                            H</div>
2664                                        <p class="truncate font-semibold">San Antonio Spurs</p>
2665                                    </div>
2666                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
2667                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
2668                                        <p class="truncate text-right font-semibold">Oklahoma City Thunder</p>
2669                                        <div
2670                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2671                                            style="width:32px;height:32px;">
2672                                            A</div>
2673                                    </div>
2674                                </div>
2675
2676                                
2677                                <div class="mt-2 text-[10px]">
2678                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
2679                                    <div class="flex gap-x-2">
2680                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2681                                            <span>Home</span>
2682                                            <b>-1.50</b>
2683                                        </div>
2684                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2685                                            <span>Away</span>
2686                                            <b>1.50</b>
2687                                        </div>
2688                                    </div>
2689                                    <div class="py-1 text-center font-bold">Over/Under</div>
2690                                    <div class="flex gap-x-2">
2691                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2692                                            <span>Di Atas 229.50</span>
2693                                            <b>-1.05</b>
2694                                        </div>
2695                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2696                                            <span>Di Bawah 229.50</span>
2697                                            <b>-1.14</b>
2698                                        </div>
2699                                    </div>
2700                                </div>
2701                            </div>
2702
2703                        </div>
2704
2705                        
2706                        
2707                        
2708                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
2709                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
2710                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
2711                                                    </div>
2712
2713                    </div>
2714                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
2715                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2716                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
2717
2718                        
2719                        <div class="p-2 relative z-10">
2720                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
2721                                <div class="flex items-center gap-x-2 min-w-0">
2722                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2723                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
2724                                    <p class="font-bold uppercase truncate">
2725                                        NBA
2726                                    </p>
2727                                </div>
2728                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
2729                                    22/10 - 6:30 AM
2730                                </p>
2731                            </div>
2732
2733                            <div class="absolute right-2 top-2" x-data="tooltip()">
2734
2735                                <a href="javascript:void(0)" x-bind="trigger">
2736                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
2737                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
2738                                        <path
2739                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
2739081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
2740                                    </svg>
2741                                </a>
2742
2743                                <template x-teleport="body">
2744                                    <div x-show="show" x-cloak
2745                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
2746                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
2747
2748                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
2749
2750                                        <div
2751                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
2752                                        </div>
2753                                    </div>
2754                                </template>
2755                            </div>
2756
2757                            
2758                                                    </div>
2759
2760                        
2761                        <div class="relative z-10 flex-1">
2762
2763                            
2764                            <div class="h-6 p-1 flex items-center overflow-hidden ">
2765                                                            </div>
2766
2767                            <div class="p-2">
2768                                
2769                                <div class="flex items-center gap-x-2 py-1">
2770                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
2771                                        <div
2772                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2773                                            style="width:32px;height:32px;">
2774                                            H</div>
2775                                        <p class="truncate font-semibold">Miami Heat</p>
2776                                    </div>
2777                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
2778                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
2779                                        <p class="truncate text-right font-semibold">Minnesota Timberwolves</p>
2780                                        <div
2781                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2782                                            style="width:32px;height:32px;">
2783                                            A</div>
2784                                    </div>
2785                                </div>
2786
2787                                
2788                                <div class="mt-2 text-[10px]">
2789                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
2790                                    <div class="flex gap-x-2">
2791                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2792                                            <span>Home</span>
2793                                            <b>-1.50</b>
2794                                        </div>
2795                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2796                                            <span>Away</span>
2797                                            <b>1.50</b>
2798                                        </div>
2799                                    </div>
2800                                    <div class="py-1 text-center font-bold">Over/Under</div>
2801                                    <div class="flex gap-x-2">
2802                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2803                                            <span>Di Atas 238.50</span>
2804                                            <b>-1.16</b>
2805                                        </div>
2806                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2807                                            <span>Di Bawah 238.50</span>
2808                                            <b>-1.04</b>
2809                                        </div>
2810                                    </div>
2811                                </div>
2812                            </div>
2813
2814                        </div>
2815
2816                        
2817                        
2818                        
2819                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
2820                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
2821                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
2822                                                    </div>
2823
2824                    </div>
2825                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
2826                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2827                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
2828
2829                        
2830                        <div class="p-2 relative z-10">
2831                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
2832                                <div class="flex items-center gap-x-2 min-w-0">
2833                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2834                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
2835                                    <p class="font-bold uppercase truncate">
2836                                        NBA
2837                                    </p>
2838                                </div>
2839                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
2840                                    22/10 - 9:00 AM
2841                                </p>
2842                            </div>
2843
2844                            <div class="absolute right-2 top-2" x-data="tooltip()">
2845
2846                                <a href="javascript:void(0)" x-bind="trigger">
2847                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
2848                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
2849                                        <path
2850                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
2850081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
2851                                    </svg>
2852                                </a>
2853
2854                                <template x-teleport="body">
2855                                    <div x-show="show" x-cloak
2856                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
2857                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
2858
2859                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
2860
2861                                        <div
2862                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
2863                                        </div>
2864                                    </div>
2865                                </template>
2866                            </div>
2867
2868                            
2869                                                    </div>
2870
2871                        
2872                        <div class="relative z-10 flex-1">
2873
2874                            
2875                            <div class="h-6 p-1 flex items-center overflow-hidden ">
2876                                                            </div>
2877
2878                            <div class="p-2">
2879                                
2880                                <div class="flex items-center gap-x-2 py-1">
2881                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
2882                                        <div
2883                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2884                                            style="width:32px;height:32px;">
2885                                            H</div>
2886                                        <p class="truncate font-semibold">LA Lakers</p>
2887                                    </div>
2888                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
2889                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
2890                                        <p class="truncate text-right font-semibold">Golden State Warriors</p>
2891                                        <div
2892                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2893                                            style="width:32px;height:32px;">
2894                                            A</div>
2895                                    </div>
2896                                </div>
2897
2898                                
2899                                <div class="mt-2 text-[10px]">
2900                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
2901                                    <div class="flex gap-x-2">
2902                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2903                                            <span>Home</span>
2904                                            <b>-5.50</b>
2905                                        </div>
2906                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2907                                            <span>Away</span>
2908                                            <b>5.50</b>
2909                                        </div>
2910                                    </div>
2911                                    <div class="py-1 text-center font-bold">Over/Under</div>
2912                                    <div class="flex gap-x-2">
2913                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2914                                            <span>Di Atas 234.50</span>
2915                                            <b>-1.02</b>
2916                                        </div>
2917                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
2918                                            <span>Di Bawah 234.50</span>
2919                                            <b>-1.19</b>
2920                                        </div>
2921                                    </div>
2922                                </div>
2923                            </div>
2924
2925                        </div>
2926
2927                        
2928                        
2929                        
2930                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
2931                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
2932                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
2933                                                    </div>
2934
2935                    </div>
2936                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
2937                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2938                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
2939
2940                        
2941                        <div class="p-2 relative z-10">
2942                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
2943                                <div class="flex items-center gap-x-2 min-w-0">
2944                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
2945                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
2946                                    <p class="font-bold uppercase truncate">
2947                                        NBA
2948                                    </p>
2949                                </div>
2950                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
2951                                    23/10 - 6:00 AM
2952                                </p>
2953                            </div>
2954
2955                            <div class="absolute right-2 top-2" x-data="tooltip()">
2956
2957                                <a href="javascript:void(0)" x-bind="trigger">
2958                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
2959                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
2960                                        <path
2961                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
2961081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
2962                                    </svg>
2963                                </a>
2964
2965                                <template x-teleport="body">
2966                                    <div x-show="show" x-cloak
2967                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
2968                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
2969
2970                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
2971
2972                                        <div
2973                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
2974                                        </div>
2975                                    </div>
2976                                </template>
2977                            </div>
2978
2979                            
2980                                                    </div>
2981
2982                        
2983                        <div class="relative z-10 flex-1">
2984
2985                            
2986                            <div class="h-6 p-1 flex items-center overflow-hidden ">
2987                                                            </div>
2988
2989                            <div class="p-2">
2990                                
2991                                <div class="flex items-center gap-x-2 py-1">
2992                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
2993                                        <div
2994                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
2995                                            style="width:32px;height:32px;">
2996                                            H</div>
2997                                        <p class="truncate font-semibold">Philadelphia 76ers</p>
2998                                    </div>
2999                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
3000                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
3001                                        <p class="truncate text-right font-semibold">Cleveland Cavaliers</p>
3002                                        <div
3003                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3004                                            style="width:32px;height:32px;">
3005                                            A</div>
3006                                    </div>
3007                                </div>
3008
3009                                
3010                                <div class="mt-2 text-[10px]">
3011                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
3012                                    <div class="flex gap-x-2">
3013                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3014                                            <span>Home</span>
3015                                            <b>-4.50</b>
3016                                        </div>
3017                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3018                                            <span>Away</span>
3019                                            <b>4.50</b>
3020                                        </div>
3021                                    </div>
3022                                    <div class="py-1 text-center font-bold">Over/Under</div>
3023                                    <div class="flex gap-x-2">
3024                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3025                                            <span>Di Atas 233.50</span>
3026                                            <b>-1.05</b>
3027                                        </div>
3028                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3029                                            <span>Di Bawah 233.50</span>
3030                                            <b>-1.14</b>
3031                                        </div>
3032                                    </div>
3033                                </div>
3034                            </div>
3035
3036                        </div>
3037
3038                        
3039                        
3040                        
3041                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
3042                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
3043                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
3044                                                    </div>
3045
3046                    </div>
3047                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
3048                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
3049                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
3050
3051                        
3052                        <div class="p-2 relative z-10">
3053                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
3054                                <div class="flex items-center gap-x-2 min-w-0">
3055                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
3056                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
3057                                    <p class="font-bold uppercase truncate">
3058                                        NBA
3059                                    </p>
3060                                </div>
3061                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
3062                                    23/10 - 8:30 AM
3063                                </p>
3064                            </div>
3065
3066                            <div class="absolute right-2 top-2" x-data="tooltip()">
3067
3068                                <a href="javascript:void(0)" x-bind="trigger">
3069                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
3070                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
3071                                        <path
3072                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
3072081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
3073                                    </svg>
3074                                </a>
3075
3076                                <template x-teleport="body">
3077                                    <div x-show="show" x-cloak
3078                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
3079                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
3080
3081                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
3082
3083                                        <div
3084                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
3085                                        </div>
3086                                    </div>
3087                                </template>
3088                            </div>
3089
3090                            
3091                                                    </div>
3092
3093                        
3094                        <div class="relative z-10 flex-1">
3095
3096                            
3097                            <div class="h-6 p-1 flex items-center overflow-hidden ">
3098                                                            </div>
3099
3100                            <div class="p-2">
3101                                
3102                                <div class="flex items-center gap-x-2 py-1">
3103                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
3104                                        <div
3105                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3106                                            style="width:32px;height:32px;">
3107                                            H</div>
3108                                        <p class="truncate font-semibold">Oklahoma City Thunder</p>
3109                                    </div>
3110                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
3111                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
3112                                        <p class="truncate text-right font-semibold">Denver Nuggets</p>
3113                                        <div
3114                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3115                                            style="width:32px;height:32px;">
3116                                            A</div>
3117                                    </div>
3118                                </div>
3119
3120                                
3121                                <div class="mt-2 text-[10px]">
3122                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
3123                                    <div class="flex gap-x-2">
3124                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3125                                            <span>Home</span>
3126                                            <b>7.50</b>
3127                                        </div>
3128                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3129                                            <span>Away</span>
3130                                            <b>-7.50</b>
3131                                        </div>
3132                                    </div>
3133                                    <div class="py-1 text-center font-bold">Over/Under</div>
3134                                    <div class="flex gap-x-2">
3135                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3136                                            <span>Di Atas 232.50</span>
3137                                            <b>-1.04</b>
3138                                        </div>
3139                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3140                                            <span>Di Bawah 232.50</span>
3141                                            <b>-1.16</b>
3142                                        </div>
3143                                    </div>
3144                                </div>
3145                            </div>
3146
3147                        </div>
3148
3149                        
3150                        
3151                        
3152                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
3153                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
3154                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
3155                                                    </div>
3156
3157                    </div>
3158                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
3159                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
3160                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
3161
3162                        
3163                        <div class="p-2 relative z-10">
3164                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
3165                                <div class="flex items-center gap-x-2 min-w-0">
3166                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
3167                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
3168                                    <p class="font-bold uppercase truncate">
3169                                        NBA
3170                                    </p>
3171                                </div>
3172                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
3173                                    24/10 - 6:00 AM
3174                                </p>
3175                            </div>
3176
3177                            <div class="absolute right-2 top-2" x-data="tooltip()">
3178
3179                                <a href="javascript:void(0)" x-bind="trigger">
3180                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
3181                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
3182                                        <path
3183                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
3183081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
3184                                    </svg>
3185                                </a>
3186
3187                                <template x-teleport="body">
3188                                    <div x-show="show" x-cloak
3189                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
3190                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
3191
3192                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
3193
3194                                        <div
3195                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
3196                                        </div>
3197                                    </div>
3198                                </template>
3199                            </div>
3200
3201                            
3202                                                    </div>
3203
3204                        
3205                        <div class="relative z-10 flex-1">
3206
3207                            
3208                            <div class="h-6 p-1 flex items-center overflow-hidden ">
3209                                                            </div>
3210
3211                            <div class="p-2">
3212                                
3213                                <div class="flex items-center gap-x-2 py-1">
3214                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
3215                                        <div
3216                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3217                                            style="width:32px;height:32px;">
3218                                            H</div>
3219                                        <p class="truncate font-semibold">Boston Celtics</p>
3220                                    </div>
3221                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
3222                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
3223                                        <p class="truncate text-right font-semibold">New York Knicks</p>
3224                                        <div
3225                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3226                                            style="width:32px;height:32px;">
3227                                            A</div>
3228                                    </div>
3229                                </div>
3230
3231                                
3232                                <div class="mt-2 text-[10px]">
3233                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
3234                                    <div class="flex gap-x-2">
3235                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3236                                            <span>Home</span>
3237                                            <b>-2.50</b>
3238                                        </div>
3239                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3240                                            <span>Away</span>
3241                                            <b>2.50</b>
3242                                        </div>
3243                                    </div>
3244                                    <div class="py-1 text-center font-bold">Over/Under</div>
3245                                    <div class="flex gap-x-2">
3246                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3247                                            <span>Di Atas 223.50</span>
3248                                            <b>-1.08</b>
3249                                        </div>
3250                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3251                                            <span>Di Bawah 223.50</span>
3252                                            <b>-1.11</b>
3253                                        </div>
3254                                    </div>
3255                                </div>
3256                            </div>
3257
3258                        </div>
3259
3260                        
3261                        
3262                        
3263                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
3264                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
3265                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
3266                                                    </div>
3267
3268                    </div>
3269                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
3270                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
3271                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
3272
3273                        
3274                        <div class="p-2 relative z-10">
3275                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
3276                                <div class="flex items-center gap-x-2 min-w-0">
3277                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
3278                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
3279                                    <p class="font-bold uppercase truncate">
3280                                        NBA
3281                                    </p>
3282                                </div>
3283                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
3284                                    24/10 - 8:30 AM
3285                                </p>
3286                            </div>
3287
3288                            <div class="absolute right-2 top-2" x-data="tooltip()">
3289
3290                                <a href="javascript:void(0)" x-bind="trigger">
3291                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
3292                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
3293                                        <path
3294                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
3294081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
3295                                    </svg>
3296                                </a>
3297
3298                                <template x-teleport="body">
3299                                    <div x-show="show" x-cloak
3300                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
3301                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
3302
3303                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
3304
3305                                        <div
3306                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
3307                                        </div>
3308                                    </div>
3309                                </template>
3310                            </div>
3311
3312                            
3313                                                    </div>
3314
3315                        
3316                        <div class="relative z-10 flex-1">
3317
3318                            
3319                            <div class="h-6 p-1 flex items-center overflow-hidden ">
3320                                                            </div>
3321
3322                            <div class="p-2">
3323                                
3324                                <div class="flex items-center gap-x-2 py-1">
3325                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
3326                                        <div
3327                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3328                                            style="width:32px;height:32px;">
3329                                            H</div>
3330                                        <p class="truncate font-semibold">San Antonio Spurs</p>
3331                                    </div>
3332                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
3333                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
3334                                        <p class="truncate text-right font-semibold">Houston Rockets</p>
3335                                        <div
3336                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3337                                            style="width:32px;height:32px;">
3338                                            A</div>
3339                                    </div>
3340                                </div>
3341
3342                                
3343                                <div class="mt-2 text-[10px]">
3344                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
3345                                    <div class="flex gap-x-2">
3346                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3347                                            <span>Home</span>
3348                                            <b>-5.50</b>
3349                                        </div>
3350                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3351                                            <span>Away</span>
3352                                            <b>5.50</b>
3353                                        </div>
3354                                    </div>
3355                                    <div class="py-1 text-center font-bold">Over/Under</div>
3356                                    <div class="flex gap-x-2">
3357                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3358                                            <span>Di Atas 225.50</span>
3359                                            <b>-1.08</b>
3360                                        </div>
3361                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3362                                            <span>Di Bawah 225.50</span>
3363                                            <b>-1.11</b>
3364                                        </div>
3365                                    </div>
3366                                </div>
3367                            </div>
3368
3369                        </div>
3370
3371                        
3372                        
3373                        
3374                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
3375                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
3376                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
3377                                                    </div>
3378
3379                    </div>
3380                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
3381                        <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
3382                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
3383
3384                        
3385                        <div class="p-2 relative z-10">
3386                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
3387                                <div class="flex items-center gap-x-2 min-w-0">
3388                                    <img src="https://dewacasino.com/assets/img/leaderboard/basket.webp"
3389                                        alt="Basket" class="w-6 h-6 rounded-full object-cover bg-gray-100">
3390                                    <p class="font-bold uppercase truncate">
3391                                        NBA
3392                                    </p>
3393                                </div>
3394                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
3395                                    26/12 - 12:00 AM
3396                                </p>
3397                            </div>
3398
3399                            <div class="absolute right-2 top-2" x-data="tooltip()">
3400
3401                                <a href="javascript:void(0)" x-bind="trigger">
3402                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
3403                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
3404                                        <path
3405                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
3405081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
3406                                    </svg>
3407                                </a>
3408
3409                                <template x-teleport="body">
3410                                    <div x-show="show" x-cloak
3411                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
3412                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
3413
3414                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
3415
3416                                        <div
3417                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
3418                                        </div>
3419                                    </div>
3420                                </template>
3421                            </div>
3422
3423                            
3424                                                    </div>
3425
3426                        
3427                        <div class="relative z-10 flex-1">
3428
3429                            
3430                            <div class="h-6 p-1 flex items-center overflow-hidden ">
3431                                                            </div>
3432
3433                            <div class="p-2">
3434                                
3435                                <div class="flex items-center gap-x-2 py-1">
3436                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
3437                                        <div
3438                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3439                                            style="width:32px;height:32px;">
3440                                            H</div>
3441                                        <p class="truncate font-semibold">New York Knicks</p>
3442                                    </div>
3443                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
3444                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
3445                                        <p class="truncate text-right font-semibold">San Antonio Spurs</p>
3446                                        <div
3447                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3448                                            style="width:32px;height:32px;">
3449                                            A</div>
3450                                    </div>
3451                                </div>
3452
3453                                
3454                                <div class="mt-2 text-[10px]">
3455                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
3456                                    <div class="flex gap-x-2">
3457                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3458                                            <span>Home</span>
3459                                            <b>-1.50</b>
3460                                        </div>
3461                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3462                                            <span>Away</span>
3463                                            <b>1.50</b>
3464                                        </div>
3465                                    </div>
3466                                    <div class="py-1 text-center font-bold">Over/Under</div>
3467                                    <div class="flex gap-x-2">
3468                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3469                                            <span>Di Atas 228.50</span>
3470                                            <b>-1.09</b>
3471                                        </div>
3472                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3473                                            <span>Di Bawah 228.50</span>
3474                                            <b>-1.09</b>
3475                                        </div>
3476                                    </div>
3477                                </div>
3478                            </div>
3479
3480                        </div>
3481
3482                        
3483                        
3484                        
3485                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
3486                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;sbo&quot;,&quot;id&quot;:&quot;sbo_sportsbook&quot;})"
3487                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
3488                                                    </div>
3489
3490                    </div>
3491                
3492            </div>
3493                    <div class="flex gap-x-2 overflow-x-auto px-2 no-scrollbar select-none cursor-grab active:cursor-grabbing"
3494                x-show="active === 2" x-cloak
3495                @mousedown="mousedown = true; startX = $event.pageX - $el.offsetLeft; scrollLeft = $el.scrollLeft"
3496                @mousemove.window="if(!mousedown) return; $event.preventDefault(); const x = $event.pageX - $el.offsetLeft; const walk = (x - startX) * 2; $el.scrollLeft = scrollLeft - walk"
3497                @mouseup.window="mousedown = false" @mouseleave="mousedown = false" x-data="{ mousedown: false, startX: 0, scrollLeft: 0 }">
3498
3499                
3500                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
3501                        <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3502                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
3503
3504                        
3505                        <div class="p-2 relative z-10">
3506                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
3507                                <div class="flex items-center gap-x-2 min-w-0">
3508                                    <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3509                                        alt="E-Sport" class="w-6 h-6 rounded-full object-cover bg-gray-100">
3510                                    <p class="font-bold uppercase truncate">
3511                                        2026 Asian Games
3512                                    </p>
3513                                </div>
3514                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
3515                                    29/09 - 7:00 AM
3516                                </p>
3517                            </div>
3518
3519                            <div class="absolute right-2 top-2" x-data="tooltip()">
3520
3521                                <a href="javascript:void(0)" x-bind="trigger">
3522                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
3523                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
3524                                        <path
3525                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
3525081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
3526                                    </svg>
3527                                </a>
3528
3529                                <template x-teleport="body">
3530                                    <div x-show="show" x-cloak
3531                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
3532                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
3533
3534                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
3535
3536                                        <div
3537                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
3538                                        </div>
3539                                    </div>
3540                                </template>
3541                            </div>
3542
3543                            
3544                                                    </div>
3545
3546                        
3547                        <div class="relative z-10 flex-1">
3548
3549                            
3550                            <div class="h-6 p-1 flex items-center overflow-hidden ">
3551                                                            </div>
3552
3553                            <div class="p-2">
3554                                
3555                                <div class="flex items-center gap-x-2 py-1">
3556                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
3557                                        <div
3558                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3559                                            style="width:32px;height:32px;">
3560                                            H</div>
3561                                        <p class="truncate font-semibold">Indonesia</p>
3562                                    </div>
3563                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
3564                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
3565                                        <p class="truncate text-right font-semibold">Malaysia</p>
3566                                        <div
3567                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3568                                            style="width:32px;height:32px;">
3569                                            A</div>
3570                                    </div>
3571                                </div>
3572
3573                                
3574                                <div class="mt-2 text-[10px]">
3575                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
3576                                    <div class="flex gap-x-2">
3577                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3578                                            <span>Home</span>
3579                                            <b>0.00</b>
3580                                        </div>
3581                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3582                                            <span>Away</span>
3583                                            <b>0.00</b>
3584                                        </div>
3585                                    </div>
3586                                    <div class="py-1 text-center font-bold">Over/Under</div>
3587                                    <div class="flex gap-x-2">
3588                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3589                                            <span>Di Atas 0.00</span>
3590                                            <b>1.32</b>
3591                                        </div>
3592                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3593                                            <span>Di Bawah 0.00</span>
3594                                            <b>3.20</b>
3595                                        </div>
3596                                    </div>
3597                                </div>
3598                            </div>
3599
3600                        </div>
3601
3602                        
3603                        
3604                        
3605                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
3606                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;esports&quot;,&quot;id&quot;:&quot;ia_1&quot;})"
3607                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
3608                                                    </div>
3609
3610                    </div>
3611                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
3612                        <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3613                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
3614
3615                        
3616                        <div class="p-2 relative z-10">
3617                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
3618                                <div class="flex items-center gap-x-2 min-w-0">
3619                                    <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3620                                        alt="E-Sport" class="w-6 h-6 rounded-full object-cover bg-gray-100">
3621                                    <p class="font-bold uppercase truncate">
3622                                        BLAST Slam
3623                                    </p>
3624                                </div>
3625                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
3626                                    29/09 - 5:00 PM
3627                                </p>
3628                            </div>
3629
3630                            <div class="absolute right-2 top-2" x-data="tooltip()">
3631
3632                                <a href="javascript:void(0)" x-bind="trigger">
3633                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
3634                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
3635                                        <path
3636                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
3636081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
3637                                    </svg>
3638                                </a>
3639
3640                                <template x-teleport="body">
3641                                    <div x-show="show" x-cloak
3642                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
3643                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
3644
3645                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
3646
3647                                        <div
3648                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
3649                                        </div>
3650                                    </div>
3651                                </template>
3652                            </div>
3653
3654                            
3655                                                    </div>
3656
3657                        
3658                        <div class="relative z-10 flex-1">
3659
3660                            
3661                            <div class="h-6 p-1 flex items-center overflow-hidden ">
3662                                                            </div>
3663
3664                            <div class="p-2">
3665                                
3666                                <div class="flex items-center gap-x-2 py-1">
3667                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
3668                                        <div
3669                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3670                                            style="width:32px;height:32px;">
3671                                            H</div>
3672                                        <p class="truncate font-semibold">Team Spirit</p>
3673                                    </div>
3674                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
3675                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
3676                                        <p class="truncate text-right font-semibold">Team Nemesis</p>
3677                                        <div
3678                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3679                                            style="width:32px;height:32px;">
3680                                            A</div>
3681                                    </div>
3682                                </div>
3683
3684                                
3685                                <div class="mt-2 text-[10px]">
3686                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
3687                                    <div class="flex gap-x-2">
3688                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3689                                            <span>Home</span>
3690                                            <b>0.00</b>
3691                                        </div>
3692                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3693                                            <span>Away</span>
3694                                            <b>0.00</b>
3695                                        </div>
3696                                    </div>
3697                                    <div class="py-1 text-center font-bold">Over/Under</div>
3698                                    <div class="flex gap-x-2">
3699                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3700                                            <span>Di Atas 0.00</span>
3701                                            <b>1.12</b>
3702                                        </div>
3703                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3704                                            <span>Di Bawah 0.00</span>
3705                                            <b>5.81</b>
3706                                        </div>
3707                                    </div>
3708                                </div>
3709                            </div>
3710
3711                        </div>
3712
3713                        
3714                        
3715                        
3716                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
3717                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;esports&quot;,&quot;id&quot;:&quot;ia_1&quot;})"
3718                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
3719                                                    </div>
3720
3721                    </div>
3722                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
3723                        <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3724                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
3725
3726                        
3727                        <div class="p-2 relative z-10">
3728                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
3729                                <div class="flex items-center gap-x-2 min-w-0">
3730                                    <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3731                                        alt="E-Sport" class="w-6 h-6 rounded-full object-cover bg-gray-100">
3732                                    <p class="font-bold uppercase truncate">
3733                                        BLAST Slam
3734                                    </p>
3735                                </div>
3736                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
3737                                    29/09 - 5:00 PM
3738                                </p>
3739                            </div>
3740
3741                            <div class="absolute right-2 top-2" x-data="tooltip()">
3742
3743                                <a href="javascript:void(0)" x-bind="trigger">
3744                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
3745                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
3746                                        <path
3747                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
3747081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
3748                                    </svg>
3749                                </a>
3750
3751                                <template x-teleport="body">
3752                                    <div x-show="show" x-cloak
3753                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
3754                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
3755
3756                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
3757
3758                                        <div
3759                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
3760                                        </div>
3761                                    </div>
3762                                </template>
3763                            </div>
3764
3765                            
3766                                                    </div>
3767
3768                        
3769                        <div class="relative z-10 flex-1">
3770
3771                            
3772                            <div class="h-6 p-1 flex items-center overflow-hidden ">
3773                                                            </div>
3774
3775                            <div class="p-2">
3776                                
3777                                <div class="flex items-center gap-x-2 py-1">
3778                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
3779                                        <div
3780                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3781                                            style="width:32px;height:32px;">
3782                                            H</div>
3783                                        <p class="truncate font-semibold">PARIVISION</p>
3784                                    </div>
3785                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
3786                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
3787                                        <p class="truncate text-right font-semibold">Level Up</p>
3788                                        <div
3789                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3790                                            style="width:32px;height:32px;">
3791                                            A</div>
3792                                    </div>
3793                                </div>
3794
3795                                
3796                                <div class="mt-2 text-[10px]">
3797                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
3798                                    <div class="flex gap-x-2">
3799                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3800                                            <span>Home</span>
3801                                            <b>0.00</b>
3802                                        </div>
3803                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3804                                            <span>Away</span>
3805                                            <b>0.00</b>
3806                                        </div>
3807                                    </div>
3808                                    <div class="py-1 text-center font-bold">Over/Under</div>
3809                                    <div class="flex gap-x-2">
3810                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3811                                            <span>Di Atas 0.00</span>
3812                                            <b>1.07</b>
3813                                        </div>
3814                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3815                                            <span>Di Bawah 0.00</span>
3816                                            <b>8.21</b>
3817                                        </div>
3818                                    </div>
3819                                </div>
3820                            </div>
3821
3822                        </div>
3823
3824                        
3825                        
3826                        
3827                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
3828                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;esports&quot;,&quot;id&quot;:&quot;ia_1&quot;})"
3829                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
3830                                                    </div>
3831
3832                    </div>
3833                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
3834                        <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3835                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
3836
3837                        
3838                        <div class="p-2 relative z-10">
3839                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
3840                                <div class="flex items-center gap-x-2 min-w-0">
3841                                    <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3842                                        alt="E-Sport" class="w-6 h-6 rounded-full object-cover bg-gray-100">
3843                                    <p class="font-bold uppercase truncate">
3844                                        BLAST Slam
3845                                    </p>
3846                                </div>
3847                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
3848                                    29/09 - 8:00 PM
3849                                </p>
3850                            </div>
3851
3852                            <div class="absolute right-2 top-2" x-data="tooltip()">
3853
3854                                <a href="javascript:void(0)" x-bind="trigger">
3855                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
3856                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
3857                                        <path
3858                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
3858081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
3859                                    </svg>
3860                                </a>
3861
3862                                <template x-teleport="body">
3863                                    <div x-show="show" x-cloak
3864                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
3865                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
3866
3867                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
3868
3869                                        <div
3870                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
3871                                        </div>
3872                                    </div>
3873                                </template>
3874                            </div>
3875
3876                            
3877                                                    </div>
3878
3879                        
3880                        <div class="relative z-10 flex-1">
3881
3882                            
3883                            <div class="h-6 p-1 flex items-center overflow-hidden ">
3884                                                            </div>
3885
3886                            <div class="p-2">
3887                                
3888                                <div class="flex items-center gap-x-2 py-1">
3889                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
3890                                        <div
3891                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3892                                            style="width:32px;height:32px;">
3893                                            H</div>
3894                                        <p class="truncate font-semibold">LGD Gaming</p>
3895                                    </div>
3896                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
3897                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
3898                                        <p class="truncate text-right font-semibold">Xtreme Gaming</p>
3899                                        <div
3900                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
3901                                            style="width:32px;height:32px;">
3902                                            A</div>
3903                                    </div>
3904                                </div>
3905
3906                                
3907                                <div class="mt-2 text-[10px]">
3908                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
3909                                    <div class="flex gap-x-2">
3910                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3911                                            <span>Home</span>
3912                                            <b>0.00</b>
3913                                        </div>
3914                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3915                                            <span>Away</span>
3916                                            <b>0.00</b>
3917                                        </div>
3918                                    </div>
3919                                    <div class="py-1 text-center font-bold">Over/Under</div>
3920                                    <div class="flex gap-x-2">
3921                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3922                                            <span>Di Atas 0.00</span>
3923                                            <b>1.57</b>
3924                                        </div>
3925                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
3926                                            <span>Di Bawah 0.00</span>
3927                                            <b>2.38</b>
3928                                        </div>
3929                                    </div>
3930                                </div>
3931                            </div>
3932
3933                        </div>
3934
3935                        
3936                        
3937                        
3938                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
3939                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;esports&quot;,&quot;id&quot;:&quot;ia_1&quot;})"
3940                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
3941                                                    </div>
3942
3943                    </div>
3944                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
3945                        <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3946                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
3947
3948                        
3949                        <div class="p-2 relative z-10">
3950                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
3951                                <div class="flex items-center gap-x-2 min-w-0">
3952                                    <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
3953                                        alt="E-Sport" class="w-6 h-6 rounded-full object-cover bg-gray-100">
3954                                    <p class="font-bold uppercase truncate">
3955                                        BLAST Slam
3956                                    </p>
3957                                </div>
3958                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
3959                                    29/09 - 8:00 PM
3960                                </p>
3961                            </div>
3962
3963                            <div class="absolute right-2 top-2" x-data="tooltip()">
3964
3965                                <a href="javascript:void(0)" x-bind="trigger">
3966                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
3967                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
3968                                        <path
3969                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
3969081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
3970                                    </svg>
3971                                </a>
3972
3973                                <template x-teleport="body">
3974                                    <div x-show="show" x-cloak
3975                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
3976                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
3977
3978                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
3979
3980                                        <div
3981                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
3982                                        </div>
3983                                    </div>
3984                                </template>
3985                            </div>
3986
3987                            
3988                                                    </div>
3989
3990                        
3991                        <div class="relative z-10 flex-1">
3992
3993                            
3994                            <div class="h-6 p-1 flex items-center overflow-hidden ">
3995                                                            </div>
3996
3997                            <div class="p-2">
3998                                
3999                                <div class="flex items-center gap-x-2 py-1">
4000                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
4001                                        <div
4002                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
4003                                            style="width:32px;height:32px;">
4004                                            H</div>
4005                                        <p class="truncate font-semibold">1w Team</p>
4006                                    </div>
4007                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
4008                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
4009                                        <p class="truncate text-right font-semibold">Natus Vincere</p>
4010                                        <div
4011                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
4012                                            style="width:32px;height:32px;">
4013                                            A</div>
4014                                    </div>
4015                                </div>
4016
4017                                
4018                                <div class="mt-2 text-[10px]">
4019                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
4020                                    <div class="flex gap-x-2">
4021                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
4022                                            <span>Home</span>
4023                                            <b>0.00</b>
4024                                        </div>
4025                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
4026                                            <span>Away</span>
4027                                            <b>0.00</b>
4028                                        </div>
4029                                    </div>
4030                                    <div class="py-1 text-center font-bold">Over/Under</div>
4031                                    <div class="flex gap-x-2">
4032                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
4033                                            <span>Di Atas 0.00</span>
4034                                            <b>2.00</b>
4035                                        </div>
4036                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
4037                                            <span>Di Bawah 0.00</span>
4038                                            <b>1.78</b>
4039                                        </div>
4040                                    </div>
4041                                </div>
4042                            </div>
4043
4044                        </div>
4045
4046                        
4047                        
4048                        
4049                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
4050                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;esports&quot;,&quot;id&quot;:&quot;ia_1&quot;})"
4051                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
4052                                                    </div>
4053
4054                    </div>
4055                                    <div class="relative min-w-[280px] rounded text-xs text-[var(--desktop-hotmatch-text)] overflow-hidden flex flex-col">
4056                        <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
4057                            alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true">
4058
4059                        
4060                        <div class="p-2 relative z-10">
4061                            <div class="flex items-center justify-between gap-x-2" style="padding-right:28px;">
4062                                <div class="flex items-center gap-x-2 min-w-0">
4063                                    <img src="https://dewacasino.com/assets/img/leaderboard/e-sport.webp"
4064                                        alt="E-Sport" class="w-6 h-6 rounded-full object-cover bg-gray-100">
4065                                    <p class="font-bold uppercase truncate">
4066                                        BLAST Slam
4067                                    </p>
4068                                </div>
4069                                <p class="text-[10px] text-gray-500 whitespace-nowrap">
4070                                    29/09 - 11:00 PM
4071                                </p>
4072                            </div>
4073
4074                            <div class="absolute right-2 top-2" x-data="tooltip()">
4075
4076                                <a href="javascript:void(0)" x-bind="trigger">
4077                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
4078                                        fill="currentColor" class="bi bi-info-circle-fill text-gray-400" viewBox="0 0 16 16">
4079                                        <path
4080                                            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.
4080081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
4081                                    </svg>
4082                                </a>
4083
4084                                <template x-teleport="body">
4085                                    <div x-show="show" x-cloak
4086                                        class="fixed z-[9999] px-3 py-2 bg-[var(--desktop-hotmatch-tooltip-bg)] text-white text-xs rounded shadow-lg whitespace-nowrap pointer-events-none transform -translate-x-1/2 -translate-y-full mt-[-8px]"
4087                                        :style="`top: ${y}px; left: ${x}px`" style="display: none;">
4088
4089                                        Peluang dapat berubah tanpa pemberitahuan sebelumnya
4090
4091                                        <div
4092                                            class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-white">
4093                                        </div>
4094                                    </div>
4095                                </template>
4096                            </div>
4097
4098                            
4099                                                    </div>
4100
4101                        
4102                        <div class="relative z-10 flex-1">
4103
4104                            
4105                            <div class="h-6 p-1 flex items-center overflow-hidden ">
4106                                                            </div>
4107
4108                            <div class="p-2">
4109                                
4110                                <div class="flex items-center gap-x-2 py-1">
4111                                    <div class="flex items-center gap-x-2 min-w-0 w-full">
4112                                        <div
4113                                            class="bg-[var(--desktop-hotmatch-h-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
4114                                            style="width:32px;height:32px;">
4115                                            H</div>
4116                                        <p class="truncate font-semibold">Liquid</p>
4117                                    </div>
4118                                    <div class="text-[10px] font-bold text-gray-400">VS</div>
4119                                    <div class="flex items-center justify-end gap-x-2 min-w-0 w-full">
4120                                        <p class="truncate text-right font-semibold">Yakult Brothers</p>
4121                                        <div
4122                                            class="bg-[var(--desktop-hotmatch-a-bg)] text-white rounded-full flex items-center justify-center font-bold flex-shrink-0"
4123                                            style="width:32px;height:32px;">
4124                                            A</div>
4125                                    </div>
4126                                </div>
4127
4128                                
4129                                <div class="mt-2 text-[10px]">
4130                                    <div class="py-1 text-center font-bold">FT.Handicap</div>
4131                                    <div class="flex gap-x-2">
4132                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
4133                                            <span>Home</span>
4134                                            <b>0.00</b>
4135                                        </div>
4136                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
4137                                            <span>Away</span>
4138                                            <b>0.00</b>
4139                                        </div>
4140                                    </div>
4141                                    <div class="py-1 text-center font-bold">Over/Under</div>
4142                                    <div class="flex gap-x-2">
4143                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
4144                                            <span>Di Atas 0.00</span>
4145                                            <b>1.15</b>
4146                                        </div>
4147                                        <div class="px-2 py-1 w-full rounded-full bg-white text-[var(--desktop-hotmatch-hdp-odds-text)] flex items-center justify-between gap-x-2">
4148                                            <span>Di Bawah 0.00</span>
4149                                            <b>5.13</b>
4150                                        </div>
4151                                    </div>
4152                                </div>
4153                            </div>
4154
4155                        </div>
4156
4157                        
4158                        
4159                        
4160                        <div class="relative z-10 w-full flex text-center items-center p-2 pt-0" x-data="gameLauncherApi()" >
4161                                                            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;esports&quot;,&quot;id&quot;:&quot;ia_1&quot;})"
4162                                    class="bg-btn [background:var(--desktop-hotmatch-play-btn-bg)] hover:[background:var(--desktop-hotmatch-play-btn-bg-hover)] w-full py-2 rounded-md font-bold text-white">MAINKAN</a>
4163                                                    </div>
4164
4165                    </div>
4166                
4167            </div>
4168            </div>
4169
4170</div>
4171        
4172
4173
4174        
4175        <div class="w-full grid grid-cols-6 gap-2 items-stretch mt-2">
4176                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4177
4178    
4179    
4180    <span itemprop="name" class="hidden">Power of Odin</span>
4181    <span itemprop="description" class="hidden">Power of Odin</span>
4182
4183    
4184            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;idnslot&quot;,&quot;id&quot;:&quot;is_3500&quot;})">
4185    
4186    
4187
4188    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/idnslot/power-of-odin.jpg')" >
4189                    
4190            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4191                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4192                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4193            </div>
4194            
4195
4196            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4197                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Power of Odin">
4198        
4199        
4200        
4201        
4202        <div
4203            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4204            <div
4205                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4206                MAINKAN
4207            </div>
4208        </div>
4209
4210    </div>
4211
4212    
4213            <div class="absolute top-0 left-0 z-2">
4214        <img src="https://dewacasino.com/assets/img/icons/game/idnslot.svg" alt="idnslot"
4215            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4216    </div>
4217    
4218    
4219        
4220    
4221    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4222        
4223        Power of Odin
4224    </div>         
4225
4226    
4227        </a>
4228</div>
4229                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4230
4231    
4232    
4233    <span itemprop="name" class="hidden">The Curse Of Medusa</span>
4234    <span itemprop="description" class="hidden">The Curse Of Medusa</span>
4235
4236    
4237            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;idnslot&quot;,&quot;id&quot;:&quot;is_2100&quot;})">
4238    
4239    
4240
4241    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/idnslot/the-curse
4241-of-medusa.jpg')" >
4242                    
4243            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4244                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4245                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4246            </div>
4247            
4248
4249            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4250                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="The Curse Of Medusa">
4251        
4252        
4253        
4254        
4255        <div
4256            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4257            <div
4258                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4259                MAINKAN
4260            </div>
4261        </div>
4262
4263    </div>
4264
4265    
4266            <div class="absolute top-0 left-0 z-2">
4267        <img src="https://dewacasino.com/assets/img/icons/game/idnslot.svg" alt="idnslot"
4268            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4269    </div>
4270    
4271    
4272        
4273    
4274    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4275        
4276        The Curse Of Medusa
4277    </div>         
4278
4279    
4280        </a>
4281</div>
4282                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4283
4284    
4285    
4286    <span itemprop="name" class="hidden">Dragon Gold</span>
4287    <span itemprop="description" class="hidden">Dragon Gold</span>
4288
4289    
4290            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;idnslot&quot;,&quot;id&quot;:&quot;is_2600&quot;})">
4291    
4292    
4293
4294    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/idnslot/dragon-gold.jpg')" >
4295                    
4296            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4297                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4298                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4299            </div>
4300            
4301
4302            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4303                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Dragon Gold">
4304        
4305        
4306        
4307        
4308        <div
4309            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4310            <div
4311                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4312                MAINKAN
4313            </div>
4314        </div>
4315
4316    </div>
4317
4318    
4319            <div class="absolute top-0 left-0 z-2">
4320        <img src="https://dewacasino.com/assets/img/icons/game/idnslot.svg" alt="idnslot"
4321            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4322    </div>
4323    
4324    
4325        
4326    
4327    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4328        
4329        Dragon Gold
4330    </div>         
4331
4332    
4333        </a>
4334</div>
4335                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4336
4337    
4338    
4339    <span itemprop="name" class="hidden">Poker Mania</span>
4340    <span itemprop="description" class="hidden">Poker Mania</span>
4341
4342    
4343            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;idnslot&quot;,&quot;id&quot;:&quot;is_3300&quot;})">
4344    
4345    
4346
4347    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/idnslot/poker-mania.jpg')" >
4348                    
4349            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4350                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4351                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4352            </div>
4353            
4354
4355            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4356                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Poker Mania">
4357        
4358        
4359        
4360        
4361        <div
4362            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4363            <div
4364                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4365                MAINKAN
4366            </div>
4367        </div>
4368
4369    </div>
4370
4371    
4372            <div class="absolute top-0 left-0 z-2">
4373        <img src="https://dewacasino.com/assets/img/icons/game/idnslot.svg" alt="idnslot"
4374            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4375    </div>
4376    
4377    
4378        
4379    
4380    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4381        
4382        Poker Mania
4383    </div>         
4384
4385    
4386        </a>
4387</div>
4388                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4389
4390    
4391    
4392    <span itemprop="name" class="hidden">Curse Of The Pyramid</span>
4393    <span itemprop="description" class="hidden">Curse Of The Pyramid</span>
4394
4395    
4396            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;idnslot&quot;,&quot;id&quot;:&quot;is_3302&quot;})">
4397    
4398    
4399
4400    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/idnslot/curse-of-the-pyramid.jpg')" >
4401                    
4402            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4403                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4404                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4405            </div>
4406            
4407
4408            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4409                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Curse Of The Pyramid">
4410        
4411        
4412        
4413        
4414        <div
4415            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4416            <div
4417                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4418                MAINKAN
4419            </div>
4420        </div>
4421
4422    </div>
4423
4424    
4425            <div class="absolute top-0 left-0 z-2">
4426        <img src="https://dewacasino.com/assets/img/icons/game/idnslot.svg" alt="idnslot"
4427            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4428    </div>
4429    
4430    
4431        
4432    
4433    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4434        
4435        Curse Of The Pyramid
4436    </div>         
4437
4438    
4439        </a>
4440</div>
4441                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4442
4443    
4444    
4445    <span itemprop="name" class="hidden">Medusa Multiplier</span>
4446    <span itemprop="description" class="hidden">Medusa Multiplier</span>
4447
4448    
4449            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;idnslot&quot;,&quot;id&quot;:&quot;is_2800&quot;})">
4450    
4451    
4452
4453    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/idnslot/medusa-multiplier.jpg')" >
4454                    
4455            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4456                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4457                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4458            </div>
4459            
4460
4461            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4462                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Medusa Multiplier">
4463        
4464        
4465        
4466        
4467        <div
4468            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4469            <div
4470                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4471                MAINKAN
4472            </div>
4473        </div>
4474
4475    </div>
4476
4477    
4478            <div class="absolute top-0 left-0 z-2">
4479        <img src="https://dewacasino.com/assets/img/icons/game/idnslot.svg" alt="idnslot"
4480            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4481    </div>
4482    
4483    
4484        
4485    
4486    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4487        
4488        Medusa Multiplier
4489    </div>         
4490
4491    
4492        </a>
4493</div>
4494                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4495
4496    
4497    
4498    <span itemprop="name" class="hidden">Dewacasino Aztec Gems</span>
4499    <span itemprop="description" class="hidden">Dewacasino Aztec Gems</span>
4500
4501    
4502            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-play&quot;,&quot;id&quot;:&quot;vs5dewaaztec&quot;})">
4503    
4504    
4505
4506    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-play/dewacasino-aztec-gems.jpg')" >
4507                    
4508            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4509                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4510                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4511            </div>
4512            
4513
4514            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4515                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Dewacasino Aztec Gems">
4516        
4517        
4518        <div class="game-box-glow-in-purple"></div>
4519
4520        
4521        <div
4522            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4523            <div
4524                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4525                MAINKAN
4526            </div>
4527        </div>
4528
4529    </div>
4530
4531    
4532            <div class="absolute top-0 left-0 z-2">
4533        <img src="https://dewacasino.com/assets/img/icons/game/pragmatic-play.svg" alt="pragmatic-play"
4534            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4535    </div>
4536    
4537    
4538        <div class="special-promo-purple game-box-glow-out-purple absolute top-0">SPESIAL</div>
4539    
4540    
4541    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4542        
4543        Dewacasino Aztec Gems
4544    </div>         
4545
4546    
4547        </a>
4548</div>
4549                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4550
4551    
4552    
4553    <span itemprop="name" class="hidden">
4553Gates of Olympus Super Scatter</span>
4554    <span itemprop="description" class="hidden">Gates of Olympus Super Scatter</span>
4555
4556    
4557            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-play&quot;,&quot;id&quot;:&quot;vs20olympgold&quot;})">
4558    
4559    
4560
4561    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-play/gates-of-olympus-super-scatter.jpg')" >
4562                    
4563            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4564                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4565                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4566            </div>
4567            
4568
4569            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4570                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Gates of Olympus Super Scatter">
4571        
4572        
4573        
4574        
4575        <div
4576            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4577            <div
4578                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4579                MAINKAN
4580            </div>
4581        </div>
4582
4583    </div>
4584
4585    
4586            <div class="absolute top-0 left-0 z-2">
4587        <img src="https://dewacasino.com/assets/img/icons/game/pragmatic-play.svg" alt="pragmatic-play"
4588            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4589    </div>
4590    
4591    
4592        
4593    
4594    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4595        
4596        Gates of Olympus Super Scatter
4597    </div>         
4598
4599    
4600        </a>
4601</div>
4602                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4603
4604    
4605    
4606    <span itemprop="name" class="hidden">Gates of Olympus</span>
4607    <span itemprop="description" class="hidden">Gates of Olympus</span>
4608
4609    
4610            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-play&quot;,&quot;id&quot;:&quot;vs20olympgate&quot;})">
4611    
4612    
4613
4614    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-play/gates-of-olympus.jpg')" >
4615                    
4616            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4617                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4618                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4619            </div>
4620            
4621
4622            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4623                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Gates of Olympus">
4624        
4625        
4626        
4627        
4628        <div
4629            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4630            <div
4631                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4632                MAINKAN
4633            </div>
4634        </div>
4635
4636    </div>
4637
4638    
4639            <div class="absolute top-0 left-0 z-2">
4640        <img src="https://dewacasino.com/assets/img/icons/game/pragmatic-play.svg" alt="pragmatic-play"
4641            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4642    </div>
4643    
4644    
4645        
4646    
4647    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4648        
4649        Gates of Olympus
4650    </div>         
4651
4652    
4653        </a>
4654</div>
4655                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4656
4657    
4658    
4659    <span itemprop="name" class="hidden">Sweet Bonanza</span>
4660    <span itemprop="description" class="hidden">Sweet Bonanza</span>
4661
4662    
4663            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-play&quot;,&quot;id&quot;:&quot;vs20fruitsw&quot;})">
4664    
4665    
4666
4667    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-play/sweet-bonanza.jpg')" >
4668                    
4669            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4670                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4671                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4672            </div>
4673            
4674
4675            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4676                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Sweet Bonanza">
4677        
4678        
4679        
4680        
4681        <div
4682            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4683            <div
4684                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4685                MAINKAN
4686            </div>
4687        </div>
4688
4689    </div>
4690
4691    
4692            <div class="absolute top-0 left-0 z-2">
4693        <img src="https://dewacasino.com/assets/img/icons/game/pragmatic-play.svg" alt="pragmatic-play"
4694            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4695    </div>
4696    
4697    
4698        
4699    
4700    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4701        
4702        Sweet Bonanza
4703    </div>         
4704
4705    
4706        </a>
4707</div>
4708                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4709
4710    
4711    
4712    <span itemprop="name" class="hidden">Koi Gate</span>
4713    <span itemprop="description" class="hidden">Koi Gate</span>
4714
4715    
4716            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;habanero-sm&quot;,&quot;gp&quot;:&quot;habanero&quot;,&quot;id&quot;:&quot;SGTheKoiGate&quot;})">
4717    
4718    
4719
4720    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/habanero/koi-gate.jpg')" >
4721                    
4722            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4723                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4724                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4725            </div>
4726            
4727
4728            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4729                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Koi Gate">
4730        
4731        
4732        
4733        
4734        <div
4735            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4736            <div
4737                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4738                MAINKAN
4739            </div>
4740        </div>
4741
4742    </div>
4743
4744    
4745            <div class="absolute top-0 left-0 z-2">
4746        <img src="https://dewacasino.com/assets/img/icons/game/habanero.svg" alt="habanero"
4747            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4748    </div>
4749    
4750    
4751        
4752    
4753    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4754        
4755        Koi Gate
4756    </div>         
4757
4758    
4759        </a>
4760</div>
4761                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4762
4763    
4764    
4765    <span itemprop="name" class="hidden">777 Playstar</span>
4766    <span itemprop="description" class="hidden">777 Playstar</span>
4767
4768    
4769            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;sg8&quot;,&quot;gp&quot;:&quot;playstar&quot;,&quot;id&quot;:&quot;42025&quot;})">
4770    
4771    
4772
4773    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/playstar/777-playstar.jpg')" >
4774                    
4775            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4776                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4777                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4778            </div>
4779            
4780
4781            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4782                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="777 Playstar">
4783        
4784        
4785        
4786        
4787        <div
4788            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4789            <div
4790                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4791                MAINKAN
4792            </div>
4793        </div>
4794
4795    </div>
4796
4797    
4798            <div class="absolute top-0 left-0 z-2">
4799        <img src="https://dewacasino.com/assets/img/icons/game/playstar.svg" alt="playstar"
4800            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4801    </div>
4802    
4803    
4804        
4805    
4806    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4807        
4808        777 Playstar
4809    </div>         
4810
4811    
4812        </a>
4813</div>
4814                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4815
4816    
4817    
4818    <span itemprop="name" class="hidden">Almighty Zeus Empire</span>
4819    <span itemprop="description" class="hidden">Almighty Zeus Empire</span>
4820
4821    
4822            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;sg8&quot;,&quot;gp&quot;:&quot;microgaming&quot;,&quot;id&quot;:&quot;57410&quot;})">
4823    
4824    
4825
4826    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/microgaming/almighty-zeus-empire.jpg')" >
4827                    
4828            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4829                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4830                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4831            </div>
4832            
4833
4834            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4835                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Almighty Zeus Empire">
4836        
4837        
4838        
4839        
4840        <div
4841            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4842            <div
4843                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4844                MAINKAN
4845            </div>
4846        </div>
4847
4848    </div>
4849
4850    
4851            <div class="absolute top-0 left-0 z-2">
4852        <img src="https://dewacasino.com/assets/img/icons/game/microgaming.svg" alt="microgaming"
4853            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4854    </div>
4855    
4856    
4857        
4858    
4859    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4860        
4861        Almighty Zeus Empire
4862    </div>         
4863
4864    
4865        </a>
4866</div>
4867                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4868
4869    
4870    
4871    <span itemprop="name" class="hidden">Mental</span>
4872    <span itemprop="description" class="hidden">Mental</span>
4873
4874    
4875            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;sg8&quot;,&quot;gp&quot;:&quot;nlc&quot;,&quot;id&quot;:&quot;59734&quot;})">
4876    
4877    
4878
4879    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/nlc/mental.jpg')" >
4880                    
4881            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4882                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4883                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4884            </div>
4885            
4886
4887            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4888                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Mental">
4889        
4890        
4891        
4892        
4893        <div
4894            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4895            <div
4896                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4897                MAINKAN
4898            </div>
4899        </div>
4900
4901    </div>
4902
4903    
4904            <div class="absolute top-0 left-0 z-2">
4905        <img src="https://dewacasino.com/assets/img/icons/game/nlc.svg" alt="nlc"
4906            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4907    </div>
4908    
4909    
4910        
4911    
4912    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4913        
4914        Mental
4915    </div>         
4916
4917    
4918        </a>
4919</div>
4920                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4921
4922    
4923    
4924    <span itemprop="name" class="hidden">Frogs N Flies</span>
4925    <span itemprop="description" class="hidden">Frogs N Flies</span>
4926
4927    
4928            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;sg8&quot;,&quot;gp&quot;:&quot;ttg&quot;,&quot;id&quot;:&quot;38093&quot;})">
4929    
4930    
4931
4932    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/ttg/frogs-n-flies.jpg')" >
4933                    
4934            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4935                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4936                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4937            </div>
4938            
4939
4940            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4941                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Frogs N Flies">
4942        
4943        
4944        
4945        
4946        <div
4947            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
4948            <div
4949                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
4950                MAINKAN
4951            </div>
4952        </div>
4953
4954    </div>
4955
4956    
4957            <div class="absolute top-0 left-0 z-2">
4958        <img src="https://dewacasino.com/assets/img/icons/game/ttg.svg" alt="ttg"
4959            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
4960    </div>
4961    
4962    
4963        
4964    
4965    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
4966        
4967        Frogs N Flies
4968    </div>         
4969
4970    
4971        </a>
4972</div>
4973                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
4974
4975    
4976    
4977    <span itemprop="name" class="hidden">Starlight Princess 1000</span>
4978    <span itemprop="description" class="hidden">Starlight Princess 1000</span>
4979
4980    
4981            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-play&quot;,&quot;id&quot;:&quot;vs20starlightx&quot;})">
4982    
4983    
4984
4985    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-play/starlight-princess-1000.jpg')" >
4986                    
4987            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
4988                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
4989                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
4990            </div>
4991            
4992
4993            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
4994                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Starlight Princess 1000">
4995        
4996        
4997        
4998        
4999        <div
5000            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
5001            <div
5002                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
5003                MAINKAN
5004            </div>
5005        </div>
5006
5007    </div>
5008
5009    
5010            <div class="absolute top-0 left-0 z-2">
5011        <img src="https://dewacasino.com/assets/img/icons/game/pragmatic-play.svg" alt="pragmatic-play"
5012            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
5013    </div>
5014    
5015    
5016        
5017    
5018    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
5019        
5020        Starlight Princess 1000
5021    </div>         
5022
5023    
5024        </a>
5025</div>
5026                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
5027
5028    
5029    
5030    <span itemprop="name" class="hidden">
5030Gates of Olympus 1000</span>
5031    <span itemprop="description" class="hidden">Gates of Olympus 1000</span>
5032
5033    
5034            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-play&quot;,&quot;id&quot;:&quot;vs20olympx&quot;})">
5035    
5036    
5037
5038    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-play/gates-of-olympus-1000.jpg')" >
5039                    
5040            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
5041                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
5042                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
5043            </div>
5044            
5045
5046            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
5047                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Gates of Olympus 1000">
5048        
5049        
5050        
5051        
5052        <div
5053            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
5054            <div
5055                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
5056                MAINKAN
5057            </div>
5058        </div>
5059
5060    </div>
5061
5062    
5063            <div class="absolute top-0 left-0 z-2">
5064        <img src="https://dewacasino.com/assets/img/icons/game/pragmatic-play.svg" alt="pragmatic-play"
5065            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
5066    </div>
5067    
5068    
5069        
5070    
5071    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
5072        
5073        Gates of Olympus 1000
5074    </div>         
5075
5076    
5077        </a>
5078</div>
5079                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
5080
5081    
5082    
5083    <span itemprop="name" class="hidden">Mahjong Wins 2</span>
5084    <span itemprop="description" class="hidden">Mahjong Wins 2</span>
5085
5086    
5087            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-play&quot;,&quot;id&quot;:&quot;vswaysmahwin2&quot;})">
5088    
5089    
5090
5091    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-play/mahjong-wins-2.jpg')" >
5092                    
5093            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
5094                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
5095                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
5096            </div>
5097            
5098
5099            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
5100                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Mahjong Wins 2">
5101        
5102        
5103        
5104        
5105        <div
5106            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
5107            <div
5108                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
5109                MAINKAN
5110            </div>
5111        </div>
5112
5113    </div>
5114
5115    
5116            <div class="absolute top-0 left-0 z-2">
5117        <img src="https://dewacasino.com/assets/img/icons/game/pragmatic-play.svg" alt="pragmatic-play"
5118            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
5119    </div>
5120    
5121    
5122        
5123    
5124    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
5125        
5126        Mahjong Wins 2
5127    </div>         
5128
5129    
5130        </a>
5131</div>
5132                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
5133
5134    
5135    
5136    <span itemprop="name" class="hidden">John Hunter and the Tomb of the Scarab Queen</span>
5137    <span itemprop="description" class="hidden">John Hunter and the Tomb of the Scarab Queen</span>
5138
5139    
5140            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-play&quot;,&quot;id&quot;:&quot;vs25scarabqueen&quot;})">
5141    
5142    
5143
5144    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-play/john-hunter-and-the-tomb-of-the-scarab-queen.jpg')" >
5145                    
5146            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
5147                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
5148                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
5149            </div>
5150            
5151
5152            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
5153                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="John Hunter and the Tomb of the Scarab Queen">
5154        
5155        
5156        
5157        
5158        <div
5159            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
5160            <div
5161                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
5162                MAINKAN
5163            </div>
5164        </div>
5165
5166    </div>
5167
5168    
5169            <div class="absolute top-0 left-0 z-2">
5170        <img src="https://dewacasino.com/assets/img/icons/game/pragmatic-play.svg" alt="pragmatic-play"
5171            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
5172    </div>
5173    
5174    
5175        
5176    
5177    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
5178        
5179        John Hunter and the Tomb of the Scarab Queen
5180    </div>         
5181
5182    
5183        </a>
5184</div>
5185                            <div x-data="gameLauncherApi()" class="block relative  group" itemscope itemtype="https://schema.org/Game">
5186
5187    
5188    
5189    <span itemprop="name" class="hidden">Gold Train</span>
5190    <span itemprop="description" class="hidden">Gold Train</span>
5191
5192    
5193            <a href="javascript:void(0)" @click="$store.loginModalState.toggle({&quot;p&quot;:&quot;idnlive&quot;,&quot;gp&quot;:&quot;pragmatic-play&quot;,&quot;id&quot;:&quot;vs3train&quot;})">
5194    
5195    
5196
5197    <div class="relative w-full overflow-hidden" x-data="lazyImage('https://dewacasino.com/assets/images/games/providers/pragmatic-play/gold-train.jpg')" >
5198                    
5199            <div x-show="!loaded" x-transition:leave="transition ease-out duration-700"
5200                x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
5201                class="skeleton-wave absolute inset-0 z-10 w-full h-full">
5202            </div>
5203            
5204
5205            <img x-bind:src="loaded ? src + '?v=9' : placeholder + '?v=1'"  x-bind:class="{ 'opacity-100': loaded, 'opacity-0': !loaded }"
5206                class="transition-opacity duration-700 ease-out w-full min-h-[150px]  relative z-0 border border-[#a13224bd]" alt="Gold Train">
5207        
5208        
5209        
5210        
5211        <div
5212            class="absolute z-3 inset-0 flex items-center justify-center bg-[var(--desktop-game-hover-masking-bg)]/40 opacity-0 group-hover:opacity-100 transition-opacity duration-100">
5213            <div
5214                class="bg-btn [background:var(--desktop-game-btn-play-bg)] hover:[background:var(--desktop-game-btn-play-bg-hover-active)] text-[var(--desktop-game-btn-play-text)] px-3 py-1 transform scale-75 group-hover:scale-100 transition-transform duration-100 font-medium rounded uppercase tracking-wider  text-sm  shadow-xl">
5215                MAINKAN
5216            </div>
5217        </div>
5218
5219    </div>
5220
5221    
5222            <div class="absolute top-0 left-0 z-2">
5223        <img src="https://dewacasino.com/assets/img/icons/game/pragmatic-play.svg" alt="pragmatic-play"
5224            class="fill-white drop-shadow-xl/25 size-[23px] m-[1px]">
5225    </div>
5226    
5227    
5228        
5229    
5230    <div class="p-1 bg-[var(--desktop-game-name-bg)] text-center text-[var(--desktop-game-name-text)] w-full font-medium text-[12px]  ">
5231        
5232        Gold Train
5233    </div>         
5234
5235    
5236        </a>
5237</div>
5238                    </div>
5239
5240
5241
5242    </div>
5243
5244    
5245    <div class="p-6 flex justify-center gap-x-1 bg-black">
5246
5247            <a href="/our-games"
5248            class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)] text-2xl uppercase font-bold rounded w-[220px] text-center py-3">
5249            GO TO LOBBY
5250        </a>
5251        <a href="/register"
5252            class="bg-btn [background:var(--desktop-btn-register)] hover:[background:var(--desktop-btn-register-hover-active)] text-2xl uppercase font-bold rounded w-[220px] text-center py-3">
5253            DAFTAR
5254        </a>
5255    </div>
5256<div class="flex gap-x-5 pb-8 px-3 bg-black">
5257
5258    <div class="w-full p-0 border border-[var(--desktop-home-bank-footer-border)] rounded relative">
5259        <img src="https://dewacasino.com/assets/img/home-img1.jpg" alt="More Games" class="h-[197px] w-[324px]">
5260        <div class="absolute bottom-5 right-2">
5261            <a href="/slot/popular"
5262                class="bg-btn [background:var(--desktop-btn-play)] hover:[background:var(--desktop-btn-play-hover-active)]">
5263                MAINKAN
5264            </a>
5265        </div>
5266    </div>
5267
5268    <div class="w-full p-0 border border-[var(--desktop-home-bank-footer-border)] rounded">
5269        <img src="https://dewacasino.com/assets/img/home-img2.jpg" alt="Dewa VIP" class="h-[197px] w-[324px]">
5270    </div>
5271
5272
5273    <div class="w-full h-[197px] flex items-center">
5274        <div
5275            class="w-[324px] h-[197px] rounded-2xl bg-btn [background:var(--desktop-home-bank-footer-bg)] p-0 border border-[var(--desktop-home-bank-footer-border)] overflow-hidden">
5276            
5277
5278            <div class="relative h-[197px] overflow-hidden p-4">
5279
5280                <div class="animate-infinite-scroll flex flex-col gap-y-0">
5281
5282                    
5283                    
5284                    
5285                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5286                            <div
5287                                class="flex items-center justify-center flex-none w-[70px] h-[40p
5287x] rounded-sm bg-white/5">
5288                                <img src="https://dewacasino.com/assets/img/bank/bca.png"
5289                                    style="width: 70px; height: 40px; object-fit: contain;"
5290                                    alt="" />
5291                            </div>
5292                            <div class="flex-1 min-w-0">
5293                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5294                                        SENIN-MINGGU : ONLINE</p>
5295                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5296                                        * NOTED : Kecuali saat maintenance dari bank</p>
5297                                                            </div>
5298                        </div>
5299                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5300                            <div
5301                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5302                                <img src="https://dewacasino.com/assets/img/bank/mandiri.png"
5303                                    style="width: 70px; height: 40px; object-fit: contain;"
5304                                    alt="" />
5305                            </div>
5306                            <div class="flex-1 min-w-0">
5307                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5308                                        SENIN - MINGGU: 23.00 - 04.00 WIB</p>
5309                                                            </div>
5310                        </div>
5311                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5312                            <div
5313                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5314                                <img src="https://dewacasino.com/assets/img/bank/bni.png"
5315                                    style="width: 70px; height: 40px; object-fit: contain;"
5316                                    alt="" />
5317                            </div>
5318                            <div class="flex-1 min-w-0">
5319                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5320                                        SENIN - MINGGU: 01.30- 03.30 WIB</p>
5321                                                            </div>
5322                        </div>
5323                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5324                            <div
5325                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5326                                <img src="https://dewacasino.com/assets/img/bank/bri-min.png"
5327                                    style="width: 70px; height: 40px; object-fit: contain;"
5328                                    alt="" />
5329                            </div>
5330                            <div class="flex-1 min-w-0">
5331                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5332                                        SENIN - MINGGU : TIDAK ADA OFFLINE</p>
5333                                                            </div>
5334                        </div>
5335                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5336                            <div
5337                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5338                                <img src="https://dewacasino.com/assets/img/bank/cimb.png"
5339                                    style="width: 70px; height: 40px; object-fit: contain;"
5340                                    alt="" />
5341                            </div>
5342                            <div class="flex-1 min-w-0">
5343                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)
5343]">
5344                                        TIDAK ADA OFFLINE</p>
5345                                                            </div>
5346                        </div>
5347                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5348                            <div
5349                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5350                                <img src="https://dewacasino.com/assets/img/bank/voucher-88.png"
5351                                    style="width: 70px; height: 40px; object-fit: contain;"
5352                                    alt="" />
5353                            </div>
5354                            <div class="flex-1 min-w-0">
5355                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5356                                        Tidak ada OFFLINE</p>
5357                                                            </div>
5358                        </div>
5359                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5360                            <div
5361                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5362                                <img src="https://dewacasino.com/assets/img/bank/permata-min.png"
5363                                    style="width: 70px; height: 40px; object-fit: contain;"
5364                                    alt="" />
5365                            </div>
5366                            <div class="flex-1 min-w-0">
5367                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5368                                        SENIN - MINGGU: 23.00 - 00.00 WIB</p>
5369                                                            </div>
5370                        </div>
5371                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5372                            <div
5373                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5374                                <img src="https://dewacasino.com/assets/img/bank/maybank.png"
5375                                    style="width: 70px; height: 40px; object-fit: contain;"
5376                                    alt="" />
5377                            </div>
5378                            <div class="flex-1 min-w-0">
5379                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5380                                        TIDAK ADA OFFLINE</p>
5381                                                            </div>
5382                        </div>
5383                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5384                            <div
5385                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5386                                <img src="https://dewacasino.com/assets/img/bank/jenius.png"
5387                                    style="width: 70px; height: 40px; object-fit: contain;"
5388                                    alt="" />
5389                            </div>
5390                            <div class="flex-1 min-w-0">
5391                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5392                                        TIDAK ADA OFFLINE</p>
5393                                                            </div>
5394                        </div>
5395                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5396                            <div
5397                                class="flex items-center justify-center flex-none w-[70px] h-[40p
5397x] rounded-sm bg-white/5">
5398                                <img src="https://dewacasino.com/assets/img/bank/panin.png"
5399                                    style="width: 70px; height: 40px; object-fit: contain;"
5400                                    alt="" />
5401                            </div>
5402                            <div class="flex-1 min-w-0">
5403                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5404                                        TIDAK ADA OFFLINE</p>
5405                                                            </div>
5406                        </div>
5407                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5408                            <div
5409                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5410                                <img src="https://dewacasino.com/assets/img/bank/mega.png"
5411                                    style="width: 70px; height: 40px; object-fit: contain;"
5412                                    alt="" />
5413                            </div>
5414                            <div class="flex-1 min-w-0">
5415                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5416                                        SENIN - SABTU: 23.00 - 03.30 WIB</p>
5417                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5418                                        MINGGU: 23.00 - 05.00 WIB</p>
5419                                                            </div>
5420                        </div>
5421                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5422                            <div
5423                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5424                                <img src="https://dewacasino.com/assets/img/bank/sinarmas.png"
5425                                    style="width: 70px; height: 40px; object-fit: contain;"
5426                                    alt="" />
5427                            </div>
5428                            <div class="flex-1 min-w-0">
5429                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5430                                        SENIN - MINGGU: 22.00 - 00.00 WIB</p>
5431                                                            </div>
5432                        </div>
5433                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5434                            <div
5435                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5436                                <img src="https://dewacasino.com/assets/img/bank/kospin-min.png"
5437                                    style="width: 70px; height: 40px; object-fit: contain;"
5438                                    alt="" />
5439                            </div>
5440                            <div class="flex-1 min-w-0">
5441                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5442                                        SENIN - MINGGU: 23.00 - 00.00 WIB</p>
5443                                                            </div>
5444                        </div>
5445                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5446                            <div
5447                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5448                                <img src="https://dewacasino.com/assets/img/bank/bsi.png"
5449                                    style="width: 70px; height: 40px; object-fit: contain;"
5450                                    alt="" />
5451                            </div>
5452                            <div class="flex-1 min-w-0">
5453                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)
5453]">
5454                                        Senin - Minggu : 22.00 - 00.00 WIB</p>
5455                                                            </div>
5456                        </div>
5457                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5458                            <div
5459                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5460                                <img src="https://dewacasino.com/assets/img/bank/seabank.png"
5461                                    style="width: 70px; height: 40px; object-fit: contain;"
5462                                    alt="" />
5463                            </div>
5464                            <div class="flex-1 min-w-0">
5465                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5466                                        SENIN - MINGGU</p>
5467                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5468                                        TIDAK ADA OFFLINE</p>
5469                                                            </div>
5470                        </div>
5471                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5472                            <div
5473                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5474                                <img src="https://dewacasino.com/assets/img/bank/jago.png"
5475                                    style="width: 70px; height: 40px; object-fit: contain;"
5476                                    alt="" />
5477                            </div>
5478                            <div class="flex-1 min-w-0">
5479                                                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5480                                        SENIN - MINGGU</p>
5481                                                                    <p class=" text-[12px] leading-tight text-[var(--desktop-text-base-reverse)]">
5482                                        TIDAK ADA OFFLINE</p>
5483                                                            </div>
5484                        </div>
5485                    
5486                    
5487                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5488                            <div
5489                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5490                                <img src="https://dewacasino.com/assets/img/bank/bca.png"
5491                                    style="width: 70px; height: 40px; object-fit: contain;"
5492                                    alt="" />
5493                            </div>
5494                            <div class="flex-1 min-w-0">
5495                                                                                                    <p
5496                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5497                                        SENIN-MINGGU : ONLINE</p>
5498                                                                    <p
5499                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5500                                        * NOTED : Kecuali saat maintenance dari bank</p>
5501                                                            </div>
5502                        </div>
5503                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5504                            <div
5505                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5506                                <img src="https://dewacasino.com/assets/img/bank/mandiri.png"
5507                                    style="width: 70px; height: 40px; object-fit: contain;"
5508                                    alt="" />
5509                            </div>
5510                            <div class="flex-1 min-w-0">
5511                                                                                                    <p
5512                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)
5512]">
5513                                        SENIN - MINGGU: 23.00 - 04.00 WIB</p>
5514                                                            </div>
5515                        </div>
5516                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5517                            <div
5518                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5519                                <img src="https://dewacasino.com/assets/img/bank/bni.png"
5520                                    style="width: 70px; height: 40px; object-fit: contain;"
5521                                    alt="" />
5522                            </div>
5523                            <div class="flex-1 min-w-0">
5524                                                                                                    <p
5525                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5526                                        SENIN - MINGGU: 01.30- 03.30 WIB</p>
5527                                                            </div>
5528                        </div>
5529                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5530                            <div
5531                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5532                                <img src="https://dewacasino.com/assets/img/bank/bri-min.png"
5533                                    style="width: 70px; height: 40px; object-fit: contain;"
5534                                    alt="" />
5535                            </div>
5536                            <div class="flex-1 min-w-0">
5537                                                                                                    <p
5538                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5539                                        SENIN - MINGGU : TIDAK ADA OFFLINE</p>
5540                                                            </div>
5541                        </div>
5542                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5543                            <div
5544                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5545                                <img src="https://dewacasino.com/assets/img/bank/cimb.png"
5546                                    style="width: 70px; height: 40px; object-fit: contain;"
5547                                    alt="" />
5548                            </div>
5549                            <div class="flex-1 min-w-0">
5550                                                                                                    <p
5551                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5552                                        TIDAK ADA OFFLINE</p>
5553                                                            </div>
5554                        </div>
5555                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5556                            <div
5557                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5558                                <img src="https://dewacasino.com/assets/img/bank/voucher-88.png"
5559                                    style="width: 70px; height: 40px; object-fit: contain;"
5560                                    alt="" />
5561                            </div>
5562                            <div class="flex-1 min-w-0">
5563                                                                                                    <p
5564                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5565                                        Tidak ada OFFLINE</p>
5566                                                            </div>
5567                        </div>
5568                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5569                            <div
5570                                class="flex items-center justify-center flex-none w-[70px] h-[40p
5570x] rounded-sm bg-white/5">
5571                                <img src="https://dewacasino.com/assets/img/bank/permata-min.png"
5572                                    style="width: 70px; height: 40px; object-fit: contain;"
5573                                    alt="" />
5574                            </div>
5575                            <div class="flex-1 min-w-0">
5576                                                                                                    <p
5577                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5578                                        SENIN - MINGGU: 23.00 - 00.00 WIB</p>
5579                                                            </div>
5580                        </div>
5581                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5582                            <div
5583                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5584                                <img src="https://dewacasino.com/assets/img/bank/maybank.png"
5585                                    style="width: 70px; height: 40px; object-fit: contain;"
5586                                    alt="" />
5587                            </div>
5588                            <div class="flex-1 min-w-0">
5589                                                                                                    <p
5590                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5591                                        TIDAK ADA OFFLINE</p>
5592                                                            </div>
5593                        </div>
5594                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5595                            <div
5596                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5597                                <img src="https://dewacasino.com/assets/img/bank/jenius.png"
5598                                    style="width: 70px; height: 40px; object-fit: contain;"
5599                                    alt="" />
5600                            </div>
5601                            <div class="flex-1 min-w-0">
5602                                                                                                    <p
5603                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5604                                        TIDAK ADA OFFLINE</p>
5605                                                            </div>
5606                        </div>
5607                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5608                            <div
5609                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5610                                <img src="https://dewacasino.com/assets/img/bank/panin.png"
5611                                    style="width: 70px; height: 40px; object-fit: contain;"
5612                                    alt="" />
5613                            </div>
5614                            <div class="flex-1 min-w-0">
5615                                                                                                    <p
5616                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5617                                        TIDAK ADA OFFLINE</p>
5618                                                            </div>
5619                        </div>
5620                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5621                            <div
5622                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5623                                <img src="https://dewacasino.com/assets/img/bank/mega.png"
5624                                    style="width: 70px; height: 40px; object-fit: contain;"
5625                                    alt="" />
5626                            </div>
5627                            <div class="flex-1 min-w-0">
5628                                                                                                    <p
5629                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)
5629]">
5630                                        SENIN - SABTU: 23.00 - 03.30 WIB</p>
5631                                                                    <p
5632                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5633                                        MINGGU: 23.00 - 05.00 WIB</p>
5634                                                            </div>
5635                        </div>
5636                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5637                            <div
5638                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5639                                <img src="https://dewacasino.com/assets/img/bank/sinarmas.png"
5640                                    style="width: 70px; height: 40px; object-fit: contain;"
5641                                    alt="" />
5642                            </div>
5643                            <div class="flex-1 min-w-0">
5644                                                                                                    <p
5645                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5646                                        SENIN - MINGGU: 22.00 - 00.00 WIB</p>
5647                                                            </div>
5648                        </div>
5649                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5650                            <div
5651                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5652                                <img src="https://dewacasino.com/assets/img/bank/kospin-min.png"
5653                                    style="width: 70px; height: 40px; object-fit: contain;"
5654                                    alt="" />
5655                            </div>
5656                            <div class="flex-1 min-w-0">
5657                                                                                                    <p
5658                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5659                                        SENIN - MINGGU: 23.00 - 00.00 WIB</p>
5660                                                            </div>
5661                        </div>
5662                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5663                            <div
5664                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5665                                <img src="https://dewacasino.com/assets/img/bank/bsi.png"
5666                                    style="width: 70px; height: 40px; object-fit: contain;"
5667                                    alt="" />
5668                            </div>
5669                            <div class="flex-1 min-w-0">
5670                                                                                                    <p
5671                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5672                                        Senin - Minggu : 22.00 - 00.00 WIB</p>
5673                                                            </div>
5674                        </div>
5675                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5676                            <div
5677                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5678                                <img src="https://dewacasino.com/assets/img/bank/seabank.png"
5679                                    style="width: 70px; height: 40px; object-fit: contain;"
5680                                    alt="" />
5681                            </div>
5682                            <div class="flex-1 min-w-0">
5683                                                                                                    <p
5684                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)
5684]">
5685                                        SENIN - MINGGU</p>
5686                                                                    <p
5687                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5688                                        TIDAK ADA OFFLINE</p>
5689                                                            </div>
5690                        </div>
5691                                            <div class="flex items-center gap-x-2 w-full min-h-[50px]">
5692                            <div
5693                                class="flex items-center justify-center flex-none w-[70px] h-[40px] rounded-sm bg-white/5">
5694                                <img src="https://dewacasino.com/assets/img/bank/jago.png"
5695                                    style="width: 70px; height: 40px; object-fit: contain;"
5696                                    alt="" />
5697                            </div>
5698                            <div class="flex-1 min-w-0">
5699                                                                                                    <p
5700                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5701                                        SENIN - MINGGU</p>
5702                                                                    <p
5703                                        class="truncate text-[10px] leading-tight text-[var(--desktop-text-base-reverse)]">
5704                                        TIDAK ADA OFFLINE</p>
5705                                                            </div>
5706                        </div>
5707                                    </div>
5708
5709                <div
5710                    class="absolute inset-x-0 top-0 h-10 bg-gradient-to-b from-[var(--desktop-home-bank-footer-bg)] to-transparent pointer-events-none z-10">
5711                </div>
5712                <div
5713                    class="absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-[var(--desktop-home-bank-footer-bg)] to-transparent pointer-events-none z-10">
5714                </div>
5715            </div>
5716        </div>
5717    </div>
5718</div>
5719
5720
5721
5722<style>
5723    @keyframes scroll-up {
5724        0% {
5725            transform: translateY(0);
5726        }
5727
5728        100% {
5729            transform: translateY(-50%);
5730        }
5731    }
5732
5733    .animate-infinite-scroll {
5734        animation: scroll-up 20s linear infinite;
5735    }
5736
5737    .animate-infinite-scroll:hover {
5738        animation-play-state: paused;
5739    }
5740</style>
5741    
5742    </main>
5743
5744    <footer class="footer w-full [background:var(--layout-desktop-footer-bg)] text-[var(--desktop-text-base-reverse)]">
5745    <div class="container">
5746
5747        
5748        <div class="menufooter text-center flex-wrap gap-x-3 pt-3 ">
5749                                            <a href="https://dewacasino.com/rules" target="_self"
5750                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5751                    <span
5752                        class=" hover:underline text-nowrap">Peraturan</span>
5753                </a>
5754                <span class="font-light">|</span>
5755                                            <a href="https://dewacasino.com/support" target="_self"
5756                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5757                    <span
5758                        class=" hover:underline text-nowrap">Hubungi Kami</span>
5759                </a>
5760                <span class="font-light">|</span>
5761                                            <a href="https://dewacasino.com/privacy-policy" target="_self"
5762                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5763                    <span
5764                        class=" hover:underline text-nowrap">Kebijakan Privasi</span>
5765                </a>
5766                <span class="font-light">|</span>
5767                                            <a href="https://dewacasino.com/responsible-game" target="_self"
5768                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5769                    <span
5770                        class=" hover:underline text-nowrap">Tanggung Jawab Bermain</span>
5771                </a>
5772                <span class="font-light">|</span>
5773                                            <a href="https://dewacasino.com/fair-gaming" target="_self"
5774                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5775                    <span
5776                        class=" hover:underline text-nowrap">Permainan Fair</span>
5777                </a>
5778                <span class="font-light">|</span>
5779                                            <a href="https://dewacasino.com/how-to-play" target="_self"
5780                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5781                    <span
5782                        class=" hover:underline text-nowrap">Cara Bermain</span>
5783                </a>
5784                <span class="font-light">|</span>
5785                                            <a href="https://dewacasino.com/video-tutorial" target="_self"
5786                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5787                    <span
5788                        class=" hover:underline text-nowrap">Tutorial Video</span>
5789                </a>
5790                <span class="font-light">|</span>
5791                                            <a href="https://dewacasino.com/alternatif-link" target="_blank"
5792                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5793                    <span
5794                        class=" hover:underline text-nowrap">Link Alternatif</span>
5795                </a>
5796                <span class="font-light">|</span>
5797                                            <a href="https://dewacasino.com/download" target="_self"
5798                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5799                    <span
5800                        class=" hover:underline text-nowrap">Download</span>
5801                </a>
5802                <span class="font-light">|</span>
5803                                            <a href="https://dewacasino.com/anti-block" target="_self"
5804                    class="text-[var(--layout-desktop-footer-menu-text)] hover:text-[var(--layout-desktop-footer-menu-text-hover-active)] text-[13px]">
5805                    <span
5806                        class=" hover:underline text-nowrap">Anti-Blokir</span>
5807                </a>
5808                <span class="font-light"></span>
5809                    </div>
5810
5811        <hr class="w-full border-b-[1px] border-[var(--layout-desktop-footer-line-color)] mb-4 mt-1">
5812
5813        
5814        <div class="content-footer">
5815
5816            <div class="flex gap-x-6">
5817                <div class="description w-full text-xs tracking-wide leading-relaxed space-y-1">
5818                                            <p><b><a href="https://dewacasino.club/" target="_blank">Dewacasino</a></b> merupakan agen casino online terpercaya indonesia. Beragam permainan dapat anda rasakan serta kenyamanan jika bermain di situs Dewacasino, permainan casino online yang menyediakan permainan yang digemari antaranya Baccarat, Blackjack, Roulette, Sic Bo, dan masih banyak permainan yang dapat anda mainkan dan merasakan pengalaman <strong><a href="https://dewacasino.club/">bermain game online terbaik</a></strong>!</p>
5819<p>Kami memberikan dukungan dengan memberikan permainan melalui pc/laptop maupun mobile untuk anda bermain, dengan keamanan dan kenyamanan yang kami berikan untuk para member setia kami. Untuk info lanjut kami memberikan pelayanan social media dan livechat selama 24jam. Hubungi kami dan daftarkan diri anda melalui website kami unuk menjadi member kami&nbsp;<span style="font-weight: bold;"><a href="https://dewacasino.club/" target="_blank">Dewacasino</a></span></p>
5820<div class="dp_barcode" style="position: fixed; bottom: 386px; z-index: 666; left: 0px;"></div>
5821                                    </div>
5822            </div>
5823
5824            
5825
5826            
5827            <div class="partners w-full my-8">
5828                <h3 class="pt-1 uppercase mb-2 text-center text-sm">Metode Pembayaran :</h3>
5829                <div class="bank-footer-grid grid grid-cols-9 w-full">
5830                                                                                                                                                                                            <div class="bank-footer-icon-new  h-[60px] flex items-center justify-center p-3">
5831                            <img src="https://dewacasino.com/assets/img/bank/voucher-88-footer.png"
5832                                alt="Anti-Blokir">
5833                        </div>
5834                                                                                                                                                                                                                                                                    <div class="bank-footer-icon-new  h-[60px] flex items-center justify-center p-3">
5835                            <img src="https://dewacasino.com/assets/img/bank/dana-footer.png"
5836                                alt="Anti-Blokir">
5837                        </div>
5838                                                                    <div class="bank-footer-icon-new  h-[60px] flex items-center justify-center p-3">
5839                            <img src="https://dewacasino.com/assets/img/bank/link-aja-footer.png"
5840                                alt="Anti-Blokir">
5841                        </div>
5842                                                                    <div class="bank-footer-icon-new  h-[60px] flex items-center justify-center p-3">
5843                            <img src="https://dewacasino.com/assets/img/bank/shopee-pay-footer.png"
5844                                alt="Anti-Blokir">
5845                        </div>
5846                                                                    <div class="bank-footer-icon-new  h-[60px] flex items-center justify-center p-3">
5847                            <img src="https://dewacasino.com/assets/img/bank/gopay-footer.png"
5848                                alt="Anti-Blokir">
5849                        </div>
5850                                                                    <div class="bank-footer-icon-new  h-[60px] flex items-center justify-center p-3">
5851                            <img src="https://dewacasino.com/assets/img/bank/ovo-footer.png"
5852                                alt="Anti-Blokir">
5853                        </div>
5854                                                                    <div class="bank-footer-icon-new  h-[60px] flex items-center justify-center p-3">
5855                            <img src="https://dewacasino.com/assets/img/bank/qris-footer.png"
5856                                alt="Anti-Blokir">
5857                        </div>
5858                                                                    <div class="bank-footer-icon-new  h-[60px] flex items-center justify-center p-3">
5859                            <img src="https://dewacasino.com/assets/img/bank/jago-footer.png"
5860                                alt="Anti-Blokir">
5861                        </div>
5862                                                                    <div class="bank-footer-icon-new  h-[60px] flex items-center justify-center p-3">
5863                            <img src="https://dewacasino.com/assets/img/bank/seabank-footer.png"
5864                                alt="Anti-Blokir">
5865                        </div>
5866                                    </div>
5867            </div>
5868
5869            
5870            <h3 class="uppercase text-center text-sm mb-0">Mitra Kami :</h3>
5871            <div class="w-full mb-0 overflow-hidden min-h-[180px] select-none bg-[#1d1d1d] py-4">
5872    <div class="relative w-full overflow-hidden">
5873        
5874        <div class="absolute inset-y-0 left-0 w-24 bg-gradient-to-r from-[#1d1d1d] to-transparent z-10 pointer-events-none"></div>
5875        <div class="absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-[#1d1d1d] to-transparent z-10 pointer-events-none"></div>
5876
5877        
5878        <div class="relative w-full overflow-hidden mb-4 flex h-[60px]">
5879            <div class="flex w-max gap-0 animate-marquee-forward hover:[animation-play-state:paused] cursor-pointer transform-gpu">
5880                
5881                <div class="flex shrink-0 items-center">
5882                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5883                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/idnlive.png?v=1" 
5884                                 alt="idnlive.png" 
5885                                 loading="lazy"
5886                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5887                        </div>
5888                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5889                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/luckystreak.png?v=1" 
5890                                 alt="luckystreak.png" 
5891                                 loading="lazy"
5892                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5893                        </div>
5894                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5895                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/pragmatic-play.png?v=1" 
5896                                 alt="pragmatic-play.png" 
5897                                 loading="lazy"
5898                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5899                        </div>
5900                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5901                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/habanero.png?v=1" 
5902                                 alt="habanero.png" 
5903                                 loading="lazy"
5904                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5905                        </div>
5906                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5907                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/microgaming.png?v=1" 
5908                                 alt="microgaming.png" 
5909                                 loading="lazy"
5910                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5911                        </div>
5912                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5913                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/tomhorn.png?v=1" 
5914                                 alt="tomhorn.png" 
5915                                 loading="lazy"
5916                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5917                        </div>
5918                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5919                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/spinomenal.png?v=1" 
5920                                 alt="spinomenal.png" 
5921                                 loading="lazy"
5922                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5923                        </div>
5924                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5925                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/playson.png?v=1" 
5926                                 alt="playson.png" 
5927                                 loading="lazy"
5928                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5929                        </div>
5930                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5931                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/opus.png?v=1" 
5932                                 alt="opus.png" 
5933                                 loading="lazy"
5934                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5935                        </div>
5936                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5937                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/skywind.png?v=1" 
5938                                 alt="skywind.png" 
5939                                 loading="lazy"
5940                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5941                        </div>
5942                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5943                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/playstar.png?v=1" 
5944                                 alt="playstar.png" 
5945                                 loading="lazy"
5946                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5947                        </div>
5948                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5949                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/playtech.png?v=1" 
5950                                 alt="playtech.png" 
5951                                 loading="lazy"
5952                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5953                        </div>
5954                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5955                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/spadegaming.png?v=1" 
5956                                 alt="spadegaming.png" 
5957                                 loading="lazy"
5958                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5959                        </div>
5960                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5961                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/top-trend-gaming.png?v=1" 
5962                                 alt="top-trend-gaming.png" 
5963                                 loading="lazy"
5964                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5965                        </div>
5966                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5967                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/red-tiger.png?v=1" 
5968                                 alt="red-tiger.png" 
5969                                 loading="lazy"
5970                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5971                        </div>
5972                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5973                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/cq9.png?v=1" 
5974                                 alt="cq9.png" 
5975                                 loading="lazy"
5976                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5977                        </div>
5978                  
5978                  </div>
5979            
5980                <div class="flex shrink-0 items-center">
5981                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5982                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/idnlive.png?v=1" 
5983                                 alt="idnlive.png" 
5984                                 loading="lazy"
5985                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5986                        </div>
5987                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5988                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/luckystreak.png?v=1" 
5989                                 alt="luckystreak.png" 
5990                                 loading="lazy"
5991                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5992                        </div>
5993                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
5994                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/pragmatic-play.png?v=1" 
5995                                 alt="pragmatic-play.png" 
5996                                 loading="lazy"
5997                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
5998                        </div>
5999                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6000                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/habanero.png?v=1" 
6001                                 alt="habanero.png" 
6002                                 loading="lazy"
6003                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6004                        </div>
6005                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6006                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/microgaming.png?v=1" 
6007                                 alt="microgaming.png" 
6008                                 loading="lazy"
6009                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6010                        </div>
6011                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6012                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/tomhorn.png?v=1" 
6013                                 alt="tomhorn.png" 
6014                                 loading="lazy"
6015                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6016                        </div>
6017                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6018                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/spinomenal.png?v=1" 
6019                                 alt="spinomenal.png" 
6020                                 loading="lazy"
6021                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6022                        </div>
6023                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6024                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/playson.png?v=1" 
6025                                 alt="playson.png" 
6026                                 loading="lazy"
6027                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6028                        </div>
6029                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6030                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/opus.png?v=1" 
6031                                 alt="opus.png" 
6032                                 loading="lazy"
6033                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6034                        </div>
6035                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6036                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/skywind.png?v=1" 
6037                                 alt="skywind.png" 
6038                                 loading="lazy"
6039                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6040                        </div>
6041                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6042                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/playstar.png?v=1" 
6043                                 alt="playstar.png" 
6044                                 loading="lazy"
6045                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6046                        </div>
6047                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6048                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/playtech.png?v=1" 
6049                                 alt="playtech.png" 
6050                                 loading="lazy"
6051                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6052                        </div>
6053                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6054                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/spadegaming.png?v=1" 
6055                                 alt="spadegaming.png" 
6056                                 loading="lazy"
6057                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6058                        </div>
6059                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6060                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/top-trend-gaming.png?v=1" 
6061                                 alt="top-trend-gaming.png" 
6062                                 loading="lazy"
6063                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6064                        </div>
6065                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6066                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/red-tiger.png?v=1" 
6067                                 alt="red-tiger.png" 
6068                                 loading="lazy"
6069                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6070                        </div>
6071                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6072                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/cq9.png?v=1" 
6073                                 alt="cq9.png" 
6074                                 loading="lazy"
6075                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6076                        </div>
6077                                    </div>
6078                
6079            </div>
6080        </div>
6081
6082        
6083        <div class="relative w-full overflow-hidden flex h-[60px]">
6084            <div class="flex w-max gap-0 animate-marquee-reverse hover:[animation-play-state:paused] cursor-pointer transform-gpu">
6085                
6086                <div class="flex shrink-0 items-center">
6087                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6088                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/pg-soft.png?v=1" 
6089                                 alt="pg-soft.png" 
6090                                 loading="lazy"
6091                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6092                        </div>
6093                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6094                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/booming.png?v=1" 
6095                                 alt="booming.png" 
6096                                 loading="lazy"
6097                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6098                        </div>
6099                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6100                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/gameart.png?v=1" 
6101                                 alt="gameart.png" 
6102                                 loading="lazy"
6103                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6104                        </div>
6105                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6106                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/betsoft.png?v=1" 
6107                                 alt="betsoft.png" 
6108                                 loading="lazy"
6109                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6110                        </div>
6111                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6112                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/gameplay.png?v=1" 
6113                                 alt="gameplay.png" 
6114                                 loading="lazy"
6115                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6116                        </div>
6117                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6118                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/realtime-gaming.png?v=1" 
6119                                 alt="realtime-gaming.png" 
6120                                 loading="lazy"
6121                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6122                        </div>
6123                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6124                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/evolution-gaming.png?v=1" 
6125                                 alt="evolution-gaming.png" 
6126                                 loading="lazy"
6127                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6128                        </div>
6129                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6130                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/bigtime-gaming.png?v=1" 
6131                                 alt="bigtime-gaming.png" 
6132                                 loading="lazy"
6133                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6134                        </div>
6135                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6136                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/gmw.png?v=1" 
6137                                 alt="gmw.png" 
6138                                 loading="lazy"
6139                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6140                        </div>
6141                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6142                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/ebet-gaming.png?v=1" 
6143                                 alt="ebet-gaming.png" 
6144                                 loading="lazy"
6145                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6146                        </div>
6147                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6148                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/wm-casino.png?v=1" 
6149                                 alt="wm-casino.png" 
6150                                 loading="lazy"
6151                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6152                        </div>
6153                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6154                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/sexy-gaming.png?v=1" 
6155                                 alt="sexy-gaming.png" 
6156                                 loading="lazy"
6157                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6158                        </div>
6159                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6160                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/mannaplay.png?v=1" 
6161                                 alt="mannaplay.png" 
6162                                 loading="lazy"
6163                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6164                        </div>
6165                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6166                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/netent.png?v=1" 
6167                                 alt="netent.png" 
6168                                 loading="lazy"
6169                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6170                        </div>
6171                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6172                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/slot-mania.png?v=1" 
6173                                 alt="slot-mania.png" 
6174                                 loading="lazy"
6175                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6176                        </div>
6177                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6178                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/simpleplay.png?v=1" 
6179                                 alt="simpleplay.png" 
6180                                 loading="lazy"
6181                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6182                        </div>
6183                                    </div>
6184                
6185                <div class="flex shrink-0 items-center">
6186                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6187                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/pg-soft.png?v=1" 
6188                                 alt="pg-soft.png" 
6189                                 loading="lazy"
6190                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6191                        </div>
6192                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6193                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/booming.png?v=1" 
6194                                 alt="booming.png" 
6195                                 loading="lazy"
6196                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6197                        </div>
6198                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6199                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/gameart.png?v=1" 
6200                                 alt="gameart.png" 
6201                                 loading="lazy"
6202                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6203                        </div>
6204                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6205                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/betsoft.png?v=1" 
6206                                 alt="betsoft.png" 
6207                                 loading="lazy"
6208                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6209                        </div>
6210                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6211                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/gameplay.png?v=1" 
6212                                 alt="gameplay.png" 
6213                                 loading="lazy"
6214                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6215                        </div>
6216                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6217                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/realtime-gaming.png?v=1" 
6218                                 alt="realtime-gaming.png" 
6219                                 loading="lazy"
6220                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6221                        </div>
6222                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6223                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/evolution-gaming.png?v=1" 
6224                                 alt="evolution-gaming.png" 
6225                                 loading="lazy"
6226                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6227                        </div>
6228                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6229                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/bigtime-gaming.png?v=1" 
6230                                 alt="bigtime-gaming.png" 
6231                                 loading="lazy"
6232                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6233                        </div>
6234                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6235                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/gmw.png?v=1" 
6236                                 alt="gmw.png" 
6237                                 loading="lazy"
6238                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6239                        </div>
6240                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6241                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/ebet-gaming.png?v=1" 
6242                                 alt="ebet-gaming.png" 
6243                                 loading="lazy"
6244                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6245                        </div>
6246                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6247                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/wm-casino.png?v=1" 
6248                                 alt="wm-casino.png" 
6249                                 loading="lazy"
6250                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6251                        </div>
6252                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6253                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/sexy-gaming.png?v=1" 
6254                                 alt="sexy-gaming.png" 
6255                                 loading="lazy"
6256                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6257                        </div>
6258                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6259                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/mannaplay.png?v=1" 
6260                                 alt="mannaplay.png" 
6261                                 loading="lazy"
6262                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6263                        </div>
6264                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6265                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/netent.png?v=1" 
6266                                 alt="netent.png" 
6267                                 loading="lazy"
6268                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6269                        </div>
6270                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6271                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/slot-mania.png?v=1" 
6272                                 alt="slot-mania.png" 
6273                                 loading="lazy"
6274                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6275                        </div>
6276                                            <div class="inline-flex items-center justify-center w-[160px] h-[60px] px-4 shrink-0">
6277                            <img src="https://dewacasino.com/assets/img/footer/provider_logo/simpleplay.png?v=1" 
6278                                 alt="simpleplay.png" 
6279                                 loading="lazy"
6280                                 class="max-h-[35px] w-auto hover:scale-110 transition-all duration-300">
6281                        </div>
6282                                    </div>
6283                
6284            </div>
6285        </div>
6286    </div>
6287</div>
6288
6289            <div class="flex gap-x-8 justify-center">
6290                
6291                <div class="">
6292                    <h3 class="uppercase mb-4 text-sm">Keamanan Terjamin :</h3>
6293                    <img src="https://dewacasino.com/assets/img/footer/guaranteed-secure.png" alt="Guaranteed Secure">
6294                </div>
6295                <div class="">
6296                    <h3 class="uppercase mb-4 text-sm">Alat Dukungan :</h3>
6297                    <img src="https://dewacasino.com/assets/img/footer/devices.png" alt="Devices">
6298                </div>
6299                <div class="">
6300                    <h3 class="uppercase mb-4 text-sm">Lisensi :</h3>
6301                    <img src="https://dewacasino.com/assets/img/footer/pagcor-logo.png" alt="License Pagcor"
6302                        style="height: 40px;">
6303                </div>
6304
6305            </div>
6306
6307            
6308        </div>
6309    </div>
6310
6311    <div class="w-full [background:var(--layout-desktop-footer-copyright-bg)] mt-5">
6312        <div class="copyright container text-center text-xs p-6 text-[var(--layout-desktop-footer-copyright-text)]">
6313            &copy; 2014 - 2026
6314            KASINO ONLINE OLEH DEWACASINO.COM -
6315            SEMUA HAK DILINDUNGI
6316        </div>
6317    </div>
6318
6319</footer>
6320
6321
6322
6323    <div class="fixed left-0 z-[10] origin-bottom-left transition-transform duration-300 hover:scale-180 dp_barcode"
6324        style="bottom: 260px;">
6325        <a href="https://pintas.vip/dewacasinotv" target="_blank">
6326            <img src="https://cdn.assetcsn.site/livestream/avif/LS-Dewacasino.avif" class="w-20" alt="Dewacasino Live Stream">
6327        </a>
6328    </div>
6329    <div class="fixed left-0 z-[10] origin-bottom-left transition-transform duration-300 hover:scale-180 dp_barcode"
6330        style="bottom: 175px;">
6331        <a href="https://shortku.id/zona-dewacasino" target="_blank">
6332            <img src="https://dewacasino.com/assets/img/logo/dewacasino-zona.gif" class="w-20" alt="Dewacasino Zona">
6333        </a>
6334    </div>
6335    <div class="fixed left-0 z-[10] origin-bottom-left transition-transform duration-300 hover:scale-180 dp_barcode"
6336        style="bottom: 105px;">
6337        <a href="https://dewacasino.com/rtp-slot" target="_blank">
6338            <img src="https://dewacasino.com/assets/img/logo/rtpslot.gif" class="w-20" alt="RTP Slot">
6339        </a>
6340    </div>
6341
6342<div
6343    class="fixed left-0 bottom-0 z-[10] origin-bottom-left transition-transform duration-300 hover:scale-180 dp_barcode">
6344    <img src="https://dewacasino.com/assets/img/logo/Dewacasino-QRCode.webp" alt="Dewacasino QR Code" class="w-20">
6345</div>
6346    <div x-data x-cloak x-show="$store.toaster.toasts.length > 0" x-transition.opacity.duration.300ms
6347    class="fixed inset-0 bg-[var(--desktop-toaster-bg-masking)]/60 z-40">
6348    <div
6349        class="fixed top-[20%] left-1/2 transform -translate-x-1/2 z-50 flex flex-col space-y-3 items-center pointer-events-none">
6350        <template x-for="toast in $store.toaster.toasts" :key="toast.id">
6351            <div x-data="{ visible: false }" x-show="visible" x-transition:enter="transition ease-out duration-200"
6352                x-transition:enter-start="opacity-0 translate-y-4" x-transition:enter-end="opacity-100 translate-y-0"
6353                x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0"
6354                x-transition:leave-end="opacity-0 -translate-y-4"
6355                class="pointer-events-auto min-w-[320px] border-2 rounded-md p-4 shadow-lg"
6356                :class="{
6357                    'bg-[var(--desktop-toaster-bg-success)]/90 border-[var(--desktop-toaster-border-success)] text-[var(--desktop-toaster-text-success)]': toast.type === 'success',
6358                    'bg-[var(--desktop-toaster-bg-error)]/90 border-[var(--desktop-toaster-border-error)] text-[var(--desktop-toaster-text-error)]': toast.type === 'error',
6359                    'bg-[var(--desktop-toaster-bg-warning)]/90 border-[var(--desktop-toaster-border-warning)] text-[var(--desktop-toaster-text-warning)]': toast.type === 'warning',
6360                    'bg-[var(--desktop-toaster-bg-info)]/90 border-[var(--desktop-toaster-border-info)] text-[var(--desktop-toaster-text-info)]': toast.type === 'info'
6361                }"
6362                x-init="requestAnimationFrame(() => visible = true);
6363                if (toast.timeout) {
6364                    setTimeout(() => visible = false, toast.timeout);
6365                }" @transitionend="!visible && $store.toaster.remove(toast.id)">
6366                <div class="flex justify-between gap-3">
6367                    <div class="text-center">
6368                        <p class="font-semibold" x-text="toast.title"></p>
6369                        <p class="text-md" x-text="toast.message"></p>
6370                    </div>
6371                    <button @click="visible = false" class="font-bold">✕</button>
6372                </div>
6373            </div>
6374        </template>
6375    </div>
6376
6377</div>
6378    <div x-data x-cloak>
6379    <div x-show="$store.loader.loading" x-transition.opacity.duration.300
6380        class="fixed inset-0 z-50 flex items-start justify-center bg-[var(--desktop-loader-bg-masking)]/60 bg-opacity-40">
6381        
6382        <div class="w-26 h-26 mt-[20%]">
6383            <div class="loader"></div>
6384        </div>
6385        
6386    </div>
6387</div>
vendor: 73 bytes, lines 6387-6389
6387
6388    
6389    <script async src="https://www.googletagmanager.com/gtag/js?id=
6389G-81VD8BMLQV
vendor: 12 bytes, line 6389
6389"></script>
6390<script>
6391    
vendor: 139 bytes, lines 6391-6394
6391window.dataLayer = window.dataLayer || [];
6392    function gtag(){dataLayer.push(arguments);}
6393    gtag('js', new Date());
6394    gtag('config', '
6394G-81VD8BMLQV
vendor: 4 bytes, line 6394
6394');
6395</script>
6395<script>
vendor: 435 bytes, lines 6395-6404
6395
6396    !function(f,b,e,v,n,t,s)
6397    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
6398    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
6399    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
6400    n.queue=[];t=b.createElement(e);t.async=!0;
6401    t.src=v;s=b.getElementsByTagName(e)[0];
6402    s.parentNode.insertBefore(t,s)}(window, document,'script',
6403    'https://connect.facebook.net/en_US/fbevents.js');
6404    fbq('init', '
6404893514473113616
vendor: 34 bytes, lines 6404-6405
6404');
6405    fbq('track', 'PageView');
6406</script>
6406
6407<noscript>
6408    <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=893514473113616&ev=PageView&noscript=1" alt="fb-pageview"/>
6409</noscript>
6409<script type="application/ld+json">
6410    {
6411        "@context": "http://schema.org",
6412        "@type": "WebPage",
6413        "name": "Dewacasino.com | Live Casino Online - Agen Casino - Casino Online",
6414        "url": "http://dewacasino.com",
6415        "description": "Dewacasino adalah promotor casino online terbaik dengan bet terkecil dan live dealer terpercaya, Fair dan merupakan salah satu terbesar di asia saat ini. Bergabunglah!"
6416    }
6417</script>
6417
6418
6419<script type="application/ld+json">
6420    {
6421        "@context": "http://schema.org",
6422        "@type": "WebSite",
6423        "name": "Dewacasino.com",
6424        "url": "https://Dewacasino.com/",
6425        "image": "https://Dewacasino.com/assets/img/logo/logo_172x130.png"
6426    }
6427</script>
6427
6428
6429
6430    
6430<script type="text/javascript">
6431(function(w,d,v3){
6432w.chaportConfig = {
6433appId : '64baa88f1adc7bfc6ff0a404'
6434};
6435
6436if(w.chaport)return;v3=w.chaport={};v3._q=[];v3._l={};v3.q=function(){v3._q.push(arguments)};v3.on=function(e,fn){if(!v3._l[e])v3._l[e]=[];v3._l[e].push(fn)};var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://app.chaport.com/javascripts/insert.js';var ss=d.getElementsByTagName('script')[0];ss.parentNode.insertBefore(s,ss)})(window, document);
6437</script>
6437
6438
6439<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":"02535382c62d49249dfb7219b7a55de4","r":1,"spa":2}' crossorigin="anonymous"></script>
6439
6440</body>
6441
6442</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.