PageSourceSearch

https://lensa4dweb.com/slot/jl

html lensa4dweb.com collected 2026-10-10 00:29:42 UTC 334,896 bytes, 5,427 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="id">
4    <head>
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6        <title>LENSA4D | Daftar Terlengkap & Perkembangan link Alternatif Login Game Online</title>
7        
8                <meta name="viewport" content="width=1200, initial-scale=1">
9        
10        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
11        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
12        <link rel="preload" href="/style.scss" as="style" onload="this.onload=null;this.rel='stylesheet'">
13
14
15        <!--<link rel="stylesheet" href="/css/old/template/BD.css">-->
16        <link rel="stylesheet" href="/css/old/template/BD.css">
17        <link rel="stylesheet" href="/css/old/variable.css">
18        
19                <link rel="stylesheet" href="/css/old/dark.css">
20                
21        <link rel="stylesheet" href="/css/old/new2-style.css?1790436664">
22        <link rel="stylesheet" href="https://img.viva88athenae.com//icomoon/style.css">
23        <link rel="icon" type="image/png" href="/favicon.png">
24
25        <!-- Driver.js start -->
26        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css"/>
27        
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js"></script>
27
28        <style>
29        @media (max-width: 768px) {
30            .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
31            .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
32            .driver-popover-description { font-size: 12px !important; }
33        }
34        </style>
35        <!--  Driver.js end -->
36        
37        
37<script src="/js/old/jquery-3.6.4.min.js"></script>
37
38        
38<script src="/js/old/jquery.marquee.min.js"></script>
38
39
40        <!-- RECAPTCHA -->
41                
42        <meta name="description" content="LENSA4D menyediakan link login situs game online dengan daftar terlengkap, data terupdate, dan analisa game disajikan rapi agar mudah dipahami bagi para pemain setia.">
43<meta name="keywords" content="lensa4d, link login lensa4d, link daftar lensa4d, situs lensa4d, login lensa4d, daftar lensa4d, lensa4d login, lensa4d daftar"/>
44<meta name="robots" content="index, follow">
45<meta name="author" content="LENSA4D">
46<link rel="canonical" href="https://lensa4dweb.com/" />
47<link rel="amphtml" href="https://weblensa4d.com/site/" />
48<meta name='rating' content='general' />
49<meta name='geo.country' content='id' />
50<meta name='geo.placename' content='Indonesia' />
51<meta name="geo.region" content="Indonesia" />
52<meta name="geo.country" content="Indonesia" />
53<meta name="language" content="Indonesia" />
54<meta name="tgn.nation" content="Indonesia" />
55<meta name="distribution" content="global" />
56<meta name="publisher" content="LENSA4D" />
57<meta name="dc.Publisher" content="LENSA4D">
58<meta name="dc.language" content="id,en">
59<meta name="owner" content="LENSA4D" />
60<meta name="robots" content="index,follow" />
61<meta name="googlebot" content="index,follow" />
62<meta name='Googlebot-Image' content='follow, all' />
63<meta name='Scooter' content='follow, all' />
64<meta name='msnbot' content='follow, all' />
65<meta name='alexabot' content='follow, all' />
66<meta name='Slurp' content='follow, all' />
67<meta name='ZyBorg' content='follow, all' />
68<meta name='yahoobot' content='follow, all' />
69<meta name='bingbot' content='follow, all' />
70<meta name='MSSmartTagsPreventParsing' content='true' />
71<meta name='audience' content='all' />
72<meta name="twitter:card" content="summary">
73<meta name="twitter:creator" content="@LENSA4DOfficial">
74<meta property="og:locale" content="id_ID">
75<meta property="og:locale:alternate" content="en_ID" />
76<meta property="og:locale:alternate" content="id_ID" />
77<meta property="og:url" content="https://lensa4dweb.com/">
78<meta property="og:type" content="website">
79<meta property="og:title" content="LENSA4D | Daftar Terlengkap & Perkembangan link Alternatif Login Game Online">
80<meta property="og:description" content="LENSA4D menyediakan link login situs game online dengan daftar terlengkap, data terupdate, dan analisa game disajikan rapi agar mudah dipahami bagi para pemain setia.">
81<link rel="icon" href="https://poznantriathlon.com/img/lensa4dfavicon.jpg" type="image/x-icon" />
82<meta name="google-site-verification" content="mYAkt_mvDJGqEgV0n33aTMgwUTGg0xLSy5-xLtp-rI4" />
83<meta name="google-site-verification" content="WC21AsxjdgCQVJklt4cz1Wptzb_T_-vvpOrdz5wS748" />
84<meta name="ahrefs-site-verification" content="150ddd0895b7d5b9e38f191fe2e8bab2b56342a37cb587254a99e9820f84c437">
85<meta name="google-site-verification" content="lldqfXfMRL5rfQfleT1ovB4DpJ4T2jTZajp-dy8fJwk" />
86<meta name="google-site-verification" content="FNqr0w3818A_5D_rRfiH0opWMWXLTz-qv5FbWamMybg" />
87<meta name="google-site-verification" content="FXOt7V9Yn4g5gv5sOLp9TaGWVZbaGzKB8vmyIAAZNzU" />
88
89
90
91<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 91-92
91
92<script async src="https://www.googletagmanager.com/gtag/js?id=
92G-5NYGMN8P6S
vendor: 13 bytes, line 92
92"></script>
93<script>
94  
vendor: 138 bytes, lines 94-98
94window.dataLayer = window.dataLayer || [];
95  function gtag(){dataLayer.push(arguments);}
96  gtag('js', new Date());
97
98  gtag('config', '
98G-5NYGMN8P6S
vendor: 5 bytes, line 98
98');
99</script>
99
100
101<!-- Google Tag Manager -->
102<script>
vendor: 331 bytes, lines 102-106
102(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
103new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
104j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
105'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
106})(window,document,'script','dataLayer','
106GTM-PWVGKW7K
vendor: 3 bytes, line 106
106');
106</script>
106
107<!-- End Google Tag Manager -->
108
109<style>
110	#snackbar {
111		visibility: hidden;
112		min-width: 250px;
113		margin-left: -143px;
114		background-color: #00aeff;
115		color: black;
116		text-align: center;
117		border-radius: 2px;
118		padding: 6px;
119		position: fixed;
120		z-index: 1;
121		left: 50%;
122		top: 30px;
123		font-size: 14px;
124		font-weight: bold;
125	}
126
127	#snackbar.show {
128		visibility: visible;
129		-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
130		animation: fadein 0.5s, fadeout 0.5s 2.5s;
131	}
132
133	@-webkit-keyframes fadein {
134		from {top: 0; opacity: 0;} 
135		to {top: 30px; opacity: 2;}
136	}
137
138	@keyframes fadein {
139		from {top: 0; opacity: 0;}
140		to {top: 30px; opacity: 2;}
141	}
142
143	@-webkit-keyframes fadeout {
144		from {top: 30px; opacity: 2;} 
145		to {top: 0; opacity: 0;}
146	}
147
148	@keyframes fadeout {
149		from {top: 30px; opacity: 2;}
150		to {top: 0; opacity: 0;}
151	}
152</style>
153        <style>
154        
155        .wrapper {
156            display: grid;
157            grid-template-columns: 1fr;
158            grid-template-areas:
159            "marquee"
160            "header"
161            "devider"
162            "contentdata"
163            "togel-desktop"
164            "widget-kupon"
165            "widget-sbo"
166            "provider"
167            "transaksi"
168            "guidelines"
169            "bantuan"
170            "footer"
171        }
172        
173        .widget-kupon {
174            grid-area: widget-kupon;
175            padding-top: 20px;
176            background: var(--footer-background);
177            display: flex;
178            align-items: center;
179            position: relative;
180        }
181
182        .widget-sbo {
183            grid-area: widget-sbo;
184            padding-top: 20px;
185            display: flex;
186            align-items: center;
187            position: relative;
188        }
189        
190            .iframe-kupon {
191                width: 1000px;
192                height: 200px;
193                display: block;
194                vertical-align: bottom;
195            }
196                    
197            .login-input-field {
198                font-size: 1rem;
199            }
200            
201            .btn-aduan2 {
202                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
203                -webkit-background-clip: text;
204                -webkit-text-fill-color: transparent;
205                background-size: 300% 300%;
206                animation: gradient 2s ease infinite;
207            }
208            
209            .transaksi-title {
210                place-items: start;
211            }
212            
213            .btn-tele {
214                font-size: 1.2rem;
215                text-shadow: 1px 1px #000000;
216                height: 36px!important;
217                border-radius: 8px;
218                background: #28323C;
219                color: white;
220            }
221            
222            #marquee-mobile {
223                width: 100%;
224                overflow: hidden;
225            }
226            
227            #marquee-mobile .marquee-content {
228                display: flex;
229                align-items: center;
230                width: 100%;
231                overflow: hidden;
232            }
233            
234            #marquee-mobile .running {
235                position: relative;
236                flex: 1 1 auto;
237                min-width: 0;
238                overflow: hidden;
239            }
240            
241            #marquee-mobile .broadcast {
242                display: inline-block;
243                white-space: nowrap;
244            }
245                        
246            #marquee {
247                overflow: hidden;
248            }
249            
250            #marquee .running {
251                overflow: hidden;
252            }
253            
254            #marquee .broadcast {
255                white-space: nowrap;
256            }
257            
258            body {
259                overflow-x: hidden;
260            }
261            
262            .btn-google {
263                width: 30px;
264                height: 30px;
265                background: #fff;
266                border: 1px solid #ddd;
267                border-radius: 3px;
268                display: inline-flex;
269                align-items: center;
270                justify-content: center;
271            }
272            
273            .btn-google:hover {
274                background: #f5f5f5;
275            }
276            
277            .btn-google-mobile {
278                background: #fff;
279                color: #3c4043;
280                border: 1px solid #dadce0;
281                border-radius: 3px;
282                height: 36px;
283                padding: 0 12px;
284                font-weight: 600;
285                font-size: 1.2rem;
286            
287                align-items: center;
288                justify-content: center;
289                gap: 8px;
290            }
291            
292            .btn-google-mobile:hover {
293                background: #f8f9fa;
294                color: #202124;
295            }
296
297            
298            @media only screen and (max-width: 1000px) {
299                
300            .wrapper {
301                display: grid;
302                grid-template-columns: 1fr;
303                grid-template-areas:
304                "appbar"
305                "marquee"
306                "header"
307                "contentdata"
308                "togel-mobile"
309                "widget-kupon"
310                "widget-sbo"
311                "devider"
312                "provider"
313                "transaksi"
314                "bantuan"
315                "footer"
316                "guidelines";
317            }
318            
319            .widget-kupon {
320                margin: 0px 20px;
321            }
322
323          
324                        
325                .iframe-kupon {
326                    padding: 0px;
327                    height: 262px;
328                    width: 100%;
329                    display: block;
330                    vertical-align: bottom;
331                }
332                
333            .transaksi-title {
334                place-items: center;
335            }
336                
337                .login-input-field {
338                    font-size: 1.2rem;
339                }      
340            }
341            
342            .grecaptcha-badge {
343                display: none !important;
344            }
345            
346        </style>
347
348    </head>
349    
350    
351
352    <body id="desktop">
353        
354        
355<div id="hover" class="hover desktop-only">
356
357    <div id="hover-togel" class="hover-menu">
358        <a href="/register" class="hover-item">
359            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
360            <figcaption>TOGEL</figcaption>
361        </a> 
362        
363        <a href="/register" class="hover-item">
364            <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure>
365            <figcaption>KUPON</figcaption>
366        </a> 
367    </div>
368
369    <div id="hover-slot" class="hover-menu">
370        <a href="/slot/pp" class="hover-item">
371            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
372            <figcaption>PRAGMATIC PLAY</figcaption>
373        </a>
374
375        <a href="/slot/pg" class="hover-item">
376            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
377            <figcaption>PG SOFT</figcaption>
378        </a>
379
380        <a href="/slot/jl" class="hover-item">
381            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
382            <figcaption>JILI</figcaption>
383        </a> 
384
385        <a href="/slot/mgw" class="hover-item">
386            <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure>
387            <figcaption>MEGAWIN</figcaption>
388        </a>
389
390        <a href="/slot/atg" class="hover-item">
391            <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure>
392            <figcaption>ATG Games</figcaption>
393        </a>
394
395        <a href="/slot/pok" class="hover-item">
396            <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure>
397            <figcaption>PopOK Gaming</figcaption>
398        </a>
399
400        <a href="/slot/ams" class="hover-item">
401            <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure>
402            <figcaption>ASKMESLOT</figcaption>
403        </a>
404
405        <a href="/slot/sdl" class="hover-item">
406            <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure>
407            <figcaption>SHADY LADY</figcaption>
408        </a>
409
410        <a href="/slot/hb" class="hover-item">
411            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
412            <figcaption>HABANERO</figcaption>
413        </a>
414        
415        <a href="/slot/sg" class="hover-item">
416            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
417            <figcaption>SPADEGAMING</figcaption>
418        </a>
419
420        <a href="/slot/nlc" class="hover-item">
421            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
422            <figcaption>NOLIMIT CITY</figcaption>
423        </a>
424
425        <a href="/slot/fs" class="hover-item">
426            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
427            <figcaption>FASTSPIN</figcaption>
428        </a>
429
430        <a href="/slot/jg" class="hover-item">
431            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
432            <figcaption>JOKER</figcaption>
433        </a> 
434
435        <a href="/slot/mg" class="hover-item">
436            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
437            <figcaption>MICROGAMING</figcaption>
438        </a>
439
440        <a href="/slot/fgs" class="hover-item">
441            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
442            <figcaption>5G GAMES</figcaption>
443        </a>
444
445        <a href="/slot/hks" class="hover-item">
446            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
447            <figcaption>HACKSAW GAMING</figcaption>
448        </a>
449
450        <a href="/slot/nxt" class="hover-item">
451            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
452            <figcaption>NEXTSPIN</figcaption>
453        </a>
454
455        <a href="/slot/ps" class="hover-item">
456            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
457            <figcaption>PLAYSTAR</figcaption>
458        </a>
459
460        <a href="/slot/pt" class="hover-item">
461            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
462            <figcaption>PLAYTECH</figcaption>
463        </a>
464
465        <a href="/slot/av" class="hover-item">
466            <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure>
467            <figcaption>ADVANT PLAY</figcaption>
468        </a>
469
470        <a href="/slot/cmp" class="hover-item">
471            <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure>
472            <figcaption>COSMOPLAY</figcaption>
473        </a> 
474
475        <a href="/slot/cq9" class="hover-item">
476            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
477            <figcaption>CQ9</figcaption>
478        </a>    
479
480        <a href="/slot/wow" class="hover-item">
481            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
482            <figcaption>WOW GAMING</figcaption>
483        </a>
484
485        <a href="/slot/l22" class="hover-item">
486            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
487            <figcaption>LIVE22</figcaption>
488        </a> 
489
490        <a href="/slot/ss" class="hover-item">
491            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
492            <figcaption>SBO SLOT</figcaption>
493        </a>
494        
495        <!-- <a href="/slot/nte" class="hover-item">
496            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
497            <figcaption>NETENT</figcaption>
498        </a> --> 
499      
500        <!-- <a href="/slot/ttg" class="hover-item">
501            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
502            <figcaption>TOPTREND GAMING</figcaption>
503        </a> -->
504    </div>
505
506    <div id="hover-live" class="hover-menu" >
507        <a href="/casino/pplc" class="hover-item">
508            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
509            <figcaption>PRAGMATIC PLAY</figcaption>
510        </a>
511
512        <a href="/casino/evo" class="hover-item">
513            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
514            <figcaption>EVOLUTION</figcaption>
515        </a>
516
517        <a href="/casino/mglc" class="hover-item">
518            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
519            <figcaption>MICROGAMING</figcaption>
520        </a>
521
522        <a href="/casino/ptg" class="hover-item">
523            <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure>
524            <figcaption>PRETTY GAMING</figcaption>
525        </a>
526
527        <a href="/casino/ion" class="hover-item">
528            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
529            <figcaption>ION CASINO</figcaption>
530        </a>
531
532        <a href="/casino/sx" class="hover-item">
533            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
534            <figcaption>SEXY GAMING</figcaption>
535        </a>
536
537        <a href="/casino/sa" class="hover-item">
538            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
539            <figcaption>SA GAMING</figcaption>
540        </a>   
541
542        <a href="/casino/ab" class="hover-item">
543            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
544            <figcaption>ALLBET</figcaption>
545        </a> 
546
547        <a href="/casino/ptlc" class="hover-item">
548            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
549            <figcaption>PLAYTECH LIVE</figcaption>
550        </a>
551
552        <!-- <a href="/casino/gmnl" class="hover-item">
553            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
554            <figcaption>GEMINI LIVE</figcaption>
555        </a> -->
556
557        <a href="/casino/og" class="hover-item">
558            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
559            <figcaption>OPUS PLUS</figcaption>
560        </a>
561
562        <a href="/casino/sbol" class="hover-item">
563            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
564            <figcaption>SBOBET CASINO</figcaption>
565        </a>    
566    </div>
567
568    <div id="hover-sport" class="hover-menu">
569        <a href="/register" class="hover-item">
570            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
571            <figcaption>SABA</figcaption>
572        </a>
573
574        <a href="/register" class="hover-item">
575            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
576            <figcaption>SBOBET</figcaption>
577        </a>
578        
579        <a href="/register" class="hover-item">
580            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
581            <figcaption>CMD368</figcaption>
582        </a>  
583
584        <!-- <a href="/register" class="hover-item">
585            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
586            <figcaption>PINNACLE</figcaption>
587        </a>   -->
588	
589	    <a href="/register" class="hover-item">
590            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
591            <figcaption>TFGAMING</figcaption>
592        </a>        
593    </div>
594
595    <div id="hover-fishing" class="hover-menu">
596        <a href="/arcade/jl" class="hover-item">
597            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
598            <figcaption>JILI</figcaption>
599        </a>
600    
601        <a href="/arcade/sg" class="hover-item">
602            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
603            <figcaption>SPADE GAMING</figcaption>
604        </a>
605
606        <a href="/arcade/fs" class="hover-item">
607            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
608            <figcaption>FASTSPIN</figcaption>
609        </a>
610
611        <a href="/arcade/ams" class="hover-item">
612            <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure>
613            <figcaption>ASKMESLOT</figcaption>
614        </a>
615
616        <!-- <a href="/arcade/ps" class="hover-item">
617            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
618            <figcaption>PLAYSTAR</figcaption>
619        </a>
620
621	    <a href="/arcade/l22" class="hover-item">
622            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
623            <figcaption>LIVE22</figcaption>
624        </a>  -->
625
626    </div>
627
628    <div id="hover-sabung" class="hover-menu">
629        <a href="/sabung/ws" class="hover-item">
630            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
631            <figcaption>WS168</figcaption>
632        </a>
633
634        <a href="/sabung/sv" class="hover-item">
635            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
636            <figcaption>SV388</figcaption>
637        </a> 
638    </div>
639    
640    <div id="hover-interactive" class="hover-menu">
641        <a href="/interactive/pp" class="hover-item">
642            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
643            <figcaption>PRAGMATIC PLAY</figcaption>
644        </a> 
645        
646        <a href="/interactive/gmn" class="hover-item">
647            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
648            <figcaption>GEMINI</figcaption>
649        </a> 
650
651        <a href="/interactive/jl" class="hover-item">
652            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
653            <figcaption>JILI</figcaption>
654        </a> 
655
656        <a href="/interactive/jg" class="hover-item">
657            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
658            <figcaption>JOKER</figcaption>
659        </a>
660
661        <a href="/interactive/atg" class="hover-item">
662            <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure>
663            <figcaption>ATG Games</figcaption>
664        </a>
665
666        <a href="/interactive/pok" class="hover-item">
667            <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure>
668            <figcaption>PopOK Gaming</figcaption>
669        </a>
670
671        <a href="/interactive/ams" class="hover-item">
672            <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure>
673            <figcaption>ASKMESLOT</figcaption>
674        </a>
675
676        <a href="/interactive/mg" class="hover-item">
677            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
678            <figcaption>MICRO GAMING</figcaption>
679        </a>
680
681        <a href="/interactive/hks" class="hover-item">
682            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
683            <figcaption>HACKSAW GAMING</figcaption>
684        </a>
685
686        <a href="/interactive/pt" class="hover-item">
687            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
688            <figcaption>PLAYTECH</figcaption>
689        </a> 
690        
691        <a href="/interactive/wow" class="hover-item">
692            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
693            <figcaption>WOW GAMING</figcaption>
694        </a> 
695
696        <!-- <a href="/interactive/ps" class="hover-item">
697            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
698            <figcaption>PLAYSTAR</figcaption>
699        </a>  -->
700    </div>
701
702
703
704</div>
705<style>
706    .my-navbar {
707        height: 44px; 
708        padding: 0px; 
709        width: 100%; 
710        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 
711        position: fixed; 
712        bottom: 0; 
713        color: white; 
714        z-index: 1100; 
715        display: flex; 
716        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
717    }
718    
719    .navbar-item {
720        height: 100%; 
721        width: 100%; 
722        display: flex;
723        flex-direction: column;
724        align-items: center;
725        justify-content: center;
726    }
727    
728    .navbar-item-content {
729        display: flex;
730        flex-direction: column;
731        justify-content: center;
732        align-items: center;
733        position: absolute; 
734        top: -16px
735    }
736    
737    .navbar-item-content>i {
738         font-size: 20px;
739         line-height: 22px;
740         color: white;
741         padding-bottom: 4px;
742    }
743    
744    .navbar-item-content>img {
745         height: 28px; 
746         width: 28px;
747    }
748    
749    .navbar-item-content>label {
750        white-space: nowrap; 
751        margin-top: 4px; 
752        font-weight: bold; 
753        font-size: var(--text-size-default); 
754        color: white
755    }
756    
757    .speed-dial-item {
758        opacity: 0;
759        visibility: hidden;
760        transform: translateY(10px);
761        transition: opacity 0.3s ease, transform 0.3s ease;
762    }
763    
764    .speed-dial-active .speed-dial-item {
765        opacity: 1;
766        visibility: visible;
767        transform: translateY(0);
768    }
769    
770    /* Delay each item’s appearance */
771    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
772    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
773    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
774    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
775    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }       
776
777    
778</style>
779
780
781<div class="mobile-only" >
782        <div class="my-navbar">
783            <a href="/" class="navbar-item" style="position: relative">
784                <div class="navbar-item-content">
785                    <img src="https://img.viva88athenae.com//beranda.png"/>
786                    <label>BERANDA</label>
787                </div>
788            </a>
789            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
790            <a href="/m/promosi"  class="navbar-item">
791                <div class="navbar-item-content">
792                    <img src="https://img.viva88athenae.com//promosi.png"/>
793                    <label>PROMOSI</label>
794                </div>
795            </a>
796            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
797            <a href="/m/event"  class="navbar-item">
798                <div class="navbar-item-content">
799                    <img src="https://img.viva88athenae.com//events.png"/>
800                    <label>EVENT</label>
801                </div>
802            </a>
803            
804                                
805                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
806                    <a href="https://wa.me/+6281376581597" target='_blank'  class="navbar-item">
807                        <div class="navbar-item-content">
808                            <img src="https://img.viva88athenae.com//whatsapp.png"/>
809                            <label>WHATSAPP</label>
810                        </div>
811                    </a>
812                    
813                                    
814            
815            
816            
817            
818                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
819                <a href="https://app.chaport.com/widget/show.html?appid=65aa
819d8e7392ac21abb6e2ca6"  target="_blank" class="navbar-item">
820                <div class="navbar-item-content">
821                    <img src="https://img.viva88athenae.com//livechat.png"/>
822                    <label>LIVECHAT</label>
823                </div>
824                </a>
825            
826        </div>
827</div>
828
829<script>
830    document.addEventListener("DOMContentLoaded", function () {
831    const speedDialBtn = document.querySelector(".speed-dial-btn");
832    const speedDialItems = document.querySelectorAll(".speed-dial-item");
833    let isOpen = false;
834
835    speedDialBtn.addEventListener("click", function () {
836        isOpen = !isOpen;
837
838        speedDialItems.forEach((item, index) => {
839            if (isOpen) {
840                item.style.opacity = "1";
841                item.style.visibility = "visible";
842                item.style.transform = "translateY(0)";
843                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
844            } else {
845                item.style.opacity = "0";
846                item.style.visibility = "hidden";
847                item.style.transform = "translateY(10px)";
848                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
849            }
850        });
851    });
852});
853</script>
853        
854        
855        
856        <div id="top" class="wrapper">
857
858            
859                
860            <header class="header">
861                <div class="header-content">
862                    <div class="logo" href="/">
863                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
864                    </div>
865                    
866                    <div id="marquee-mobile" class="marquee mobile-only">
867                        <div class="marquee-content">
868                            <div class="d-flex align-items-center gap-2 flex-shrink-0">
869                                <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i>
870                            </div>
871                    
872                            <div class="running">
873                                <div class="marquee-shadow"></div>
874                                <div class="broadcast mobile-broadcast">Halo bossku, saat ini kami sudah tersedia pembayaran QRIS PAYMENT ya bossku semua</div>
875                            </div>
876                    
877                            <div class="d-flex align-items-center gap-2 flex-shrink-0"></div>
878                        </div>
879                    </div>
880                    
881                    <div class="mslider mobile-only">
882                                            </div>
883                    
884                    <div class="login mobile-only">
885                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
886                                <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form">
887                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
888                                    <div class="input-group login-field">
889                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
890                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
891                                    </div>
892                                    <div class="input-group login-field">
893                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
894                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
895                                    </div>
896                                    
897                                    <!-- captcha -->
898                                   
899                                    <div id="mverifikasiform" class="w-100" style=" ">
900                                        
901                                        <span id="verifikasi"><img src="/m/capimg.php?4918" width="100%" height="36" style="border-radius: 5px;"></span>
902                                        <div class="input-group login-field mt-1">
903                                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
904                                            <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
905                                        </div>
906                                    </div>
907
908                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
909                    
910                                    <!-- end captcha -->
911                                    
912                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
913                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me
914                                    </label>
915        
916                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
917                                    <button type="button" class="btn btn-daftar bt
917n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
918                                    
919                                                                        
920                                    
921                                    <input type="hidden" name="task" value="login">    
922                                    <input type="hidden" name="iscaptchalogin" value="1">
923                                    <input type="hidden" name="loginmobile" value="IpyicHcfCbek3PJqA/+N4vkhqXJE4BuMR864kYwxeZU=">
924                                    <input type="hidden" name="isrecaptchalogin" value="0">
925                                </form>
926                            </div>
927
928                                                        
929                            <!-- Change Password Mobile -->
930                            <div id="mobile-changepassword-form" style="width: 100%; display: none">
931                                <div id="mobilechangepassword">
932                                    <form id="formChangePasswordMobile" class="login-form p-0 pt-4">
933                                        <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div>
934                                        <div class="prepend" style="width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border-radius: 3px; font-size: 1.2rem; font-weight: bold">
935                                            <span>GANTI PASSWORD</span>
936                                            <span style="font-size: 1rem; color: #333;" id="mobile-username-display">
937                                                                                            </span>
938                                        </div>
939                                        
940                                        <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;">
941                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.
942                                        </div>
943                                        
944                                        <!-- <div class="input-group login-field">
945                                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
946                                            <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama">
947                                        </div>
948                                        <div class="error-msg" id="err_old_password_mobile"></div> -->
949                                        
950                                        <div class="input-group login-field">
951                                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
952                                            <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)">
953                                        </div>
954                                        <div class="error-msg" id="err_new_password_mobile"></div>
955                                        
956                                        <div class="input-group login-field">
957                                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
958                                            <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru">
959                                        </div>
960                                        <div class="error-msg" id="err_confirm_password_mobile"></div>
961                                        
962                                        <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;">
963                                            <strong style="color: #856404;">Persyaratan Password:</strong>
964                                            <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;">
965                                                <li>Minimal 6 karakter</li>
966						                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>
967                                                <!-- <li>Harus mengandung angka (0-9)</li> -->
968                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->
969                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>
970                                                <li>Hindari password yang mudah ditebak</li>
971                                            </ul>
972                                        </div>
973                                        
974                                        <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button>
975                                        <input type="hidden" name="task" value="change_password">
976                                    </form>
977                                </div>
978                                
979                                
979<script>
980                                $(document).ready(function(){
981                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {
982                                        var newPass = $('#cp_new_password_mobile').val();
983                                        var confirmPass = $('#cp_confirm_password_mobile').val();
984                                        var currentField = $(this);
985                                        
986                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');
987                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');
988                                        $('#err_new_password_mobile').hide();
989                                        $('#err_confirm_password_mobile').hide();
990                                        
991                                        if (newPass.length > 0 && confirmPass.length > 0) {
992                                            if (newPass === confirmPass) {
993                                                $('#cp_new_password_mobile').addClass('valid-border');
994                                                $('#cp_confirm_password_mobile').addClass('valid-border');
995                                            } else {
996                                                $('#cp_new_password_mobile').addClass('error-border');
997                                                $('#cp_confirm_password_mobile').addClass('error-border');
998                                                if (currentField.attr('id') === 'cp_new_password_mobile') {
999                                                    $('#err_new_password_mobile').text('Password tidak sama').show();
1000                                                } else {
1001                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();
1002                                                }
1003                                            }
1004                                        }
1005                                    });
1006                                });
1007                                </script>
1007
1008                            </div>
1009                            
1010                            <!-- Register Mobile -->
1011                            <style>
1012                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
1013                              .error-border { border-color: red !important; }
1014                              .valid-border { border-color: green !important; }
1015                            </style>
1016                            <div id="mobile-daftar-form" style="width: 100%; display: none">
1017                                    <div id="mobileregister">
1018                                	   <form id="formRegister" class="login-form  p-0 pt-4">
1019                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
1020                                            <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
1021                                            <div class="input-group login-field">
1022                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1023                                                <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
1024                                            </div>
1025                                            <div class="error-msg" id="err_username"></div>
1026                                            <div class="input-group login-field">
1027                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
1028                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
1029                                            </div>
1030                                                <div class="error-msg" id="err_password"></div>
1031                                            <div class="input-group login-field">
1032                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
1033                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
1034                                            </div>
1035                                                <div class="error-msg" id="err_passcon"></div>
1036                                            <div class="input-group login-field">
1037                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
1038                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
1039                                            </div>
1040                                                <div class="error-msg" id="err_email"></div>
1041                                            <div class="input-group login-field">
1042                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
1043                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
1044                                            </div>
1045                                                <div class="error-msg" id="err_telpon"></div>
1046                                            
1047                                            <div class="input-group login-field">
1048                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
1049                                            		<option value="">Pilih Bank</option>
1050                            						 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>
1050GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
1051                                            </div>
1052                                                <div class="error-msg" id="err_bank"></div>
1053                        
1054                                            <div class="input-group login-field">
1055                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
1056                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
1057                                            </div>
1058                                                <div class="error-msg" id="err_rek"></div>
1059                                            <div class="input-group login-field">
1060                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
1061                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
1062                                            </div>
1063                                                <div class="error-msg" id="err_nama"></div>
1064                                            <div class="input-group login-field">
1065                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
1066                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
1067                                            </div>
1068                                            <div class="error-msg" id="err_ref"></div>
1069                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
1070                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
1071                                            
1072                                                                                                
1073                                                <div class="w-100 my-1">
1074                                                    <div id="capverifikasi">
1075                                                        <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
1076                                                    </div>
1077                                                    
1078                                                    <div class="input-group login-field mt-1">
1079                                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
1080                                                    <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
1081                                                    </div>
1082                                                    <div class="error-msg" id="err_verifikasi"></div>
1083                                                    
1084                                                </div>
1085
1086                                                                                            
1087                                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
1088                                                <input type="hidden" name="task" value="register">
1089                                                <input type="hidden" name="regmobile" value="hEYUl2LsBqIWimmFdt701cZxv68ewM24fXHE/sC9z/4=">
1090                                                <input type="hidden" name="iscaptcharegister" value="1">
1091                                                <input type="hidden" name="isrecaptcha" value="
10910">
1092                                                <input type="hidden" name="isrecaptcharegister" value="0">
1093                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
1094                                    </form>
1095                                </div> 
1096                                                                
1096<script>
1097                                const WEBNAME = 'Lensa4D';
1098                                const USE_STRONG_VALIDATION = false;
1099                                (function(){
1100                                  function root(){ return document.getElementById('mobileregister'); }
1101                                  function q(id){ return root()?.querySelector('#'+id) || null; }
1102                                  function qe(sel){ return root()?.querySelector(sel) || null; }
1103                                
1104                                  function showError(field,msg){
1105                                    const err = qe('#err_'+field);
1106                                    const inp = q('reg_'+field);
1107                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
1108                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
1109                                  }
1110                                  function clearError(field){
1111                                    const err = qe('#err_'+field);
1112                                    const inp = q('reg_'+field);
1113                                    if (err) err.style.display = 'none';
1114                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
1115                                  }
1116  
1117                                    function checkPasswordStrengthJS(username, password) {
1118                                        const min_length = 6;
1119                                        const length = password.length;
1120                                        if (length < min_length) {
1121                                        return "Password harus minimal " + min_length + " karakter";
1122                                        }
1123                                        const hasLower = /[a-z]/.test(password);
1124                                        const hasUpper = /[A-Z]/.test(password);
1125                                        if (!(hasLower && hasUpper)) {
1126                                        return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
1127                                        }
1128                                        if (!/[0-9]/.test(password)) {
1129                                        return "Password harus mengandung angka";
1130                                        }
1131                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {
1132                                        return "Password tidak boleh mengandung username";
1133                                        }
1134                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
1135                                        if (numSeq.test(password)) {
1136                                        return "Password tidak boleh mengandung angka berurutan";
1137                                        }
1138                                        const letterSeqStr = "(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|"
1139                                                        + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
1140                                                        + "qwert|werty|asdf|zxcv|uiop|hjkl)";
1141                                        const letterSequences = new RegExp(letterSeqStr, "i");
1142                                        if (letterSequences.test(password)) {
1143                                        return "Password tidak boleh mengandung huruf berurutan";
1144                                        }
1145                                        return null;
1146                                    }
1147                                
1148                                  function vUsername(){
1149                                    const v = (q('reg_username')?.value || '').trim();
1150                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
1151                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
1152                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
1153                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
1154                                    clearError('username'); return true;
1155                                  }
1156                                function vPass(){
1157                                    const v = q('reg_pass')?.value || '';
1158                                    if(!v) {
1159                                        showError('password','Password tidak boleh kosong');
1160                                        return false;
1161                                    }
1162                                    if (USE_STRONG_VALIDATION) {
1163                                        const username = (q('reg_username')?.value || '').trim();
1164                                        const err = checkPasswordStrengthJS(username, v);
1165                                        if (err) {
1166                                            showError('password', err);
1167                                            return false;
1168                                        }
1169                                        clearError('password');
1170                                        if (q('reg_passcon')?.value) {
1171                                            vPasscon();
1172                                        }
1173                                        return true;
1174                                    }
1175                                    
1176                                    if (v.length < 6) {
1177                                        showError('password','Password minimal 6 karakter');
1178                                        return false;
1179                                    }
1180                                    
1181                                    clearError('password');
1182                                    return true;
1183                                }
1184                                function vPasscon() {
1185                                    const p1 = q('reg_pass')?.value || '';
1186                                    const p2 = q('reg_passcon')?.value || '';
1187                                    if (!p2) {
1188                                        showError('passcon', 'Konfirmasi password kosong');
1189                                        return false;
1190                                    }
1191                                    if (USE_STRONG_VALIDATION) {
1192                                        const username = (q('reg_username')?.value || '').trim();
1193                                        const err = checkPasswordStrengthJS(username, p1);
1194                                        if (err) {
1195                                            showError('passcon', err);
1196                                            return false;
1197                                        }
1198                                    }
1199                                    
1200                                    if (p1 !== p2) {
1201                                        showError('passcon', 'Konfirmasi tidak sama');
1202                                        return false;
1203                                    }
1204                                    
1205                                    clearError('passcon');
1206                                    return true;
1207                                }
1208                                //   function vPass(){
1209                                //     const v = q('reg_pass')?.value || '';
1210                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;
1211                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
1212                                //     clearError('password'); return true;
1213                                //   }
1214                                //   function vPasscon(){
1215                                //     const p1 = q('reg_pass')?.value || '';
1216                                //     const p2 = q('reg_passcon')?.value || '';
1217                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
1218                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
1219                                //     clearError('passcon'); return true;
1220                                //   }
1221                                  function vEmail(){
1222                                    const v = (q('reg_email')?.value || '').trim();
1223                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
1224                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
1225                                    clearError('email'); return true;
1226                                  }
1227                                  function vTelp(){
1228                                    const el = q('reg_telpon'); if (!el) return true;
1229                                    el.value = (el.value || '').replace(/\D/g,'');
1230                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
1231                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
1232                                    clearError('telpon'); return true;
1233                                  }
1234                                  function vBank(){
1235                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
1236                                    clearError('bank'); return true;
1237                                  }
1238                                  function vRek(){
1239                                    const el = q('reg_rek'); if (!el) return true;
1240                                    el.value = (el.value || '').replace(/\D/g,'');
1241                                    if (!el.value) return showError('rek','Rekening kosong'), false;
1242                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
1243                                    clearError('rek'); return true;
1244                                  }
1245                                  function vNama(){
1246                                    const v = (q('reg_nama')?.value || '').trim();
1247                                    if (!v) return showError('nama','Nama kosong'), false;
1248                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
1249                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
1250                                    clearError('nama'); return true;
1251                                  }
1252                                  function vRefOpt(){
1253                                    const el = q('reg_ref'); if (!el) return true;
1254                                    const v = (el.value || '').trim();
1255                                    if (!v) return clearError('ref'), true;
1256                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
1257                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
1258                                    clearError('ref'); return true;
1259                                  }
1260                                  function vVerifOpt(){
1261                                    const el = q('reg_verifikasi'); if (!el) return true;
1262                                    const v = (el.value || '').trim();
1263                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
1264                                    clearError('verifikasi'); return true;
1265                                  }
1266                                
1267                                  function validateAll(){
1268                                    const ok =
1269                                      vUsername() & vPass() & vPasscon() & vEmail() &
1270                                      vTelp() & vBank() & vRek() & vNama() &
1271                                      vRefOpt() & vVerifOpt();
1272                                    return !!ok;
1273                                  }
1274                                  
1275                                  function attach(id, validator, opts){
1276                                    const el = q(id); if (!el) return;
1277                                    const run = () => validator();
1278                                    el.addEventListener('focus', run);
1279                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
1280                                    el.addEventListener('blur', run);
1281                                    if (opts && opts.change) el.addEventListener('change', run);
1282                                  }
1283                                
1284                                  document.addEventListener('DOMContentLoaded', function(){
1285                                    attach('reg_username',   vUsername);
1286                                    attach('reg_pass',       vPass);
1287                                    attach('reg_passcon',    vPasscon);
1288                                    attach('reg_email',      vEmail);
1289                                    attach('reg_telpon',     vTelp);
1290                                    attach('reg_bank',       vBank, { input
1290:false, change:true });
1291                                    attach('reg_rek',        vRek);
1292                                    attach('reg_nama',       vNama);
1293                                    attach('reg_ref',        vRefOpt);
1294                                    attach('reg_verifikasi', vVerifOpt);
1295                                
1296                                    const f = q('formRegister');
1297                                    if (f) {
1298                                      f.addEventListener('submit', function(e){
1299                                        if (!validateAll()) {
1300                                          e.preventDefault();
1301                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
1302                                          if (firstErr && firstErr.focus) firstErr.focus();
1303                                        }
1304                                      });
1305                                    }
1306                                  });
1307                                })();
1308                                </script>
1308
1309                        </div>                 
1310                    </div>
1311    
1312                    <div class="menu">
1313                        <style>
1314    .menu-item {
1315        display: flex;
1316        flex-direction: column;
1317        align-items: center;
1318        justify-content: center;
1319        gap: 12px;
1320        min-width: 72px;
1321        padding: 8px;
1322        height: 100%;
1323    }
1324    
1325    .menu-item:hover {
1326        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1327    }
1328    
1329    .menu-item.active {
1330        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1331    }
1332    
1333    .menu-item-img {
1334        height: 28px;
1335    }
1336    
1337    .menu-item-icon {
1338        font-size: 28px;
1339        color: var(--menu-item-color)
1340    }
1341    
1342    .menu-item:hover>.menu-item-icon {
1343        color: var(--primary-color);
1344    }
1345</style>
1346
1347
1348<a href="/" class="menu-item active">
1349    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1350    <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
1351    <label>HOME</label>
1352</a>
1353
1354    <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
1355        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
1356        <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436664" alt="TOGEL" class="menu-item-img">-->
1357        <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i>
1358        <label>TOGEL</label>
1359    </a>
1360    
1361
1362
1363<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
1364    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1365    <i class="menu-item-icon icon-slots"></i>
1366    <label>SLOT</label>
1367</a>
1368<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
1369    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
1370    <i class="menu-item-icon icon-casino"></i>
1371    <label>LIVE CASINO</label>
1372</a>
1373<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
1374    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
1375    <i class="menu-item-icon icon-sports"></i>
1376    <label>SPORT</label>
1377</a>
1378<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
1379<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
1380    <i class="menu-item-icon icon-sabung"></i>
1381    <label>SABUNG</label>
1382</a>
1383<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
1384    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
1385    <i class="menu-item-icon icon-arcade"></i>
1386    <label>ARCADE</label>
1387</a>
1388<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
1389    <i class="menu-item-icon icon-interactive"></i>
1390    <label>INTERACTIVE</label>
1391</a>
1392                    </div>
1393                                        
1394
1395
1396                    <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
1397                        
1398                        
1399        <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
1400            <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1401        </div>
1402        
1403        <div style="position: absolute; height: 100%; background:  var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
1404            <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1405        </div>
1406    
1407    
1408    <div id="menu-mobile" style="height:60px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
1409    
1410    
1411        <div style="white-space: nowrap; height: 100%; font-size: 0px">
1412                                        
1413                        <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;">
1414                        <div style="display: grid; place-items: center; height: 100%">
1415                            <div class="menu-item" style="gap: 8px">
1416                                <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt="">
1417                                <label class="text-white">TOGEL</label>
1418                            </div>
1419                        </div>
1420                    </a>
1421                        
1422                                <div style="height: 100%; width: 74px; display: inline-block;">
1423                    <div style="display: grid; place-items: center; height: 100%">
1424                        <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')">
1425                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt="">
1426                            <label class="text-white">SLOT</label>
1427                        </div>
1428                    </div>
1429                </div>
1430                <div style="height: 100%; width: 74px; display: inline-block;">
1431                    <div style="display: grid; place-items: center; height: 100%">
1432                        <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')">
1433                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt="">
1434                            <label class="text-white">LIVE CASINO</label>
1435                        </div>
1436                    </div>
1437                </div>
1438                <div style="height: 100%; width: 74px; display: inline-block;">
1439                    <div style="display: grid; place-items: center; height: 100%">
1440                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')">
1441                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1441orts.png" alt="">
1442                            <label class="text-white">SPORT</label>
1443                        </div>
1444                    </div>
1445                </div>
1446                <div style="height: 100%; width: 74px; display: inline-block;">
1447                    <div style="display: grid; place-items: center; height: 100%">
1448                    <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')">
1449                        <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt="">
1450                        <label class="text-white">ARCADE</label>
1451                    </div>
1452                    </div>
1453                </div>
1454                <div style="height: 100%; width: 74px; display: inline-block;">
1455                    <div style="display: grid; place-items: center; height: 100%">
1456                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')">
1457                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt="">
1458                            <label class="text-white">SABUNG</label>
1459                        </div>
1460                    </div>
1461                </div>
1462                
1463                <div style="height: 100%; width: 74px; display: inline-block;">
1464                    <div style="display: grid; place-items: center; height: 100%">
1465                        <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')">
1466                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt="">
1467                            <label class="text-white">INTERACTIVE</label>
1468                        </div>
1469                    </div>
1470                </div>
1471        </div>
1472    </div>                                                                                                                        
1473</div>                    
1474                    
1475                    <div class="menu-content mobile-only">
1476                            <div id="main-content" style="background: var(--content-box-background)">
1477                                                        </div>
1478                    </div>
1479                    
1480                    
1481                    <!-- Banner SBO -->
1482                        
1483                        <style>
1484                            .match-slider-wrap {
1485                                max-width: 1200px;
1486                                margin: 16px auto;
1487                                margin-bottom: 24px;
1488                                padding: 0 12px;
1489                            }
1490
1491                            .match-card {
1492                                position: relative;
1493                                overflow: hidden;
1494                                min-height: 180px;
1495                                border-radius: 16px;
1496                                background:
1497                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
1498                                linear-gradient(180deg, #232323 0%, #161616 100%);
1499                                color: #fff;
1500                                box-shadow: 0 10px 24px rgba(0,0,0,.35);
1501                                padding: 14px 14px 16px;
1502                            }
1503
1504                            .match-card::before {
1505                                content: "";
1506                                position: absolute;
1507                                inset: 0;
1508                                background: repeating-linear-gradient(
1509                                    -35deg,
1510                                    rgba(255,255,255,.04),
1511                                    rgba(255,255,255,.04) 8px,
1512                                    transparent 8px,
1513                                    transparent 18px
1514                                );
1515                                pointer-events: none;
1516                                opacity: .35;
1517                            }
1518
1519                            .match-card > * {
1520                                position: relative;
1521                                z-index: 1;
1522                            }
1523
1524                            .league-name {
1525                                font-size: 14px;
1526                                font-weight: 700;
1527                                letter-spacing: .4px;
1528                                text-transform: uppercase;
1529                                text-align: center;
1530                                margin-bottom: 2px;
1531                                color: #ffffff;
1532                            }
1533
1534                            .kickoff-time {
1535                                font-size: 14px;
1536                                font-weight: 800;
1537                                text-align: center;
1538                                color: #ffd23c;
1539                                margin-bottom: 12px;
1540                            }
1541
1542                            .match-main-row,
1543                            .match-odds-row {
1544                                display: flex;
1545                                align-items: flex-start;
1546                                justify-content: space-between;
1547                                gap: 0;
1548                            }
1549
1550                            .match-odds-row {
1551                                align-items: center;
1552                                margin-top: 12px;
1553                            }
1554
1555                            .team-col {
1556                                width: 30%;
1557                                text-align: center;
1558                                display: flex;
1559                                flex-direction: column;
1560                                align-items: center;
1561                            }
1562
1563                            .score-col {
1564                                width: 40%;
1565                                text-align: center;
1566                                display: flex;
1567                                flex-direction: column;
1568                                align-items: center;
1569                                justify-content: center;
1570                            }
1571
1572                            .team-logo {
1573                                width: 46px;
1574                                height: 46px;
1575                                object-fit: contain;
1576                                margin-bottom: 6px;
1577                            }
1578
1579                            .team-name {
1580                                font-size: 14px;
1581                                line-height: 1.15;
1582                                min-height: 34px;
1583                                display: flex;
1584                                align-items: center;
1585                                justify-content: center;
1586                                text-align: center;
1587                            }
1588
1589                            .score-value {
1590                                font-size: 28px;
1591                                font-weight: 800;
1592                                line-height: 1;
1593                                margin-bottom: 10px;
1594                            }
1595
1596                            .bet-btn {
1597                                display: inline-block;
1598                                min-width: 95px;
1599                                border-radius: 8px;
1600                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);
1601                                color: #1d1d1d;
1602                                font-size: 14px;
1603                                font-weight: 800;
1604                                text-decoration: none;
1605                                padding: 10px 16px;
1606                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
1607                            }
1608
1609                            .bet-btn:hover {
1610                                color: #1d1d1d;
1611                                filter: brightness(1.03);
1612                            }
1613
1614                            .odds-col {
1615                                width: 30%;
1616                                text-align: center;
1617                                font-size: 12px;
1618                                font-weight: 700;
1619                                color: #ffd23c;
1620                                display: flex;
1621                                align-items: center;
1622                                justify-content: center;
1623                                min-height: 18px;
1624                            }
1625
1626                            .odds-col small {
1627                                font-size: 12px;
1628                                font-weight: 600;
1629                                color: #ffffff;
1630                                opacity: .95;
1631                            }
1632
1633                            .odds-spacer {
1634                                width: 40%;
1635                            }
1636
1637                            .carousel-control-prev,
1638                            .carousel-control-next {
1639                                width: 48px;
1640                            }
1641
1642                            .carousel-control-prev-icon,
1643                            .carousel-control-next-icon {
1644                                width: 2.5rem;
1645                                height: 2.5rem;
1646                                border-radius: 50%;
1647                                background-color: rgba(255,255,255,.15);
1648                                background-size: 55% 55%;
1649                            }
1650
1651                            .carousel-indicators [data-bs-target] {
1652                                width: 8px;
1653                                height: 8px;
1654                                border-radius: 50%;
1655                            }
1656
1657                            @media (max-width: 991.98px) {
1658                                .match-card {
1659                                    min-height: 170px;
1660                                }
1661                            }
1662
1663                           @media (max-width: 767.98px) {
1664                                .match-slider-wrap {
1665                                    max-width: 100%;
1666                                    padding: 0 20px;
1667                                    margin: 20px 0;
1668                                }
1669
1670                                .match-slider-wrap .carousel-inner {
1671                                    padding: 0;
1672                                }
1673
1674                                .match-slider-wrap .carousel-item .row {
1675                                    margin: 0;
1676                                }
1677
1678                                .match-slider-wrap .carousel-item .col-12 {
1679                                    padding: 0;
1680                                }
1681
1682                                .match-card {
1683                                    width: 100%;
1684                                    border-radius: 16px;
1685                                }
1686
1687                                .league-name {
1688                                    font-size: 13px;
1689                                    margin-bottom: 2px;
1690                                }
1691
1692                                .kickoff-time {
1693                                    font-size: 13px;
1694                                    margin-bottom: 10px;
1695                                }
1696
1697                                .team-col {
1698                                    width: 30%;
1699                                }
1700
1701                                .score-col {
1702                                    width: 40%;
1703                                }
1704
1705                                .team-logo {
1706                                    width: 42px;
1707                                    height: 42px;
1708                                    margin-bottom: 4px;
1709                                }
1710
1711                                .team-name {
1712                                    font-size: 12px;
1713                                    line-height: 1.15;
1714                                    min-height: 30px;
1715                                }
1716
1717                                .score-value {
1718                                    font-size: 22px;
1719                                    margin-bottom: 8px;
1720                                }
1721
1722                                .bet-btn {
1723                                    min-width: 88px;
1724                                    font-size: 13px;
1725                                    padding: 8px 14px;
1726                                    border-radius: 8px;
1727                                }
1728
1729                                .match-odds-row {
1730                                    margin-top: 10px;
1731                                }
1732
1733                                .odds-col,
1734                                .odds-col small {
1735                                    font-size: 11px;
1736                                }
1737
1738                                .carousel-control-prev,
1739                                .carousel-control-next {
1740                                    width: 34px;
1741                                }
1742
1743                                .carousel-control-prev-icon,
1744                                .carousel-control-next-icon {
1745                                    width: 2rem;
1746                                    height: 2rem;
1747                                    background-size: 50% 50%;
1748                                }
1749
1750                                .carousel-indicators {
1751                                    margin-bottom: -2px;
1752                                }
1753
1754                                .carousel-indicators [data-bs-target] {
1755                                    width: 7px;
1756                                    height: 7px;
1757                                    margin: 0 3px;
1758                                }
1759                        }
1760                        </style>
1761                    <!-- Banner SBO End -->
1762        
1763                    <div class="promosi">
1764                        
1765                        <!-- Desktop -->
1766                        <div class="desktop-only h-100">                        
1767                            <div class="d-flex align-items-center h-100">
1768                                <a href="/promosi" class="menu-item">
1769                                    <i class="menu-item-icon icon-promotion"></i>
1770                                    <label>PROMOSI</label>
1771                                </a>
1772                                
1773                                <a href="/event" class="menu-item">
1774                                    <i class="menu-item-icon icon-event"></i>
1775                                    <label>EVENT</label>
1776                                </a>
1777                            </div>
1778                        </div>
1779                        
1780
1781
1782                        
1783                        <!--<div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>-->
1784                        
1785                        <!-- Mobile -->
1786                                                 
1787                        <div class="mobile-only" style="padding-top: 24px">
1788                            
1789                            <div class="d-flex gap-3 justify-content-center align-items-center">
1790                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
1791                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
1792                                        
1793                                <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
1794                            </div>
1795
1796                            
1797                        </div>
1798                                            </div>
1799
1800                </div>
1801                
1802            </header>
1803                
1804    
1805    
1806            <div id="marquee" class="marquee desktop-only">
1807                <div class="marquee-content py-2">
1808                    <div class="d-flex 
1808align-items-center gap-2">
1809                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
1810                        <i class="bi bi-megaphone-fill desktop-only"></i>
1811                    </div>
1812                    <div class="running" style="padding-left: 8px; padding-right: 32px">
1813                        <div class="broadcast" style="width: 100%">Halo bossku, saat ini kami sudah tersedia pembayaran QRIS PAYMENT ya bossku semua</div>
1814                    </div>
1815                    <div class="d-flex align-items-center gap-2">
1816                        <div id="desktoplogin" class="desktop-only">
1817                            <form class="login-form form" role="form">
1818                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
1819                                <div class="input-group login-field">
1820                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1821                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
1822                                </div>
1823                                
1824                                
1825                                
1826                                <div class="input-group login-field">
1827                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
1828                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
1829                                </div>
1830                                
1831                                <!-- captcha -->
1832                         
1833                                    <div class="verifikasiform" style=" ">
1834                                        <div style="display: flex; gap: 2px;">
1835                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
1836                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
1837                                        </div>
1838
1839                                    </div>
1840                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1841                              
1842                                <!-- end captcha -->
1843    
1844    
1845                                <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
1846                                <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/register'">Daftar</button>
1847                                
1848                                
1849                                <input type="hidden" name="task" value="login">
1850                                <input type="hidden" name="iscaptchalogin" value="1">
1851                                <input type="hidden" name="logindesktop" value="IpyicHcfCbek3PJqA/+N4vkhqXJE4BuMR864kYwxeZU=">
1852                                <input type="hidden" name="isrecaptchalogin" value="0">
1853                            </form>
1854
1855                                                    </div>
1856                    
1857                        
1858                        <!--<a href="/event">-->
1859                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
1860                        <!--</a>-->
1861                    </div>
1862                </div>
1863            </div>
1864            
1865            
1866            
1867            <!--Informasi Modal -->
1868            <div id="modal-wrapper" class="modal" style=" background:none;">
1869            
1870                <div class="slideDown" id="informasi-menu">
1871                  <div class="row">
1872                    <div class="col-xs-3" style="padding-right:0px; width:164px">
1873                        <div id="informasi-logo">
1874                            <img src="/images/logoweb.png" width="120px"/>
1875                        </div>
1876                        <div class="menuleft">
1877
1878                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
1879                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
1880                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
1881                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
1882                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
1883                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
1884                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
1885
1886                        </div>
1887                   </div>    
1888                   <div class="col-xs-9" id="informasi-content" style="position: relative">
1889                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
1890                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 
1891                        </div>
1892                    </div>
1893                    
1894                </div>
1895              </div>
1896            </div>
1897            
1898
1899            
1900    
1901            <div class="contentdata">
1902                <div id="content-primary" class="p-0">
1903                   
1904                                        
1905                        <div class="content-body" style="position: relative">
1906                                <div class="content-area">
1907                                    <div id="content" class="content-box">
1908                                        
1909                                            <div class="panel panelbg">
1910       <div class="desktop-only"><h3 class="pb-4">Slot</h3></div>
1911           <div class="panel-body">
1912           
1913            <div style="margin-top: 10px">
1914            
1915            <style>
1916    
1917    .slotarea {
1918        height: 800px;
1919         overflow:auto;
1920        width: 100%; 
1921        display: grid; 
1922        grid-template-columns: repeat(5, 1fr);
1923        gap-y: 25px;
1924        margin-bottom: 40px;
1925    }
1926    
1927    .casinoarea {
1928        overflow:auto;
1929        width: 100%; 
1930        display: grid; 
1931        grid-template-columns: repeat(4, 1fr);
1932        gap-y: 25px;
1933        margin-bottom: 24px;
1934    }
1935    
1936    .interactivearea {
1937        height: 800px;
1938         overflow:auto;
1939        width: 100%; 
1940        display: grid; 
1941        grid-template-columns: repeat(5, 1fr);
1942        gap-y: 25px;
1943        margin-bottom: 40px;
1944    }
1945    
1946    .five {
1947        grid-template-columns: repeat(5, 1fr);
1948    }
1949    
1950    .gameitem {
1951        padding: 20px;
1952        padding-top: 0px;
1953        position: relative;
1954    }
1955    
1956    .gameitem>img {
1957        width: 200px;
1958        max-width: 200px;
1959        object-fit: contain;
1960    }
1961    
1962    .gameitem>figcaption {
1963        overflow-wrap: break-word;
1964    }
1965    
1966    .casinoimg {
1967        border-radius: 10px;
1968        border: 1px solid #000; 
1969        box-shadow:rgba(0,0,0,.1) 0px 2px 5px 5px;
1970    }
1971    
1972    @media only screen and (max-width: 768px) {
1973        
1974        .slotarea, .casinoarea, .interactivearea{
1975            height: 100%;
1976            grid-template-columns: repeat(3, 1fr)!important;
1977            gap: 6px;
1978            padding: 8px;
1979            box-sizing: border-box;
1980        }
1981        
1982        .gameitem {
1983            padding: 2px;
1984        }
1985        
1986        .gameitem .casinoimg {
1987            width: 100%!important;
1988            max-width: 100%!important;
1989            height: auto;
1990        }
1991
1992        .slotarea .gameitem>img,
1993        .interactivearea .gameitem>img {
1994            width: auto !important;
1995            max-width: 100px !important;
1996            height: auto;
1997            margin: 0 auto;
1998            display: block;
1999        }
2000        
2001        .gameitem>figcaption {
2002            font-size: 10px;
2003            line-height: 1.2;
2004        }
2005
2006        /* PP - NEW */
2007        .gameitem img[alt="NEW"][src*="icon-pp-new"] {
2008            top: 2px !important;
2009            left: 7px !important;
2010            max-width: 35px !important;
2011            height: auto !important;
2012        }
2013
2014        /* PP - TOP */
2015        .gameitem img[alt="TOP"][src*="icon-pp-top"] {
2016            top: 2px !important;
2017            left: 8px !important;
2018            max-width: 34px !important;
2019            height: auto !important;
2020        }
2021
2022        /* PG - NEW */
2023        .gameitem img[alt="NEW"][src*="icon-pg-new"] {
2024            top: 2px !important;
2025            left: 7px !important;
2026            max-width: 40px !important;
2027            height: auto !important;
2028        }
2029
2030        /* PG - TOP */
2031        .gameitem img[alt="TOP"][src*="icon-pg-top"] {
2032            top: 2px !important;
2033            left: 7px !important;
2034            max-width: 30px !important;
2035            height: auto !important;
2036        }
2037
2038        /* JL/JILI - NEW */
2039        .gameitem img[alt="NEW"][src*="icon-jili-new"] {
2040            top: 2px !important;
2041            left: 7px !important;
2042            max-width: 55px !important;
2043            height: auto !important;
2044        }
2045
2046        /* JL/JILI - TOP */
2047        .gameitem img[alt="TOP"][src*="icon-jili-top"] {
2048            top: 2px !important;
2049            left: 7px !important;
2050            max-width: 40px !important;
2051            height: auto !important;
2052        }
2053    }
2054    
2055</style>
2056
2057
2058<h2 style="margin-bottom:30px;"><img src="https://img.viva88athenae.com/jili.png" alt="" style="margin-top:-20px"/>JILI</h2><div class="slotarea"><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/807.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-jili-new.png" alt="NEW" style="position:absolute; top:0px; left:20px; max-width:70px; height:auto; z-index:2; border-top-left-radius:8px;"><figcaption style="text-align:center; margin-top:5px">Fortune Garuda 1000</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/644.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-jili-new.png" alt="NEW" style="position:absolute; top:0px; left:20px; max-width:70px; height:auto; z-index:2; border-top-left-radius:8px;"><figcaption style="text-align:center; margin-top:5px">Gold Mine Express</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/558.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-jili-new.png" alt="NEW" style="position:absolute; top:0px; left:20px; max-width:70px; height:auto; z-index:2; border-top-left-radius:8px;"><figcaption style="text-align:center; margin-top:5px">Lucky Tiger</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/49.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-jili-top.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px">
2058Super Ace</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/696.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-jili-top.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px">Fortune Garuda 500</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/403.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-jili-top.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px">Super Ace Deluxe</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/300.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-jili-top.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px">Fortune Gems 3</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/103.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-jili-top.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px">Golden Empire</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/223.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-jili-top.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px">Fortune Gems 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/109.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fortune Gems</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/77.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Boxing King</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/518.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Circus Joker 4096</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/540.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fortune Gems 500</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/542.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Super Ace II</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/504.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Crazy777 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/523.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fortune Coins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/573.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fortune Coins 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/302.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Money Coming Expand Bets</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/461.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Pirate Queen 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/588.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Super Ace</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/379.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Money Pot</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/47.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Charge Buffalo</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/181.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">
2058Wild Ace</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/812.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fortune Gems Legend</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/732.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Golden Empire 1000</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/720.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Bison Fortune Coins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/709.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Lucky Caramelo</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/680.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">X7 HOT</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/664.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Lucky Jaguar 500</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/655.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Lightning Blitz</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/637.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">ROMA X 10000</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/636.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Joker Coins Expanded</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/635.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Jokers Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/625.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Super Mahjong Deluxe</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/623.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Coin of Lightning</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/622.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Coin Wild Tiger</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/605.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Jackpot Joker FEVER</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/598.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Lucky Macaw</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/597.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Supernova</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/594.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fortune Hook Boom</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/590.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Clover Coins 4x4</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/589.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">40 Sparkling Crown</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/586.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Party Ape</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/583.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Cash Coin</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/581.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">20 Blazing Clover</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/563.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Lucky Baozhu</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/549.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Super Mahjong</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/547.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Coin Golden Ox</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/545.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Clover Coins 3x3</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/543.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">
2058Money Coming 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/541.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Money Pot Deluxe</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/539.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Super Ace SPEED</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/536.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Lucky Jaguar 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/529.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Joker Coins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/526.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">10 Sparkling Crown</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/517.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Roma X Deluxe</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/505.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Witchs Lamp</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/495.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Boxing King Title Match</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/485.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Coin Wild Horse</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/472.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Coin Treasures 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/463.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Lucky Lion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/460.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Charge Buffalo</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/448.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Rapid Gems 777</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/447.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Crystal 777 DELUXE</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/424.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Golden Empire 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/422.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fruity Wheel</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/421.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Lucky Jaguar</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/409.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Super Ace Joker</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/408.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Safari King</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/400.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Lucky Piggy </figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/399.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Coin Treasures</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/394.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Sweet Magic</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/378.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Golden Bank 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/377.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Safari Mystery</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/376.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Shogun</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/375.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Poseidon</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/374.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Lucky Doggy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/372.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">3 Pot Dragons</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/324.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Nightfall Hunting</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/307.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Treasure Quest</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/303.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fortune Monkey</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/301.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">
2058Jackpot Joker</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/299.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Potion Wizard</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/264.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Egypt's Glow</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/263.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">The Pig House</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/259.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Charge Buffalo Ascent</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/258.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Devil Fire 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/252.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Zeus</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/240.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Party Star</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/239.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Dabanggg</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/238.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Bangla Beauty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/230.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Cricket Sah 75</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/228.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Arena Fighter</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/226.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Witches Night</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/225.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Cricket King 18</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/214.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">King Arthur</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/209.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Aztec Priestess</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/208.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Trial of Phoenix</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/198.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Sweet Land</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/193.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Devil Fire</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/191.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Golden Temple</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/183.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Golden Joker</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/180.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Legacy of Egypt</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/172.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Elf Bingo</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/171.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Sin City</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/164.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Pirate Queen</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/144.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">JILI Caishen</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/137.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Gold Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/134.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">
2058Mega Ace</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/110.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Ali Baba</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/102.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Roma X</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/85.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Pharaoh Treasure</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/45.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Golden Bank</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/38.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fengshen</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/35.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Crazy 777</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/27.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Seven Seven Seven</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/16.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Jungle King</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/392.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Coin Tree</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/176.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Master Tiger</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/166.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Wild Racer</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/146.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">World Cup</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/145.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Neko Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/142.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Bonus Hunter</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/136.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Samba</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/135.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Mayan Empire</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/130.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Thor X</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/126.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Bone Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/116.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Happy Taxi</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/115.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Agent Ace</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/108.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Magic Lamp</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/106.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Twin Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/101.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Medusa</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/100.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Super Rich</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/91.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Lucky Coming</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/87.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Book of Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/76.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Party Night</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/67.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Monkey Party</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/58.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Golden Queen</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/48.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Lucky Goldbricks</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/44.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Diamond Party</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/43.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Xi Yang Yang</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/40.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Crazy FaFaFa</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/37.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Night City</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/36.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Bao boon chin</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/33.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fortune Pig</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/30.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Bubble Beauty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/26.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Hawaii Beauty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/23.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Candy Baby</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/21.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fa Fa Fa</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/17.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Shanghai Beauty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/14.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Hyper Burst</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/13.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Lucky Ball</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/10.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Gem Party</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/9.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">War Of Dragons</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/6.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Fortune Tree</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/5.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Hot Chilli</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/4.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">
2058God Of Martial</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/jl/images/2.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px">Chin Shi Huang</figcaption></figure></div><div style="clear:both"></div>            
2059            
2060            
2061      		</div>
2062    	</div>
2063    </div>
2064                                            
2065                                    </div>
2066                                </div>
2067                        </div>
2068                    
2069
2070                                    </div>
2071            </div>
2072
2073            
2074            
2075                       <div class="widget-kupon">
2076                <!-- <div style="position:relative; width:100%;"> -->
2077                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
2078                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
2079                <!-- </div> -->
2080            </div>
2081            
2082            <!-- BANNER SBO MOBILE -->
2083            <div class="widget-sbo mobile-only">
2084               <div class="match-slider-wrap">
2085                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
2086
2087                                                    <div class="carousel-indicators">
2088                                                                    <button
2089                                    type="button"
2090                                    data-bs-target="#sboMatchCarouselMobile"
2091                                    data-bs-slide-to="0"
2092                                    class="active"
2093                                    aria-current="true"                                    aria-label="Slide 1">
2094                                </button>
2095                                                                <button
2096                                    type="button"
2097                                    data-bs-target="#sboMatchCarouselMobile"
2098                                    data-bs-slide-to="1"
2099                                    class=""
2100                                                                        aria-label="Slide 2">
2101                                </button>
2102                                                                <button
2103                                    type="button"
2104                                    data-bs-target="#sboMatchCarouselMobile"
2105                                    data-bs-slide-to="2"
2106                                    class=""
2107                                                                        aria-label="Slide 3">
2108                                </button>
2109                                                                <button
2110                                    type="button"
2111                                    data-bs-target="#sboMatchCarouselMobile"
2112                                    data-bs-slide-to="3"
2113                                    class=""
2114                                                                        aria-label="Slide 4">
2115                                </button>
2116                                                                <button
2117                                    type="button"
2118                                    data-bs-target="#sboMatchCarouselMobile"
2119                                    data-bs-slide-to="4"
2120                                    class=""
2121                                                                        aria-label="Slide 5">
2122                                </button>
2123                                                                <button
2124                                    type="button"
2125                                    data-bs-target="#sboMatchCarouselMobile"
2126                                    data-bs-slide-to="5"
2127                                    class=""
2128                                                                        aria-label="Slide 6">
2129                                </button>
2130                                                                <button
2131                                    type="button"
2132                                    data-bs-target="#sboMatchCarouselMobile"
2133                                    data-bs-slide-to="6"
2134                                    class=""
2135                                                                        aria-label="Slide 7">
2136                                </button>
2137                                                                <button
2138                                    type="button"
2139                                    data-bs-target="#sboMatchCarouselMobile"
2140                                    data-bs-slide-to="7"
2141                                    class=""
2142                                                                        aria-label="Slide 8">
2143                                </button>
2144                                                                <button
2145                                    type="button"
2146                                    data-bs-target="#sboMatchCarouselMobile"
2147                                    data-bs-slide-to="8"
2148                                    class=""
2149                                                                        aria-label="Slide 9">
2150                                </button>
2151                                                                <button
2152                                    type="button"
2153                                    data-bs-target="#sboMatchCarouselMobile"
2154                                    data-bs-slide-to="9"
2155                                    class=""
2156                                                                        aria-label="Slide 10">
2157                                </button>
2158                                                    </div>
2159                    
2160                    <div class="carousel-inner">
2161                                                    <div class="carousel-item active">
2162                                <div class="row g-3">
2163                                                                            <div class="col-12">
2164                                            <div class="match-card h-100">
2165                                                <div class="league-name">
2166                                                    ENGLISH PREMIER LEAGUE                                                </div>
2167
2168                                                <div class="kickoff-time">
2169                                                    October 10, 2026 — 18:30 WIB                                                </div>
2170
2171                                                <div class="match-main-row">
2172                                                    <div class="team-col">
2173                                                        <img
2174                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
2175                                                        alt="Arsenal"
2176                                                        class="team-logo"
2177                                                        >
2178                                                        <div class="team-name">
2179                                                            Arsenal                                                        </div>
2180                                                    </div>
2181
2182                                                    <div class="score-col">
2183                                                        <div class="score-value">
2184                                                            0 : 0                                                        </div>
2185
2186                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
2187                                                            BET NOW
2188                                                        </a>
2189                                                    </div>
2190
2191                                                    <div class="team-col">
2192                                                        <img
2193                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2193ce556.png"
2194                                                        alt="Leeds United"
2195                                                        class="team-logo"
2196                                                        >
2197                                                        <div class="team-name">
2198                                                            Leeds United                                                        </div>
2199                                                    </div>
2200                                                </div>
2201
2202                                                <div class="match-odds-row">
2203                                                    <div class="odds-col">
2204                                                        <span>
2205                                                            0.75                                                            <small>0.50</small>
2206                                                        </span>
2207                                                    </div>
2208
2209                                                    <div class="odds-spacer"></div>
2210
2211                                                    <div class="odds-col">
2212                                                        <span>
2213                                                            -0.75                                                            <small>-0.60</small>
2214                                                        </span>
2215                                                    </div>
2216                                                </div>
2217                                            </div>
2218                                        </div>
2219                                                                    </div>
2220                            </div>
2221                                                    <div class="carousel-item ">
2222                                <div class="row g-3">
2223                                                                            <div class="col-12">
2224                                            <div class="match-card h-100">
2225                                                <div class="league-name">
2226                                                    ENGLISH PREMIER LEAGUE                                                </div>
2227
2228                                                <div class="kickoff-time">
2229                                                    October 10, 2026 — 21:00 WIB                                                </div>
2230
2231                                                <div class="match-main-row">
2232                                                    <div class="team-col">
2233                                                        <img
2234                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
2235                                                        alt="Chelsea"
2236                                                        class="team-logo"
2237                                                        >
2238                                                        <div class="team-name">
2239                                                            Chelsea                                                        </div>
2240                                                    </div>
2241
2242                                                    <div class="score-col">
2243                                                        <div class="score-value">
2244                                                            0 : 0                                                        </div>
2245
2246                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
2247                                                            BET NOW
2248                                                        </a>
2249                                                    </div>
2250
2251                                                    <div class="team-col">
2252                                                        <img
2253                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
2254                                                        alt="Bournemouth AFC"
2255                                                        class="team-logo"
2256                                                        >
2257                                                        <div class="team-name">
2258                                                            Bournemouth AFC                                                        </div>
2259                                                    </div>
2260                                                </div>
2261
2262                                                <div class="match-odds-row">
2263                                                    <div class="odds-col">
2264                                                        <span>
2265                                                            0.5                                                            <small>0.66</small>
2266                                                        </span>
2267                                                    </div>
2268
2269                                                    <div class="odds-spacer"></div>
2270
2271                                                    <div class="odds-col">
2272                                                        <span>
2273                                                            -0.5                                                            <small>-0.76</small>
2274                                                        </span>
2275                                                    </div>
2276                                                </div>
2277                                            </div>
2278                                        </div>
2279                                                                    </div>
2280                            </div>
2281                                                    <div class="carousel-item ">
2282                                <div class="row g-3">
2283                                                                            <div class="col-12">
2284                                            <div class="match-card h-100">
2285                                                <div class="league-name">
2286                                                    SPAIN LA LIGA                                                </div>
2287
2288                                                <div class="kickoff-time">
2289                                                    October 10, 2026 — 23:30 WIB                                                </div>
2290
2291                                                <div class="match-main-row">
2292                                                    <div class="team-col">
2293                                                        <img
2294                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
2295                                                        alt="Barcelona"
2296                                                        class="team-logo"
2297                                                        >
2298                                                        <div class="team-name">
2299                                                            Barcelona                                                        </div>
2300                                                    </div>
2301
2302                                                    <div class="score-col">
2303                                                        <div class="score-value">
2304                                                            0 : 0                                                        </div>
2305
2306                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
2307                                                            BET NOW
2308                                                        </a>
2309                                                    </div>
2310
2311                                                    <div class="team-col">
2312                                                        <img
2313                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
2314                                                        alt="Getafe"
2315                                                        class="team-logo"
2316                                                        >
2317                                                        <div class="team-name">
2318                                                            Getafe                                                        </div>
2319                                                    </div>
2320                                                </div>
2321
2322                                                <div class="match-odds-row">
2323                                                    <div class="odds-col">
2324                                                        <span>
2325                                                            2.5                                                            <small>0.80</small>
2326                                                        </span>
2327                                                    </div>
2328
2329                                                    <div class="odds-spacer"></div>
2330
2331                                                    <div class="odds-col">
2332                                                        <span>
2333                                                            -2.5                                                            <small>-0.90</small>
2334                                                        </span>
2335                                                    </div>
2336                                                </div>
2337                                            </div>
2338                                        </div>
2339                                                                    </div>
2340                            </div>
2341                                                    <div class="carousel-item ">
2342                                <div class="row g-3">
2343                                                                            <div class="col-12">
2344                                            <div class="match-card h-100">
2345                                                <div class="league-name">
2346                                                    ENGLISH PREMIER LEAGUE                                                </div>
2347
2348                                                <div class="kickoff-time">
2349                                                    October 10, 2026 — 23:30 WIB                                                </div>
2350
2351                                                <div class="match-main-row">
2352                                                    <div class="team-col">
2353                                                        <img
2354                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
2355                                                        alt="Manchester United"
2356                                                        class="team-logo"
2357                                                        >
2358                                                        <div class="team-name">
2359                                                            Manchester United                                                        </div>
2360                                                    </div>
2361
2362                                                    <div class="score-col">
2363                                                        <div class="score-value">
2364                                                            0 : 0                                                        </div>
2365
2366                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
2367                                                            BET NOW
2368                                                        </a>
2369                                                    </div>
2370
2371                                                    <div class="team-col">
2372                                                        <img
2373                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
2374                                                        alt="Tottenham Hotspur"
2375                                                        class="team-logo"
2376                                                        >
2377                                                        <div class="team-name">
2378                                                            Tottenham Hotspur                                                        </div>
2379                                                    </div>
2380                                                </div>
2381
2382                                                <div class="match-odds-row">
2383                                                    <div class="odds-col">
2384                                                        <span>
2385                                                            0.5                                                            <small>0.72</small>
2386                                                        </span>
2387                                                    </div>
2388
2389                                                    <div class="odds-spacer"></div>
2390
2391                                                    <div class="odds-col">
2392                                                        <span>
2393                                                            -0.5                                                            <small>-0.82</small>
2394                                                        </span>
2395                                                    </div>
2396                                                </div>
2397                                            </div>
2398                                        </div>
2399                                                                    </div>
2400                            </div>
2401                                                    <div class="carousel-item ">
2402                                <div class="row g-3">
2403                                                                            <div class="col-12">
2404                                            <div class="match-card h-100">
2405                                                <div class="league-name">
2406                                                    ENGLISH PREMIER LEAGUE                                                </div>
2407
2408                                                <div class="kickoff-time">
2409                                                    October 10, 2026 — 21:00 WIB                                                </div>
2410
2411                                                <div class="match-main-row">
2412                                                    <div class="team-col">
2413                                                        <img
2414                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
2415                                                        alt="Aston Villa"
2416                                                        class="team-logo"
2417                                                        >
2418                                                        <div class="team-name">
2419                                                            Aston Villa                                                        </div>
2420                                                    </div>
2421
2422                                                    <div class="score-col">
2423                                                        <div class="score-value">
2424                                                            0 : 0                                                        </div>
2425
2426                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
2427                                                            BET NOW
2428                                                        </a>
2429                                                    </div>
2430
2431                                                    <div class="team-col">
2432                                                        <img
2433                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
2434                                                        alt="Brentford"
2435                                                        class="team-logo"
2436                                                        >
2437                                                        <div class="team-name">
2438                                                            Brentford                                                        </div>
2439                                                    </div>
2440                                                </div>
2441
2442                                                <div class="match-odds-row">
2443                                                    <div class="odds-col">
2444                                                        <span>
2445                                                            0.00                                                            <small>-0.97</small>
2446                                                        </span>
2447                                                    </div>
2448
2449                                                    <div class="odds-spacer"></div>
2450
2451                                                    <div class="odds-col">
2452                                                        <span>
2453                                                            0.00                                                            <small>0.87</small>
2454                                                        </span>
2455                                                    </div>
2456                                                </div>
2457                                            </div>
2458                                        </div>
2459                                                                    </div>
2460                            </div>
2461                                                    <div class="carousel-item ">
2462                                <div class="row g-3">
2463                                                                            <div class="col-12">
2464                                            <div class="match-card h-100">
2465                                                <div class="league-name">
2466                                                    ENGLISH PREMIER LEAGUE                                                </div>
2467
2468                                                <div class="kickoff-time">
2469                                                    October 10, 2026 — 21:00 WIB                                                </div>
2470
2471                                                <div class="match-main-row">
2472                                                    <div class="team-col">
2473                                                        <img
2474                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
2475                                                        alt="Sunderland"
2476                                                        class="team-logo"
2477                                                        >
2478                                                        <div class="team-name">
2479                                                            Sunderland                                                        </div>
2480                                                    </div>
2481
2482                                                    <div class="score-col">
2483                                                        <div class="score-value">
2484                                                            0 : 0                                                        </div>
2485
2486                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
2487                                                            BET NOW
2488                                                        </a>
2489                                                    </div>
2490
2491                                                    <div class="team-col">
2492                                                        <img
2493                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
2494                                                        alt="Brighton &amp; Hove Albion"
2495                                                        class="team-logo"
2496                                                        >
2497                                                        <div class="team-name">
2498                                                            Brighton &amp; Hove Albion                                                        </div>
2499                                                    </div>
2500                                                </div>
2501
2502                                                <div class="match-odds-row">
2503                                                    <div class="odds-col">
2504                                                        <span>
2505                                                            0.00                                                            <small>-0.82</small>
2506                                                        </span>
2507                                                    </div>
2508
2509                                                    <div class="odds-spacer"></div>
2510
2511                                                    <div class="odds-col">
2512                                                        <span>
2513                                                            0.00                                                            <small>0.72</small>
2514                                                        </span>
2515                                                    </div>
2516                                                </div>
2517                                            </div>
2518                                        </div>
2519                                                                    </div>
2520                            </div>
2521                                                    <div class="carousel-item ">
2522                                <div class="row g-3">
2523                                                                            <div class="col-12">
2524                                            <div class="match-card h-100">
2525                                                <div class="league-name">
2526                                                    SPAIN LA LIGA                                                </div>
2527
2528                                                <div class="kickoff-time">
2529                                                    October 11, 2026 — 02:00 WIB                                                </div>
2530
2531                                                <div class="match-main-row">
2532                                                    <div class="team-col">
2533                                                        <img
2534                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
2535                                                        alt="Real Madrid"
2536                                                        class="team-logo"
2537                                                        >
2538                                                        <div class="team-name">
2539                                                            Real Madrid                                                        </div>
2540                                                    </div>
2541
2542                                                    <div class="score-col">
2543                                                        <div class="score-value">
2544                                                            0 : 0                                                        </div>
2545
2546                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
2547                                                            BET NOW
2548                                                        </a>
2549                                                    </div>
2550
2551                                                    <div class="team-col">
2552                                                        <img
2553                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
2554                                                        alt="Villarreal"
2555                                                        class="team-logo"
2556                                                        >
2557                                                        <div class="team-name">
2558                                                            Villarreal                                                        </div>
2559                                                    </div>
2560                                                </div>
2561
2562                                                <div class="match-odds-row">
2563                                                    <div class="odds-col">
2564                                                        <span>
2565                                                            1                                                            <small>0.55</small>
2566                                                        </span>
2567                                                    </div>
2568
2569                                                    <div class="odds-spacer"></div>
2570
2571                                                    <div class="odds-col">
2572                                                        <span>
2573                                                            -1                                                            <small>-0.65</small>
2574                                                        </span>
2575                                                    </div>
2576                                                </div>
2577                                            </div>
2578                                        </div>
2579                                                                    </div>
2580                            </div>
2581                                                    <div class="carousel-item ">
2582                                <div class="row g-3">
2583                                                                            <div class="col-12">
2584                                            <div class="match-card h-100">
2585                                                <div class="league-name">
2586                                                    ITALY SERIE A                                                </div>
2587
2588                                                <div class="kickoff-time">
2589                                                    October 10, 2026 — 22:59 WIB                                                </div>
2590
2591                                                <div class="match-main-row">
2592                                                    <div class="team-col">
2593                                                        <img
2594                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
2595                                                        alt="Inter Milan"
2596                                                        class="team-logo"
2597                                                        >
2598                                                        <div class="team-name">
2599                                                            Inter Milan                                                        </div>
2600                                                    </div>
2601
2602                                                    <div class="score-col">
2603                                                        <div class="score-value">
2604                                                            0 : 0                                                        </div>
2605
2606                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
2607                                                            BET NOW
2608                                                        </a>
2609                                                    </div>
2610
2611                                                    <div class="team-col">
2612                                                        <img
2613                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
2614                                                        alt="Parma Calcio"
2615                                                        class="team-logo"
2616                                                        >
2617                                                        <div class="team-name">
2618                                                            Parma Calcio                                                        </div>
2619                                                    </div>
2620                                                </div>
2621
2622                                                <div class="match-odds-row">
2623                                                    <div class="odds-col">
2624                                                        <span>
2625                                                            2                                                            <small>0.65</small>
2626                                                        </span>
2627                                                    </div>
2628
2629                                                    <div class="odds-spacer"></div>
2630
2631                                                    <div class="odds-col">
2632                                                        <span>
2633                                                            -2                                                            <small>-0.75</small>
2634                                                        </span>
2635                                                    </div>
2636                                                </div>
2637                                            </div>
2638                                        </div>
2639                                                                    </div>
2640                            </div>
2641                                                    <div class="carousel-item ">
2642                                <div class="row g-3">
2643                                                                            <div class="col-12">
2644                                            <div class="match-card h-100">
2645                                                <div class="league-name">
2646                                                    SPAIN LA LIGA                                                </div>
2647
2648                                                <div class="kickoff-time">
2649                                                    October 10, 2026 — 19:00 WIB                                                </div>
2650
2651                                                <div class="match-main-row">
2652                                                    <div class="team-col">
2653                                                        <img
2654                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
2655                                                        alt="Rayo Vallecano"
2656                                                        class="team-logo"
2657                                                        >
2658                                                        <div class="team-name">
2659                                                            Rayo Vallecano                                                        </div>
2660                                                    </div>
2661
2662                                                    <div class="score-col">
2663                                                        <div class="score-value">
2664                                                            0 : 0                                                        </div>
2665
2666                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
2667                                                            BET NOW
2668                                                        </a>
2669                                                    </div>
2670
2671                                                    <div class="team-col">
2672                                                        <img
2673                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
2674                                                        alt="Athletic Bilbao"
2675                                                        class="team-logo"
2676                                                        >
2677                                                        <div class="team-name">
2678                                                            Athletic Bilbao                                                        </div>
2679                                                    </div>
2680                                                </div>
2681
2682                                                <div class="match-odds-row">
2683                                                    <div class="odds-col">
2684                                                        <span>
2685                                                            0.00                                                            <small>0.98</small>
2686                                                        </span>
2687                                                    </div>
2688
2689                                                    <div class="odds-spacer"></div>
2690
2691                                                    <div class="odds-col">
2692                                                        <span>
2693                                                            0.00                                                            <small>0.92</small>
2694                                                        </span>
2695                                                    </div>
2696                                                </div>
2697                                            </div>
2698                                        </div>
2699                                                                    </div>
2700                            </div>
2701                                                    <div class="carousel-item ">
2702                                <div class="row g-3">
2703                                                                            <div class="col-12">
2704                                            <div class="match-card h-100">
2705                                                <div class="league-name">
2706                                                    ENGLISH PREMIER LEAGUE                                                </div>
2707
2708                                                <div class="kickoff-time">
2709                                                    October 11, 2026 — 22:30 WIB                                                </div>
2710
2711                                                <div class="match-main-row">
2712                                                    <div class="team-col">
2713                                                        <img
2714                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
2715                                                        alt="Liverpool"
2716                                                        class="team-logo"
2717                                                        >
2718                                                        <div class="team-name">
2719                                                            Liverpool                                                        </div>
2720                                                    </div>
2721
2722                                                    <div class="score-col">
2723                                                        <div class="score-value">
2724                                                            0 : 0                                                        </div>
2725
2726                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
2727                                                            BET NOW
2728                                                        </a>
2729                                                    </div>
2730
2731                                                    <div class="team-col">
2732                                                        <img
2733                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
2734                                                        alt="Manchester City"
2735                                                        class="team-logo"
2736                                                        >
2737                                                        <div class="team-name">
2738                                                            Manchester City                                                        </div>
2739                                                    </div>
2740                                                </div>
2741
2742                                                <div class="match-odds-row">
2743                                                    <div class="odds-col">
2744                                                        <span>
2745                                                            0.00                                                            <small>-0.83</small>
2746                                                        </span>
2747                                                    </div>
2748
2749                                                    <div class="odds-spacer"></div>
2750
2751                                                    <div class="odds-col">
2752                                                        <span>
2753                                                            0.00                                                            <small>0.73</small>
2754                                                        </span>
2755                                                    </div>
2756                                                </div>
2757                                            </div>
2758                                        </div>
2759                                                                    </div>
2760                            </div>
2761                                            </div>
2762
2763                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
2764                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2765                            <span class="visually-hidden">Previous</span>
2766                        </button>
2767
2768                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
2769                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
2770                            <span class="visually-hidden">Next</span>
2771                        </button>
2772                                    </div>
2773                                </div>
2774            </div>
2775            <!-- BANNER SBO MOBILE END -->
2776            
2777            
2778            <!-- Togel -->    
2779            	
2780	<style>
2781	    .togel-desktop {
2782            /*background: var(--togel-background);*/
2783            background: var(--footer-background);
2784            grid-area: togel-desktop;
2785            position: relative;
2786        }
2787        
2788        .togel-mobile {
2789            display: none;
2790        }
2791
2792        .show-more {
2793            position: absolute; 
2794        
2795            z-index: 999; 
2796            bottom: 0px;
2797            width: 100%;
2798            
2799            /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
2800        }
2801        
2802        .show-more-content {
2803            background: var(--secondary-background);
2804            opacity: .7;
2805            display: grid; 
2806            place-items: center; 
2807            height: 32px
2808        }
2809        
2810        .togel-content {    
2811            position: relative;  
2812            display: flex;
2813            flex-wrap: wrap;
2814            justify-content: center;
2815            /*display: grid;*/
2816            /*grid-template-columns: repeat(10, 1fr);*/
2817            gap: 8px 4px;
2818            padding: 16px 0;
2819        }
2820        
2821        .see-more {
2822            padding: 16px 0 48px 0;
2823            max-height: 162px;
2824            transition: max-height .75s ease-out;
2825            transition-delay: .1s;
2826            overflow: hidden;
2827        }
2828        
2829        .togel-content:hover{
2830            max-height: 1000px;
2831            transition: max-height 0.25s ease-in;
2832        }
2833        
2834        .result {
2835            height: 110px;
2836            width: 96px;
2837            border-radius: 10px;
2838            background: var(--result-background);
2839            border: var(--result-border);
2840            
2841            display: grid;
2842            grid-template-rows: 0px 20px 1fr 28px;
2843            grid-template-areas:
2844            "badge"
2845            "pasaran"
2846            "keluaran"
2847            "tanggal"
2848            ;
2849        
2850            /* display: flex;
2851            flex-direction: column;
2852            justify-content: space-between; */
2853        
2854            overflow: hidden;
2855        }
2856        
2857        .badge {
2858            grid-area: badge;
2859            display: grid;
2860            place-items: center;
2861        }
2862        
2863        .result>.pasaran {
2864        
2865            grid-area: pasaran;
2866        
2867            padding-top: 8px;
2868            white-space: nowrap;
2869            font-size: .7rem;
2870            line-height: .7rem;
2871        
2872            color: var(--result-pasaran-color);
2873            display: grid;
2874            place-items: center;
2875        }
2876        
2877        .result>.keluaran {
2878        
2879            grid-area: keluaran;
2880            padding-bottom: 8px;
2881            font-family: 'Oswald', sans-serif;
2882            line-height: 40px;
2883            font-size: 40px;
2884            color: var(--result-keluaran-color);
2885            display: grid;
2886            place-items: center;
2887        }
2888        
2889        .result>.tanggal {
2890        
2891            grid-area: tanggal;
2892        
2893            width: 100%;
2894            height: 100%;
2895            /* background: rgb(40,0,0);
2896            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
2897            background: var(--result-tanggal-background);
2898            white-space: nowarp;
2899            font-size: .79rem;
2900            display: grid;
2901            place-items: center;
2902            font-family: 'Abel', sans-serif;
2903            color: var(--result-tanggal-color);
2904        }
2905        
2906        @media only screen and (max-width: 1000px) {
2907            
2908            .togel-desktop {
2909                display: none;
2910            }
2911            
2912            .togel-mobile {
2913
2914                background: var(--secondary-background);
2915                grid-area: togel-mobile;
2916                padding: 24px;
2917                padding-bottom: 12px;
2918                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
2919            }
2920        
2921            .togel-title {
2922                padding: 0px;
2923                padding-bottom: 20px;
2924                font-size: 1.4rem;
2925                font-weight: bold;
2926                color: var(--primary-text-color);
2927            }
2928        
2929            .togel-content {
2930                max-height: fit-content;
2931                display: grid;
2932                grid-template-columns: 1fr;
2933                gap: 0;
2934                border-radius: 8px;
2935            }
2936            
2937
2938        
2939            .provider-group {
2940                padding: var(--mobile-padding-horizontal);
2941            }
2942        
2943            .badge {
2944                display: none;
2945            }
2946        
2947            .result {
2948                height: auto;
2949                width: 100%;
2950                display: grid;
2951                grid-template-rows: 1fr;
2952                grid-template-columns: 1fr 1fr 80px;
2953                grid-template-areas: "pasaran tanggal keluaran";
2954                border-radius: 0;
2955                border: none;
2956                background: transparent;
2957                padding: 4px 12px;
2958                color: var(--primary-text-color);
2959                font-family: 'Abel', sans-serif;
2960                
2961            }
2962            
2963                        
2964            .result-data:nth-child(odd) {
2965                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
2966            }
2967            
2968                        
2969            .accordion-item {
2970                background-color: transparent;
2971                border: 0px;
2972            }
2973            
2974            .accordion-button:not(.collapsed) {
2975                color: inherit;
2976                background-color: transparent;
2977                box-shadow: none;
2978            }
2979            
2980            .accordion-button::after {
2981                height: 0px;
2982            }
2983        
2984            .result>* {
2985                padding: 0px!important;
2986                margin: 0px!important;
2987                font-size: 1.4rem!important;
2988                line-height: auto!important;
2989                font-weight: normal!important;
2990            }
2991        
2992            .result>.pasaran {
2993                display: flex;
2994                justify-content: start;
2995                color: var(--primary-text-color)!important;
2996                opacity: .7;
2997            }
2998        
2999            .result>.tanggal {        
3000                display: flex;
3001                justify-content: center;
3002                background: transparent;
3003                color: var(--primary-text-color)!important;
3004                opacity: .7;
3005            }
3006        
3007            .result>.keluaran {
3008                display: flex;
3009                justify-content: end;
3010                /*color: var(--primary-text-color)!important;*/
3011                font-family: 'Abel', sans-serif;
3012                color: var(--highlight-text-color);
3013            }
3014            
3015        }
3016	</style>
3017	
3018	
3019	
3020	<div id="togel-desktop" class="togel-desktop desktop-only">
3021	    
3022	        
3023        
3024    
3025        <div class="togel-content ">
3026                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
3027                <a href="/hasil/TWH" class="result">
3028                    
3029                    <div class="badge">
3030                                            </div>
3031                    
3032                    <div class="pasaran">
3032TOTO WUHAN&nbsp</div>
3033                    <div class="keluaran">6536</div>
3034                    <div class="tanggal"> 10/10/2026</div>
3035                </a>
3036                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
3037                <a href="/hasil/HKD" class="result">
3038                    
3039                    <div class="badge">
3040                                            </div>
3041                    
3042                    <div class="pasaran">HK SIANG&nbsp</div>
3043                    <div class="keluaran">3738</div>
3044                    <div class="tanggal"> 9/10/2026</div>
3045                </a>
3046                            <!-- <a href="/?content=hasil&pid=SYD" class="result"> -->
3047                <a href="/hasil/SYD" class="result">
3048                    
3049                    <div class="badge">
3050                                            </div>
3051                    
3052                    <div class="pasaran">SYDNEY&nbsp</div>
3053                    <div class="keluaran">6783</div>
3054                    <div class="tanggal"> 9/10/2026</div>
3055                </a>
3056                            <!-- <a href="/?content=hasil&pid=MYD" class="result"> -->
3057                <a href="/hasil/MYD" class="result">
3058                    
3059                    <div class="badge">
3060                                            </div>
3061                    
3062                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
3063                    <div class="keluaran">3162</div>
3064                    <div class="tanggal"> 9/10/2026</div>
3065                </a>
3066                            <!-- <a href="/?content=hasil&pid=SG" class="result"> -->
3067                <a href="/hasil/SG" class="result">
3068                    
3069                    <div class="badge">
3070                                            </div>
3071                    
3072                    <div class="pasaran">SINGAPORE&nbsp</div>
3073                    <div class="keluaran">2855</div>
3074                    <div class="tanggal"> 8/10/2026</div>
3075                </a>
3076                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
3077                <a href="/hasil/MY" class="result">
3078                    
3079                    <div class="badge">
3080                                            </div>
3081                    
3082                    <div class="pasaran">MALAYSIA&nbsp</div>
3083                    <div class="keluaran">6034</div>
3084                    <div class="tanggal"> 9/10/2026</div>
3085                </a>
3086                            <!-- <a href="/?content=hasil&pid=MC" class="result"> -->
3087                <a href="/hasil/MC" class="result">
3088                    
3089                    <div class="badge">
3090                                            </div>
3091                    
3092                    <div class="pasaran">MACAU&nbsp</div>
3093                    <div class="keluaran">0331</div>
3094                    <div class="tanggal"> 9/10/2026</div>
3095                </a>
3096                            <!-- <a href="/?content=hasil&pid=QTR" class="result"> -->
3097                <a href="/hasil/QTR" class="result">
3098                    
3099                    <div class="badge">
3100                                            </div>
3101                    
3102                    <div class="pasaran">QATAR&nbsp</div>
3103                    <div class="keluaran">8696</div>
3104                    <div class="tanggal"> 9/10/2026</div>
3105                </a>
3106                            <!-- <a href="/?content=hasil&pid=HK" class="result"> -->
3107                <a href="/hasil/HK" class="result">
3108                    
3109                    <div class="badge">
3110                                            </div>
3111                    
3112                    <div class="pasaran">HONGKONG&nbsp</div>
3113                    <div class="keluaran">6469</div>
3114                    <div class="tanggal"> 9/10/2026</div>
3115                </a>
3116                        
3117        </div>
3118    </div>
3119    
3120    <div id="togel-mobile" class="togel-mobile mobile-only">
3121    	    
3122    	    <div class="togel-title">Togel Result</div>
3123    	    
3124            	    
3125	    <div class="carousel slide p-0" data-bs-ride="carousel" style="">
3126          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
3127              
3128                          
3129          </div>
3130          <div class="carousel-inner">
3131
3132            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
3133                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
3134                                    <div class="badge">
3135                                                                            </div>
3136                                    <div class="pasaran">
3136TOTO WUHAN&nbsp</div>
3137                                    <div class="keluaran">6536</div>
3138                                    <div class="tanggal">10-10-2026</div>
3139                              </button>
3140                                                                <div id="paito-TWH" class="accordion-collapse collapse">
3141                                         
3142                                                <div class="result">
3143                                                    <div class="pasaran"></div>
3144                                                    <div class="keluaran">9250</div>
3145                                                    <div class="tanggal">09-10-2026</div>
3146                                                </div>
3147                                             
3148                                                <div class="result">
3149                                                    <div class="pasaran"></div>
3150                                                    <div class="keluaran">4208</div>
3151                                                    <div class="tanggal">09-10-2026</div>
3152                                                </div>
3153                                             
3154                                                <div class="result">
3155                                                    <div class="pasaran"></div>
3156                                                    <div class="keluaran">6154</div>
3157                                                    <div class="tanggal">09-10-2026</div>
3158                                                </div>
3159                                             
3160                                                <div class="result">
3161                                                    <div class="pasaran"></div>
3162                                                    <div class="keluaran">3312</div>
3163                                                    <div class="tanggal">09-10-2026</div>
3164                                                </div>
3165                                             
3166                                                <div class="result">
3167                                                    <div class="pasaran"></div>
3168                                                    <div class="keluaran">4840</div>
3169                                                    <div class="tanggal">09-10-2026</div>
3170                                                </div>
3171                                             
3172                                                <div class="result">
3173                                                    <div class="pasaran"></div>
3174                                                    <div class="keluaran">6631</div>
3175                                                    <div class="tanggal">09-10-2026</div>
3176                                                </div>
3177                                             
3178                                                <div class="result">
3179                                                    <div class="pasaran"></div>
3180                                                    <div class="keluaran">1674</div>
3181                                                    <div class="tanggal">08-10-2026</div>
3182                                                </div>
3183                                                                                </div>
3184                                                            </div>
3185                            
3186                                                    <div class="result-data accordion-item">
3187                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
3188                                    <div class="badge">
3189                                                                            </div>
3190                                    <div class="pasaran">HK SIANG&nbsp</div>
3191                                    <div class="keluaran">3738</div>
3192                                    <div class="tanggal">09-10-2026</div>
3193                              </button>
3194                                                                <div id="paito-HKD" class="accordion-collapse collapse">
3195                                         
3196                                                <div class="result">
3197                                                    <div class="pasaran"></div>
3198                                                    <div class="keluaran">1257</div>
3199                                                    <div class="tanggal">08-10-2026</div>
3200                                                </div>
3201                                             
3202                                                <div class="result">
3203                                                    <div class="pasaran"></div>
3204                                                    <div class="keluaran">6727</div>
3205                                                    <div class="tanggal">07-10-2026</div>
3206                                                </div>
3207                                             
3208                                                <div class="result">
3209                                                    <div class="pasaran"></div>
3210                                                    <div class="keluaran">4776</div>
3211                                                    <div class="tanggal">06-10-2026</div>
3212                                                </div>
3213                                             
3214                                                <div class="result">
3215                                                    <div class="pasaran"></div>
3216                                                    <div class="keluaran">0870</div>
3217                                                    <div class="tanggal">05-10-2026</div>
3218                                                </div>
3219                                             
3220                                                <div class="result">
3221                                                    <div class="pasaran"></div>
3222                                                    <div class="keluaran">3772</div>
3223                                                    <div class="tanggal">04-10-2026</div>
3224                                                </div>
3225                                             
3226                                                <div class="result">
3227                                                    <div class="pasaran"></div>
3228                                                    <div class="keluaran">0546</div>
3229                                                    <div class="tanggal">03-10-2026</div>
3230                                                </div>
3231                                             
3232                                                <div class="result">
3233                                                    <div class="pasaran"></div>
3234                                                    <div class="keluaran">7631</div>
3235                                                    <div class="tanggal">02-10-2026</div>
3236                                                </div>
3237                                                                                </div>
3238                                                            </div>
3239                            
3240                                                    <div class="result-data accordion-item">
3241                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SYD">
3242                                    <div class="badge">
3243                                                                            </div>
3244                                    <div class="pasaran">SYDNEY&nbsp</div>
3245                                    <div class="keluaran">6783</div>
3246                                    <div class="tanggal">09-10-2026</div>
3247                              </button>
3248                                                                <div id="paito-SYD" class="accordion-collapse collapse">
3249                                         
3250                                                <div class="result">
3251                                                    <div class="pasaran"></div>
3252                                                    <div class="keluaran">2626</div>
3253                                                    <div class="tanggal">08-10-2026</div>
3254                                                </div>
3255                                             
3256                                                <div class="result">
3257                                                    <div class="pasaran"></div>
3258                                                    <div class="keluaran">3939</div>
3259                                                    <div class="tanggal">07-10-2026</div>
3260                                                </div>
3261                                             
3262                                                <div class="result">
3263                                                    <div class="pasaran"></div>
3264                                                    <div class="keluaran">8045</div>
3265                                                    <div class="tanggal">06-10-2026</div>
3266                                                </div>
3267                                             
3268                                                <div class="result">
3269                                                    <div class="pasaran"></div>
3270                                                    <div class="keluaran">7070</div>
3271                                                    <div class="tanggal">05-10-2026</div>
3272                                                </div>
3273                                             
3274                                                <div class="result">
3275                                                    <div class="pasaran"></div>
3276                                                    <div class="keluaran">2158</div>
3277                                                    <div class="tanggal">04-10-2026</div>
3278                                                </div>
3279                                             
3280                                                <div class="result">
3281                                                    <div class="pasaran"></div>
3282                                                    <div class="keluaran">5482</div>
3283                                                    <div class="tanggal">03-10-2026</div>
3284                                                </div>
3285                                             
3286                                                <div class="result">
3287                                                    <div class="pasaran"></div>
3288                                                    <div class="keluaran">0880</div>
3289                                                    <div class="tanggal">02-10-2026</div>
3290                                                </div>
3291                                                                                </div>
3292                                                            </div>
3293                            
3294                                                    <div class="result-data accordion-item">
3295                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
3296                                    <div class="badge">
3297                                                                            </div>
3298                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
3299                                    <div class="keluaran">3162</div>
3300                                    <div class="tanggal">09-10-2026</div>
3301                              </button>
3302                                                                <div id="paito-MYD" class="accordion-collapse collapse">
3303                                         
3304                                                <div class="result">
3305                                                    <div class="pasaran"></div>
3306                                                    <div class="keluaran">4272</div>
3307                                                    <div class="tanggal">08-10-2026</div>
3308                                                </div>
3309                                             
3310                                                <div class="result">
3311                                                    <div class="pasaran"></div>
3312                                                    <div class="keluaran">9074</div>
3313                                                    <div class="tanggal">07-10-2026</div>
3314                                                </div>
3315                                             
3316                                                <div class="result">
3317                                                    <div class="pasaran"></div>
3318                                                    <div class="keluaran">1210</div>
3319                                                    <div class="tanggal">06-10-2026</div>
3320                                                </div>
3321                                             
3322                                                <div class="result">
3323                                                    <div class="pasaran"></div>
3324                                                    <div class="keluaran">2452</div>
3325                                                    <div class="tanggal">05-10-2026</div>
3326                                                </div>
3327                                             
3328                                                <div class="result">
3329                                                    <div class="pasaran"></div>
3330                                                    <div class="keluaran">6932</div>
3331                                                    <div class="tanggal">04-10-2026</div>
3332                                                </div>
3333                                             
3334                                                <div class="result">
3335                                                    <div class="pasaran"></div>
3336                                                    <div class="keluaran">5590</div>
3337                                                    <div class="tanggal">03-10-2026</div>
3338                                                </div>
3339                                             
3340                                                <div class="result">
3341                                                    <div class="pasaran"></div>
3342                                                    <div class="keluaran">7799</div>
3343                                                    <div class="tanggal">02-10-2026</div>
3344                                                </div>
3345                                                                                </div>
3346                                                            </div>
3347                            
3348                                                    <div class="result-data accordion-item">
3349                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
3350                                    <div class="badge">
3351                                                                            </div>
3352                                    <div class="pasaran">SINGAPORE&nbsp</div>
3353                                    <div class="keluaran">2855</div>
3354                                    <div class="tanggal">08-10-2026</div>
3355                              </button>
3356                                                                <div id="paito-SG" class="accordion-collapse collapse">
3357                                         
3358                                                <div class="result">
3359                                                    <div class="pasaran"></div>
3360        
3360                                            <div class="keluaran">9838</div>
3361                                                    <div class="tanggal">07-10-2026</div>
3362                                                </div>
3363                                             
3364                                                <div class="result">
3365                                                    <div class="pasaran"></div>
3366                                                    <div class="keluaran">3897</div>
3367                                                    <div class="tanggal">05-10-2026</div>
3368                                                </div>
3369                                             
3370                                                <div class="result">
3371                                                    <div class="pasaran"></div>
3372                                                    <div class="keluaran">2812</div>
3373                                                    <div class="tanggal">04-10-2026</div>
3374                                                </div>
3375                                             
3376                                                <div class="result">
3377                                                    <div class="pasaran"></div>
3378                                                    <div class="keluaran">3670</div>
3379                                                    <div class="tanggal">03-10-2026</div>
3380                                                </div>
3381                                             
3382                                                <div class="result">
3383                                                    <div class="pasaran"></div>
3384                                                    <div class="keluaran">9006</div>
3385                                                    <div class="tanggal">01-10-2026</div>
3386                                                </div>
3387                                             
3388                                                <div class="result">
3389                                                    <div class="pasaran"></div>
3390                                                    <div class="keluaran">3096</div>
3391                                                    <div class="tanggal">30-09-2026</div>
3392                                                </div>
3393                                             
3394                                                <div class="result">
3395                                                    <div class="pasaran"></div>
3396                                                    <div class="keluaran">7185</div>
3397                                                    <div class="tanggal">28-09-2026</div>
3398                                                </div>
3399                                                                                </div>
3400                                                            </div>
3401                            
3402                                                    <div class="result-data accordion-item">
3403                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
3404                                    <div class="badge">
3405                                                                            </div>
3406                                    <div class="pasaran">MALAYSIA&nbsp</div>
3407                                    <div class="keluaran">6034</div>
3408                                    <div class="tanggal">09-10-2026</div>
3409                              </button>
3410                                                                <div id="paito-MY" class="accordion-collapse collapse">
3411                                         
3412                                                <div class="result">
3413                                                    <div class="pasaran"></div>
3414                                                    <div class="keluaran">2991</div>
3415                                                    <div class="tanggal">08-10-2026</div>
3416                                                </div>
3417                                             
3418                                                <div class="result">
3419                                                    <div class="pasaran"></div>
3420                                                    <div class="keluaran">3932</div>
3421                                                    <div class="tanggal">07-10-2026</div>
3422                                                </div>
3423                                             
3424                                                <div class="result">
3425                                                    <div class="pasaran"></div>
3426                                                    <div class="keluaran">4883</div>
3427                                                    <div class="tanggal">06-10-2026</div>
3428                                                </div>
3429                                             
3430                                                <div class="result">
3431                                                    <div class="pasaran"></div>
3432                                                    <div class="keluaran">4639</div>
3433                                                    <div class="tanggal">05-10-2026</div>
3434                                                </div>
3435                                             
3436                                                <div class="result">
3437                                                    <div class="pasaran"></div>
3438                                                    <div class="keluaran">4920</div>
3439                                                    <div class="tanggal">04-10-2026</div>
3440                                                </div>
3441                                             
3442                                                <div class="result">
3443                                                    <div class="pasaran"></div>
3444                                                    <div class="keluaran">8849</div>
3445                                                    <div class="tanggal">03-10-2026</div>
3446                                                </div>
3447                                             
3448                                                <div class="result">
3449                                                    <div class="pasaran"></div>
3450                                                    <div class="keluaran">
34507141</div>
3451                                                    <div class="tanggal">02-10-2026</div>
3452                                                </div>
3453                                                                                </div>
3454                                                            </div>
3455                            
3456                                                    <div class="result-data accordion-item">
3457                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC">
3458                                    <div class="badge">
3459                                                                            </div>
3460                                    <div class="pasaran">MACAU&nbsp</div>
3461                                    <div class="keluaran">0331</div>
3462                                    <div class="tanggal">09-10-2026</div>
3463                              </button>
3464                                                                <div id="paito-MC" class="accordion-collapse collapse">
3465                                         
3466                                                <div class="result">
3467                                                    <div class="pasaran"></div>
3468                                                    <div class="keluaran">8646</div>
3469                                                    <div class="tanggal">08-10-2026</div>
3470                                                </div>
3471                                             
3472                                                <div class="result">
3473                                                    <div class="pasaran"></div>
3474                                                    <div class="keluaran">7182</div>
3475                                                    <div class="tanggal">07-10-2026</div>
3476                                                </div>
3477                                             
3478                                                <div class="result">
3479                                                    <div class="pasaran"></div>
3480                                                    <div class="keluaran">1061</div>
3481                                                    <div class="tanggal">06-10-2026</div>
3482                                                </div>
3483                                             
3484                                                <div class="result">
3485                                                    <div class="pasaran"></div>
3486                                                    <div class="keluaran">7204</div>
3487                                                    <div class="tanggal">05-10-2026</div>
3488                                                </div>
3489                                             
3490                                                <div class="result">
3491                                                    <div class="pasaran"></div>
3492                                                    <div class="keluaran">1662</div>
3493                                                    <div class="tanggal">04-10-2026</div>
3494                                                </div>
3495                                             
3496                                                <div class="result">
3497                                                    <div class="pasaran"></div>
3498                                                    <div class="keluaran">2898</div>
3499                                                    <div class="tanggal">03-10-2026</div>
3500                                                </div>
3501                                             
3502                                                <div class="result">
3503                                                    <div class="pasaran"></div>
3504                                                    <div class="keluaran">8307</div>
3505                                                    <div class="tanggal">02-10-2026</div>
3506                                                </div>
3507                                                                                </div>
3508                                                            </div>
3509                            
3510                                                    <div class="result-data accordion-item">
3511                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
3512                                    <div class="badge">
3513                                                                            </div>
3514                                    <div class="pasaran">QATAR&nbsp</div>
3515                                    <div class="keluaran">8696</div>
3516                                    <div class="tanggal">09-10-2026</div>
3517                              </button>
3518                                                                <div id="paito-QTR" class="accordion-collapse collapse">
3519                                         
3520                                                <div class="result">
3521                                                    <div class="pasaran"></div>
3522                                                    <div class="keluaran">8317</div>
3523                                                    <div class="tanggal">08-10-2026</div>
3524                                                </div>
3525                                             
3526                                                <div class="result">
3527                                                    <div class="pasaran"></div>
3528                                                    <div class="keluaran">9915</div>
3529                                                    <div class="tanggal">07-10-2026</div>
3530                                                </div>
3531                                             
3532                                                <div class="result">
3533                                                    <div class="pasaran"></div>
3534                                                    <div class="keluaran">5740</div>
3535                                                    <div class="tanggal">06-10-2026</div>
3536                                                </div>
3537                                             
3538                                                <div class="result">
3539                                                    <div class="pasaran"></div>
3540                                                    <div class="keluaran">8643</div>
3541                                                    <div class="tanggal">05-10-2026</div>
3542                                                </div>
3543                                             
3544                                                <div class="result">
3545                                                    <div class="pasaran"></div>
3546                                                    <div class="keluaran">0646</div>
3547                                                    <div class="tanggal">04-10-2026</div>
3548                                                </div>
3549                                             
3550                                                <div class="result">
3551                                                    <div class="pasaran"></div>
3552                                                    <div class="keluaran">7691</div>
3553                                                    <div class="tanggal">03-10-2026</div>
3554                                                </div>
3555                                             
3556                                                <div class="result">
3557                                                    <div class="pasaran"></div>
3558                                                    <div class="keluaran">3505</div>
3559                                                    <div class="tanggal">02-10-2026</div>
3560                                                </div>
3561                                                                                </div>
3562                                                            </div>
3563                            
3564                                                    <div class="result-data accordion-item">
3565                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
3566                                    <div class="badge">
3567                                                                            </div>
3568                                    <div class="pasaran">HONGKONG&nbsp</div>
3569                                    <div class="keluaran">6469</div>
3570                                    <div class="tanggal">09-10-2026</div>
3571                              </button>
3572                                                                <div id="paito-HK" class="accordion-collapse collapse">
3573                                         
3574                                                <div class="result">
3575                                                    <div class="pasaran"></div>
3576                                                    <div class="keluaran">8270</div>
3577                                                    <div class="tanggal">08-10-2026</div>
3578                                                </div>
3579                                             
3580                                                <div class="result">
3581                                                    <div class="pasaran"></div>
3582                                                    <div class="keluaran">6196</div>
3583                                                    <div class="tanggal">07-10-2026</div>
3584                                                </div>
3585                                             
3586                                                <div class="result">
3587                                                    <div class="pasaran"></div>
3588                                                    <div class="keluaran">3268</div>
3589                                                    <div class="tanggal">06-10-2026</div>
3590                                                </div>
3591                                             
3592                                                <div class="result">
3593                                                    <div class="pasaran"></div>
3594                                                    <div class="keluaran">9181</div>
3595                                                    <div class="tanggal">05-10-2026</div>
3596                                                </div>
3597                                             
3598                                                <div class="result">
3599                                                    <div class="pasaran"></div>
3600                                                    <div class="keluaran">7176</div>
3601                                                    <div class="tanggal">04-10-2026</div>
3602                                                </div>
3603                                             
3604                                                <div class="result">
3605                                                    <div class="pasaran"></div>
3606                                                    <div class="keluaran">6962</div>
3607                                                    <div class="tanggal">03-10-2026</div>
3608                                                </div>
3609                                             
3610                                                <div class="result">
3611                                                    <div class="pasaran"></div>
3612                                                    <div class="keluaran">3686</div>
3613                                                    <div class="tanggal">02-10-2026</div>
3614                                                </div>
3615                                                                                </div>
3616                                                            </div>
3617                            
3618                        </div>              
3619              
3620          </div>
3621        </div>
3622    </div>
3623    
3624    
3624<script>
3625        
3626        function togglePaito(paitoid) {
3627            let paito = document.getElementById(paitoid);
3628            paito.classList.add("open");
3629        }
3630        
3631        
3632    </script>
3632
3633
3634            <div class="transaksi p-0 py-lg-4">
3635                <div class="d-none d-lg-block">
3636                    <!-- BANNER SBO DESKTOP -->
3637                    <div class="match-slider-wrap">
3638                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
3639
3640                                                                    <div class="carousel-indicators">
3641                                                                                    <button
3642                                                type="button"
3643                                                data-bs-target="#sboMatchCarouselDesktop"
3644                                                data-bs-slide-to="0"
3645                                                class="active"
3646                                                aria-current="true"                                                aria-label="Slide 1">
3647                                            </button>
3648                                                                                    <button
3649                                                type="button"
3650                                                data-bs-target="#sboMatchCarouselDesktop"
3651                                                data-bs-slide-to="1"
3652                                                class=""
3653                                                                                                aria-label="Slide 2">
3654                                            </button>
3655                                                                                    <button
3656                                                type="button"
3657                                                data-bs-target="#sboMatchCarouselDesktop"
3658                                                data-bs-slide-to="2"
3659                                                class=""
3660                                                                                                aria-label="Slide 3">
3661                                            </button>
3662                                                                                    <button
3663                                                type="button"
3664                                                data-bs-target="#sboMatchCarouselDesktop"
3665                                                data-bs-slide-to="3"
3666                                                class=""
3667                                                                                                aria-label="Slide 4">
3668                                            </button>
3669                                                                            </div>
3670                                
3671                                <div class="carousel-inner">
3672                                                                            <div class="carousel-item active">
3673                                            <div class="row g-3">
3674                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3675                                                        <div class="match-card h-100">
3676                                                            <div class="league-name">
3677                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3678
3679                                                            <div class="kickoff-time">
3680                                                                October 10, 2026 — 18:30 WIB                                                            </div>
3681
3682                                                            <div class="match-main-row">
3683                                                                <div class="team-col">
3684                                                                    <img
3685                                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
3686                                                                        alt="Arsenal"
3687                                                                        class="team-logo"
3688                                                                    >
3689                                                                    <div class="team-name">
3690                                                                        Arsenal                                                                    </div>
3691                                                                </div>
3692
3693                                                                <div class="score-col">
3694                                                                    <div class="score-value">
3695                                                                        0 : 0                                                                    </div>
3696
3697                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
3698                                                                        BET NOW
3699                                                                    </a>
3700                                                                </div>
3701
3702                                                                <div class="team-col">
3703                                                                    <img
3704                                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
3704ce556.png"
3705                                                                        alt="Leeds United"
3706                                                                        class="team-logo"
3707                                                                    >
3708                                                                    <div class="team-name">
3709                                                                        Leeds United                                                                    </div>
3710                                                                </div>
3711                                                            </div>
3712
3713                                                            <div class="match-odds-row">
3714                                                                <div class="odds-col">
3715                                                                    <span>
3716                                                                        0.75                                                                        <small>0.50</small>
3717                                                                    </span>
3718                                                                </div>
3719
3720                                                                <div class="odds-spacer"></div>
3721
3722                                                                <div class="odds-col">
3723                                                                    <span>
3724                                                                        -0.75                                                                        <small>-0.60</small>
3725                                                                    </span>
3726                                                                </div>
3727                                                            </div>
3728                                                        </div>
3729                                                    </div>
3730                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3731                                                        <div class="match-card h-100">
3732                                                            <div class="league-name">
3733                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3734
3735                                                            <div class="kickoff-time">
3736                                                                October 10, 2026 — 21:00 WIB                                                            </div>
3737
3738                                                            <div class="match-main-row">
3739                                                                <div class="team-col">
3740                                                                    <img
3741                                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
3742                                                                        alt="Chelsea"
3743                                                                        class="team-logo"
3744                                                                    >
3745                                                                    <div class="team-name">
3746                                                                        Chelsea                                                                    </div>
3747                                                                </div>
3748
3749                                                                <div class="score-col">
3750                                                                    <div class="score-value">
3751                                                                        0 : 0                                                                    </div>
3752
3753                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
3754                                                                        BET NOW
3755                                                                    </a>
3756                                                                </div>
3757
3758                                                                <div class="team-col">
3759                                                                    <img
3760                                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
3761                                                                        alt="Bournemouth AFC"
3762                                                                        class="team-logo"
3763                                                                    >
3764                                                                    <div class="team-name">
3765                                                                        Bournemouth AFC                                                                    </div>
3766                                                                </div>
3767                                                            </div>
3768
3769                                                            <div class="match-odds-row">
3770                                                                <div class="odds-col">
3771                                                                    <sp
3771an>
3772                                                                        0.5                                                                        <small>0.66</small>
3773                                                                    </span>
3774                                                                </div>
3775
3776                                                                <div class="odds-spacer"></div>
3777
3778                                                                <div class="odds-col">
3779                                                                    <span>
3780                                                                        -0.5                                                                        <small>-0.76</small>
3781                                                                    </span>
3782                                                                </div>
3783                                                            </div>
3784                                                        </div>
3785                                                    </div>
3786                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3787                                                        <div class="match-card h-100">
3788                                                            <div class="league-name">
3789                                                                SPAIN LA LIGA                                                            </div>
3790
3791                                                            <div class="kickoff-time">
3792                                                                October 10, 2026 — 23:30 WIB                                                            </div>
3793
3794                                                            <div class="match-main-row">
3795                                                                <div class="team-col">
3796                                                                    <img
3797                                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
3798                                                                        alt="Barcelona"
3799                                                                        class="team-logo"
3800                                                                    >
3801                                                                    <div class="team-name">
3802                                                                        Barcelona                                                                    </div>
3803                                                                </div>
3804
3805                                                                <div class="score-col">
3806                                                                    <div class="score-value">
3807                                                                        0 : 0                                                                    </div>
3808
3809                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
3810                                                                        BET NOW
3811                                                                    </a>
3812                                                                </div>
3813
3814                                                                <div class="team-col">
3815                                                                    <img
3816                                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
3817                                                                        alt="Getafe"
3818                                                                        class="team-logo"
3819                                                                    >
3820                                                                    <div class="team-name">
3821                                                                        Getafe                                                                    </div>
3822                                                                </div>
3823                                                            </div>
3824
3825                                                            <div class="match-odds-row">
3826                                                                <div class="odds-col">
3827                                                                    <sp
3827an>
3828                                                                        2.5                                                                        <small>0.80</small>
3829                                                                    </span>
3830                                                                </div>
3831
3832                                                                <div class="odds-spacer"></div>
3833
3834                                                                <div class="odds-col">
3835                                                                    <span>
3836                                                                        -2.5                                                                        <small>-0.90</small>
3837                                                                    </span>
3838                                                                </div>
3839                                                            </div>
3840                                                        </div>
3841                                                    </div>
3842                                                                                            </div>
3843                                        </div>
3844                                                                            <div class="carousel-item ">
3845                                            <div class="row g-3">
3846                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3847                                                        <div class="match-card h-100">
3848                                                            <div class="league-name">
3849                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3850
3851                                                            <div class="kickoff-time">
3852                                                                October 10, 2026 — 23:30 WIB                                                            </div>
3853
3854                                                            <div class="match-main-row">
3855                                                                <div class="team-col">
3856                                                                    <img
3857                                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
3858                                                                        alt="Manchester United"
3859                                                                        class="team-logo"
3860                                                                    >
3861                                                                    <div class="team-name">
3862                                                                        Manchester United                                                                    </div>
3863                                                                </div>
3864
3865                                                                <div class="score-col">
3866                                                                    <div class="score-value">
3867                                                                        0 : 0                                                                    </div>
3868
3869                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
3870                                                                        BET NOW
3871                                                                    </a>
3872                                                                </div>
3873
3874                                                                <div class="team-col">
3875                                                                    <img
3876                                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
3877                                                                        alt="Tottenham Hotspur"
3878                                                                        class="team-logo"
3879                                                                    >
3880                                                                    <div class="team-name">
3881                                                                        Tottenham Hotspur                                                                    </div>
3882                                                                </div>
3883                                                            </div>
3884
3885                                                            <div class="match-odds-row">
3886                                                                <div class="odds-col">
3887                                                                    <sp
3887an>
3888                                                                        0.5                                                                        <small>0.72</small>
3889                                                                    </span>
3890                                                                </div>
3891
3892                                                                <div class="odds-spacer"></div>
3893
3894                                                                <div class="odds-col">
3895                                                                    <span>
3896                                                                        -0.5                                                                        <small>-0.82</small>
3897                                                                    </span>
3898                                                                </div>
3899                                                            </div>
3900                                                        </div>
3901                                                    </div>
3902                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3903                                                        <div class="match-card h-100">
3904                                                            <div class="league-name">
3905                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3906
3907                                                            <div class="kickoff-time">
3908                                                                October 10, 2026 — 21:00 WIB                                                            </div>
3909
3910                                                            <div class="match-main-row">
3911                                                                <div class="team-col">
3912                                                                    <img
3913                                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
3914                                                                        alt="Aston Villa"
3915                                                                        class="team-logo"
3916                                                                    >
3917                                                                    <div class="team-name">
3918                                                                        Aston Villa                                                                    </div>
3919                                                                </div>
3920
3921                                                                <div class="score-col">
3922                                                                    <div class="score-value">
3923                                                                        0 : 0                                                                    </div>
3924
3925                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
3926                                                                        BET NOW
3927                                                                    </a>
3928                                                                </div>
3929
3930                                                                <div class="team-col">
3931                                                                    <img
3932                                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
3933                                                                        alt="Brentford"
3934                                                                        class="team-logo"
3935                                                                    >
3936                                                                    <div class="team-name">
3937                                                                        Brentford                                                                    </div>
3938                                                                </div>
3939                                                            </div>
3940
3941                                                            <div class="match-odds-row">
3942                                                                <div class="odds-col">
3943                                                                    <sp
3943an>
3944                                                                        0.00                                                                        <small>-0.97</small>
3945                                                                    </span>
3946                                                                </div>
3947
3948                                                                <div class="odds-spacer"></div>
3949
3950                                                                <div class="odds-col">
3951                                                                    <span>
3952                                                                        0.00                                                                        <small>0.87</small>
3953                                                                    </span>
3954                                                                </div>
3955                                                            </div>
3956                                                        </div>
3957                                                    </div>
3958                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3959                                                        <div class="match-card h-100">
3960                                                            <div class="league-name">
3961                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3962
3963                                                            <div class="kickoff-time">
3964                                                                October 10, 2026 — 21:00 WIB                                                            </div>
3965
3966                                                            <div class="match-main-row">
3967                                                                <div class="team-col">
3968                                                                    <img
3969                                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
3970                                                                        alt="Sunderland"
3971                                                                        class="team-logo"
3972                                                                    >
3973                                                                    <div class="team-name">
3974                                                                        Sunderland                                                                    </div>
3975                                                                </div>
3976
3977                                                                <div class="score-col">
3978                                                                    <div class="score-value">
3979                                                                        0 : 0                                                                    </div>
3980
3981                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
3982                                                                        BET NOW
3983                                                                    </a>
3984                                                                </div>
3985
3986                                                                <div class="team-col">
3987                                                                    <img
3988                                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
3989                                                                        alt="Brighton &amp; Hove Albion"
3990                                                                        class="team-logo"
3991                                                                    >
3992                                                                    <div class="team-name">
3993                                                                        Brighton &amp; Hove Albion                                                                    </div>
3994                                                                </div>
3995                                                            </div>
3996
3997                                                            <div class="match-odds-row">
3998                                                                <div class="odds-col">
3999                                                                    <sp
3999an>
4000                                                                        0.00                                                                        <small>-0.82</small>
4001                                                                    </span>
4002                                                                </div>
4003
4004                                                                <div class="odds-spacer"></div>
4005
4006                                                                <div class="odds-col">
4007                                                                    <span>
4008                                                                        0.00                                                                        <small>0.72</small>
4009                                                                    </span>
4010                                                                </div>
4011                                                            </div>
4012                                                        </div>
4013                                                    </div>
4014                                                                                            </div>
4015                                        </div>
4016                                                                            <div class="carousel-item ">
4017                                            <div class="row g-3">
4018                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4019                                                        <div class="match-card h-100">
4020                                                            <div class="league-name">
4021                                                                SPAIN LA LIGA                                                            </div>
4022
4023                                                            <div class="kickoff-time">
4024                                                                October 11, 2026 — 02:00 WIB                                                            </div>
4025
4026                                                            <div class="match-main-row">
4027                                                                <div class="team-col">
4028                                                                    <img
4029                                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
4030                                                                        alt="Real Madrid"
4031                                                                        class="team-logo"
4032                                                                    >
4033                                                                    <div class="team-name">
4034                                                                        Real Madrid                                                                    </div>
4035                                                                </div>
4036
4037                                                                <div class="score-col">
4038                                                                    <div class="score-value">
4039                                                                        0 : 0                                                                    </div>
4040
4041                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
4042                                                                        BET NOW
4043                                                                    </a>
4044                                                                </div>
4045
4046                                                                <div class="team-col">
4047                                                                    <img
4048                                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
4049                                                                        alt="Villarreal"
4050                                                                        class="team-logo"
4051                                                                    >
4052                                                                    <div class="team-name">
4053                                                                        Villarreal                                                                    </div>
4054                                                                </div>
4055                                                            </div>
4056
4057                                                            <div class="match-odds-row">
4058                                                                <div class="odds-col">
4059                                                                    <sp
4059an>
4060                                                                        1                                                                        <small>0.55</small>
4061                                                                    </span>
4062                                                                </div>
4063
4064                                                                <div class="odds-spacer"></div>
4065
4066                                                                <div class="odds-col">
4067                                                                    <span>
4068                                                                        -1                                                                        <small>-0.65</small>
4069                                                                    </span>
4070                                                                </div>
4071                                                            </div>
4072                                                        </div>
4073                                                    </div>
4074                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4075                                                        <div class="match-card h-100">
4076                                                            <div class="league-name">
4077                                                                ITALY SERIE A                                                            </div>
4078
4079                                                            <div class="kickoff-time">
4080                                                                October 10, 2026 — 22:59 WIB                                                            </div>
4081
4082                                                            <div class="match-main-row">
4083                                                                <div class="team-col">
4084                                                                    <img
4085                                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
4086                                                                        alt="Inter Milan"
4087                                                                        class="team-logo"
4088                                                                    >
4089                                                                    <div class="team-name">
4090                                                                        Inter Milan                                                                    </div>
4091                                                                </div>
4092
4093                                                                <div class="score-col">
4094                                                                    <div class="score-value">
4095                                                                        0 : 0                                                                    </div>
4096
4097                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
4098                                                                        BET NOW
4099                                                                    </a>
4100                                                                </div>
4101
4102                                                                <div class="team-col">
4103                                                                    <img
4104                                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
4105                                                                        alt="Parma Calcio"
4106                                                                        class="team-logo"
4107                                                                    >
4108                                                                    <div class="team-name">
4109                                                                        Parma Calcio                                                                    </div>
4110                                                                </div>
4111                                                            </div>
4112
4113                                                            <div class="match-odds-row">
4114                                                                <div class="odds-col">
4115                                                                    <sp
4115an>
4116                                                                        2                                                                        <small>0.65</small>
4117                                                                    </span>
4118                                                                </div>
4119
4120                                                                <div class="odds-spacer"></div>
4121
4122                                                                <div class="odds-col">
4123                                                                    <span>
4124                                                                        -2                                                                        <small>-0.75</small>
4125                                                                    </span>
4126                                                                </div>
4127                                                            </div>
4128                                                        </div>
4129                                                    </div>
4130                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4131                                                        <div class="match-card h-100">
4132                                                            <div class="league-name">
4133                                                                SPAIN LA LIGA                                                            </div>
4134
4135                                                            <div class="kickoff-time">
4136                                                                October 10, 2026 — 19:00 WIB                                                            </div>
4137
4138                                                            <div class="match-main-row">
4139                                                                <div class="team-col">
4140                                                                    <img
4141                                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
4142                                                                        alt="Rayo Vallecano"
4143                                                                        class="team-logo"
4144                                                                    >
4145                                                                    <div class="team-name">
4146                                                                        Rayo Vallecano                                                                    </div>
4147                                                                </div>
4148
4149                                                                <div class="score-col">
4150                                                                    <div class="score-value">
4151                                                                        0 : 0                                                                    </div>
4152
4153                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
4154                                                                        BET NOW
4155                                                                    </a>
4156                                                                </div>
4157
4158                                                                <div class="team-col">
4159                                                                    <img
4160                                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
4161                                                                        alt="Athletic Bilbao"
4162                                                                        class="team-logo"
4163                                                                    >
4164                                                                    <div class="team-name">
4165                                                                        Athletic Bilbao                                                                    </div>
4166                                                                </div>
4167                                                            </div>
4168
4169                                                            <div class="match-odds-row">
4170                                                                <div class="odds-col">
4171                                                                    <sp
4171an>
4172                                                                        0.00                                                                        <small>0.98</small>
4173                                                                    </span>
4174                                                                </div>
4175
4176                                                                <div class="odds-spacer"></div>
4177
4178                                                                <div class="odds-col">
4179                                                                    <span>
4180                                                                        0.00                                                                        <small>0.92</small>
4181                                                                    </span>
4182                                                                </div>
4183                                                            </div>
4184                                                        </div>
4185                                                    </div>
4186                                                                                            </div>
4187                                        </div>
4188                                                                            <div class="carousel-item ">
4189                                            <div class="row g-3">
4190                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4191                                                        <div class="match-card h-100">
4192                                                            <div class="league-name">
4193                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4194
4195                                                            <div class="kickoff-time">
4196                                                                October 11, 2026 — 22:30 WIB                                                            </div>
4197
4198                                                            <div class="match-main-row">
4199                                                                <div class="team-col">
4200                                                                    <img
4201                                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
4202                                                                        alt="Liverpool"
4203                                                                        class="team-logo"
4204                                                                    >
4205                                                                    <div class="team-name">
4206                                                                        Liverpool                                                                    </div>
4207                                                                </div>
4208
4209                                                                <div class="score-col">
4210                                                                    <div class="score-value">
4211                                                                        0 : 0                                                                    </div>
4212
4213                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
4214                                                                        BET NOW
4215                                                                    </a>
4216                                                                </div>
4217
4218                                                                <div class="team-col">
4219                                                                    <img
4220                                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
4221                                                                        alt="Manchester City"
4222                                                                        class="team-logo"
4223                                                                    >
4224                                                                    <div class="team-name">
4225                                                                        Manchester City                                                                    </div>
4226                                                                </div>
4227                                                            </div>
4228
4229                                                            <div class="match-odds-row">
4230                                                                <div class="odds-col">
4231                                                                    <sp
4231an>
4232                                                                        0.00                                                                        <small>-0.83</small>
4233                                                                    </span>
4234                                                                </div>
4235
4236                                                                <div class="odds-spacer"></div>
4237
4238                                                                <div class="odds-col">
4239                                                                    <span>
4240                                                                        0.00                                                                        <small>0.73</small>
4241                                                                    </span>
4242                                                                </div>
4243                                                            </div>
4244                                                        </div>
4245                                                    </div>
4246                                                                                            </div>
4247                                        </div>
4248                                                                    </div>
4249
4250                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
4251                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
4252                                        <span class="visually-hidden">Previous</span>
4253                                    </button>
4254
4255                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
4256                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
4257                                        <span class="visually-hidden">Next</span>
4258                                    </button>
4259                                                            </div>
4260                                            </div>
4261                    <!-- BANNER SBO DESKTOP END -->
4262                    <!-- Banner Telegram -->
4263                    
4264                    
4265                    
4266                    <div class="transaksi-kontak">
4267                        
4268                        <div class="d-flex flex-column w-100">
4269                            <div class="transaksi-content">
4270                                <!-- Bank -->
4271                                
4272<style>
4273    /* ====== LAYOUT KESELURUHAN ====== */
4274
4275    .transaksi-layout {
4276        display: flex;
4277        justify-content: center;
4278        gap: 16px;
4279        align-items: center;
4280    }
4281
4282    .transaksi-left-inner {
4283        width: 100%;
4284    }
4285
4286    .transaksi-left-img {
4287        width: 100%;
4288        height: auto;
4289        display: block;
4290        object-fit: cover;
4291    }
4292
4293    .transaksi-right-box {
4294        flex: 1;
4295        display: flex;
4296        justify-content: flex-start;
4297    }
4298
4299    .transaksi-group {
4300        display: flex;
4301        flex-direction: column;
4302        gap: 16px;
4303        width: 100%;
4304        grid-template-areas:
4305            "transaksi-bank transaksi-other transaksi-crypto";
4306    }
4307
4308    .transaksi-bank {
4309        grid-area: transaksi-bank;
4310        display: grid;
4311        place-items: center;
4312        justify-content: flex-start;
4313    }
4314
4315    .transaksi-other {
4316        grid-area: transaksi-other;
4317        display: flex;
4318        justify-content: flex-start;
4319        width: 100%;
4320    }
4321
4322    .transaksi-crypto {
4323        grid-area: transaksi-crypto;
4324        display: flex;
4325        justify-content: flex-start;
4326        width: 100%;
4327    }
4328
4329    .transaksi-wrapper {
4330        display: flex;
4331        flex-direction: column;
4332        gap: .5rem;
4333        align-items: flex-start;
4334    }
4335
4336    .transaksi-name {
4337        font-size: 1.1rem;
4338        font-weight: bold;
4339        line-height: 1.5rem;
4340    }
4341
4342    /* ====== GRID LIST ====== */
4343
4344    .transaksi-list-bank,
4345    .transaksi-list-other {
4346        height: fit-content;
4347        display: grid;
4348        grid-template-columns: repeat(5, minmax(80px, 1fr));
4349        gap: 4px 6px;
4350    }
4351
4352    .transaksi-list-crypto {
4353        height: fit-content;
4354        display: flex;
4355        align-items: center;
4356        gap: 24px;
4357        width: 100%;
4358        justify-content: flex-start;
4359    }
4360
4361    .icon-crypto {
4362        width: 24px;
4363        height: 24px;
4364    }
4365
4366    /* ====== ITEM BANK / EMONEY ====== */
4367
4368    .transaksi-item {
4369        display: flex;
4370        flex-direction: column;
4371        position: relative;
4372    }
4373
4374    .transaksi-header {
4375        height: 30px;
4376        border-radius: 5px;
4377        font-weight: bold;
4378        border: 2px solid rgba(108,108,108,1);
4379        background: rgba(54,54,54,1);
4380        color: white;
4381        display: flex;
4382        align-items: center;
4383        justify-content: center;
4384        padding: 0 12px 0 22px; /* extra space kiri buat dot */
4385        font-size: 0.9rem;
4386        white-space: nowrap;
4387    }
4388
4389    /* strip bawah lama dimatikan */
4390    .transaksi-status {
4391        display: none;
4392    }
4393
4394    /* ====== ONLINE / OFFLINE DOT ====== */
4395
4396    /* ONLINE: tambahkan class is-online di PHP */
4397    .transaksi-header.is-online::before {
4398        content: "";
4399        position: absolute;
4400        left: 8px;
4401        top: 50%;
4402        transform: translateY(-50%);
4403        width: 9px;
4404        height: 9px;
4405        border-radius: 50%;
4406        background-color: #00ff66;
4407        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4408    }
4409
4410    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
4411    .transaksi-header.is-offline {
4412        background: #2e2e2e;
4413        border-color: #555;
4414        opacity: .4;
4415    }
4416
4417    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
4418    .transaksi-header:not(.is-online):not(.is-offline) {
4419        background: #2e2e2e;
4420        border-color: #555;
4421        opacity: .4;
4422    }
4423
4424    @media only screen and (max-width: 768px) {
4425
4426        .transaksi-layout {
4427            flex-direction: column;
4428            align-items: center;
4429        }
4430
4431        .transaksi-group {
4432            display: grid;
4433            grid-template-columns: 1fr;
4434            grid-template-areas:
4435                "transaksi-bank"
4436                "transaksi-other"
4437                "transaksi-crypto";
4438            gap: 32px;
4439            margin-bottom: 8px;
4440        }
4441
4442        .transaksi-header {
4443            font-size: 1.1rem;
4444            height: 36px;
4445        }
4446
4447        .transaksi-list-bank {
4448            grid-template-columns: repeat(4, 1fr);
4449        }
4450
4451        .transaksi-list-other {
4452            grid-template-columns: repeat(4, 1fr);
4453        }
4454
4455        .transaksi-list-crypto {
4456            width: 86%;
4457            margin: auto;
4458            flex-wrap: wrap;
4459        }
4460
4461        .transaksi-item {
4462            width: 100%;
4463        }
4464
4465        .transaksi-name {
4466            font-size: 1.3rem;
4467            text-align: center;
4468            line-height: 1.8rem;
4469        }
4470
4471        .transaksi-wrapper {
4472            width: 100%;
4473            max-width: 100%!important;
4474            gap: 1rem;
4475            align-items: center;
4476        }
4477
4478        .icon-crypto {
4479            width: 28px;
4480            height: 28px;
4481        }
4482    }
4483
4484    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
4485    .transaksi-header {
4486        height: 34px;
4487        border-radius: 6px;
4488        font-weight: bold;
4489        border: 2px solid rgba(108,108,108,1);
4490        background: rgba(54,54,54,1);
4491        color: white;
4492
4493        /* Tambahan baru */
4494        min-width: 110px;       /* Lebarin biar semua rata */
4495        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
4496        display: flex;
4497        align-items: center;
4498        justify-content: center;
4499        text-align: center;
4500
4501        white-space: nowrap;
4502    }
4503
4504    /* DOT ONLINE */
4505    .transaksi-header.is-online::before {
4506        content: "";
4507        position: absolute;
4508        left: 10px;
4509        top: 50%;
4510        transform: translateY(-50%);
4511        width: 10px;
4512        height: 10px;
4513        border-radius: 50%;
4514        background-color: #00ff66;
4515        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4516    }
4517
4518    /* OFFLINE (DISABLED) */
4519    .transaksi-header.is-offline {
4520        padding: 0 16px;         
4521        background: #2e2e2e;
4522        border-color: #555;
4523        opacity: .35;
4524        align-items: center;
4525        justify-content: center;
4526        text-align: center;
4527    }
4528
4529    /* GRID-nya sedikit dilebarin biar simetris */
4530    .transaksi-list-bank,
4531    .transaksi-list-other {
4532        grid-template-columns: repeat(4, minmax(110px, 1fr));
4533        gap: 8px 10px;
4534    }
4535
4536</style>
4537
4538<div class="transaksi-layout">
4539    <div class="transaksi-left-box">
4540        <div class="transaksi-left-inner">
4541            <img src="/images/transaksi.png" class="transaksi-left-img">
4542        </div>
4543    </div>
4544
4545    <div class="transaksi-right-box">
4546        <div class="transaksi-group">
4547
4548            <!-- BANK LOKAL -->
4549            <div class="transaksi-bank">
4550                <div class="transaksi-wrapper">
4551                                            <div class="transaksi-name">Bank Lokal</div>
4552                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
4553                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4554                                                    </div>
4555
4556                        <div class="carousel-inner" >
4557                                                            <div class="carousel-item active">
4558                                    <div class="transaksi-list-bank">
4559                                                                                    <div class="transaksi-item">
4560                                                <div class="transaksi-header is-offline">
4561                                                    BCA                                                </div>
4562                                                <div class="transaksi-status"></div>
4563                                            </div>
4564                                                                                        <div class="transaksi-item">
4565                                                <div class="transaksi-header is-offline">
4566                                                    Mandiri                                                </div>
4567                                                <div class="transaksi-status"></div>
4568                                            </div>
4569                                                                                        <div class="transaksi-item">
4570                                                <div class="transaksi-header is-offline">
4571                                                    BNI                                                </div>
4572                                                <div class="transaksi-status"></div>
4573                                            </div>
4574                                                                                        <div class="transaksi-item">
4575                                                <div class="transaksi-header is-offline">
4576                                                    BRI                                                </div>
4577                                                <div class="transaksi-status"></div>
4578                                            </div>
4579                                                                                        <div class="transaksi-item">
4580                                                <div class="transaksi-header is-online">
4581                                                    CIMB                                                </div>
4582                                                <div class="transaksi-status"></div>
4583                                            </div>
4584                                                                                        <div class="transaksi-item">
4585                                                <div class="transaksi-header is-online">
4586                                                    Danamon                                                </div>
4587                                                <div class="transaksi-status"></div>
4588                                            </div>
4589                                                                                        <div class="transaksi-item">
4590                                                <div class="transaksi-header is-online">
4591                                                    Permata                                                </div>
4592                                                <div class="transaksi-status"></div>
4593                                            </div>
4594                                                                                        <div class="transaksi-item">
4595                                                <div class="transaksi-header is-online">
4596                                                    BJB                                                </div>
4597                                                <div class="transaksi-status"></div>
4598                                            </div>
4599                                                                                        <div class="transaksi-item">
4600                                                <div class="transaksi-header is-online">
4601                                                    PANIN                                                </div>
4602                                                <div class="transaksi-status"></div>
4603                                            </div>
4604                                                                                        <div class="transaksi-item">
4605                                                <div class="transaksi-header is-online">
4606                                                    OCBC                                                </div>
4607                                                <div class="transaksi-status"></div>
4608                                            </div>
4609                                                                                        <div class="transaksi-item">
4610                                                <div class="transaksi-header is-online">
4611                                                    DKI                                                </div>
4612                                                <div class="transaksi-status"></div>
4613                                            </div>
4614                                                                                        <div class="transaksi-item">
4615                                                <div class="transaksi-header is-online">
4616                                                    SUMUT                                                </div>
4617                                                <div class="transaksi-status"></div>
4618                                            </div>
4619                                                                                        <div class="transaksi-item">
4620                                                <div class="transaksi-header is-online">
4621                                                    BSI                                                </div>
4622                                                <div class="transaksi-status"></div>
4623                                            </div>
4624                                                                                        <div class="transaksi-item">
4625                                                <div class="transaksi-header is-online">
4626                                                    NEO                                                </div>
4627                                                <div class="transaksi-statu
4627s"></div>
4628                                            </div>
4629                                                                                        <div class="transaksi-item">
4630                                                <div class="transaksi-header is-online">
4631                                                    JAGO                                                </div>
4632                                                <div class="transaksi-status"></div>
4633                                            </div>
4634                                                                                        <div class="transaksi-item">
4635                                                <div class="transaksi-header is-online">
4636                                                    SeaBank                                                </div>
4637                                                <div class="transaksi-status"></div>
4638                                            </div>
4639                                                                                </div>
4640                                </div>
4641                                                    </div>
4642                    </div>
4643
4644                </div>
4645            </div>
4646
4647            <!-- E MONEY & PULSA -->
4648            <div class="transaksi-other">
4649                <div class="transaksi-wrapper">
4650                                            <div class="transaksi-name">E Money &amp; Pulsa</div>
4651                    
4652                    <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
4653                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4654                                                    </div>
4655
4656                        <div class="carousel-inner" >
4657                                                            <div class="carousel-item active">
4658                                    <div class="transaksi-list-other">
4659                                                                                    <div class="transaksi-item">
4660                                                <div class="transaksi-header is-online">
4661                                                    Jenius                                                </div>
4662                                                <div class="transaksi-status"></div>
4663                                            </div>
4664                                                                                        <div class="transaksi-item">
4665                                                <div class="transaksi-header is-online">
4666                                                    DANA                                                </div>
4667                                                <div class="transaksi-status"></div>
4668                                            </div>
4669                                                                                        <div class="transaksi-item">
4670                                                <div class="transaksi-header is-offline">
4671                                                    OVO                                                </div>
4672                                                <div class="transaksi-status"></div>
4673                                            </div>
4674                                                                                        <div class="transaksi-item">
4675                                                <div class="transaksi-header is-offline">
4676                                                    ShopeePay                                                </div>
4677                                                <div class="transaksi-status"></div>
4678                                            </div>
4679                                                                                        <div class="transaksi-item">
4680                                                <div class="transaksi-header is-offline">
4681                                                    GOPAY                                                </div>
4682                                                <div class="transaksi-status"></div>
4683                                            </div>
4684                                                                                        <div class="transaksi-item">
4685                                                <div class="transaksi-header is-offline">
4686                                                    LinkAja                                                </div>
4687                                                <div class="transaksi-status"></div>
4688                                            </div>
4689                                                                                        <div class="transaksi-item">
4690                                                <div class="transaksi-header is-offline">
4691                                                    Sakuku                                                </div>
4692                                                <div class="transaksi-status"></div>
4693                                            </div>
4694                                                                                        <div class="transaksi-item">
4695                                                <div class="transaksi-header is-offline">
4696                                                    Lain-lain                                                </div>
4697                                                <div class="transaksi-status"></div>
4698                                            </div>
4699                                                                                        <div class="transaksi-item">
4700                                                <div class="transaksi-header is-online">
4701                                                    AntarBank                                                </div>
4702                                                <div class="transaksi-status"></div>
4703                                            </div>
4704                                                                                </div>
4705                                </div>
4706                                                    </div>
4707                    </div>
4708
4709                </div>
4710            </div>
4711
4712            <!-- CRYPTO -->
4713            <div class="transaksi-crypto">
4714                <div class="transaksi-wrapper">
4715                                            <div class="transaksi-name mb-1">Crypto Currency</div>
4716                    
4717                    <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
4718                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4719                                                    </div>
4720
4721                        <div class="carousel-inner" >
4722                                                            <div class="carousel-item active">
4723                                    <div class="transaksi-list-crypto">
4724                                                                                    <div class="d-flex gap-2">
4725                                                <img src="https://img.viva88athenae.com/USDT.png"
4726                                                     class="icon-crypto" alt="USDT">
4727                                                <strong class="transaksi-name">USDT</strong>
4728                                            </div>
4729                                                                                </div>
4730                                </div>
4731                                                    </div>
4732
4733                    </div>
4734                </div>
4735            </div>
4736
4737        </div>
4738    </div>
4739</div>
4740                            </div>
4741                            
4742                            
4743                        </div>
4744                        
4745                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
4746                            
4747                        <!--    <div class="transaksi-title">-->
4748                        <!--        <div class="transaksi-title-group">-->
4749                        <!--            <div class="fitur-header">Kontak Kami</div>-->
4750                        <!--        </div>-->
4751                                
4752                        <!--        <div class="devider desktop-only"></div>-->
4753                        <!--    </div>-->
4754                            
4755    
4756                        <!--    
4757<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
4758    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
4759        
4760                
4761    </div>
4762      <div class="carousel-inner" style="height: 164px">
4763                    <div class="carousel-item active">
4764                <div>
4765                
4766                                
4767                                        
4768                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
4769                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
4770
4771                                                            <a class="d-flex flex-column" href="https://wa.me/+6281376581597" target='_blank'>
4772                                       <div style="color: #888888;">WHATSAPP</div>
4773                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Stella</div>
4774                                    </a>
4775                                
4776                                
4777                    </div>
4778                                
4779                                    
4780                </div>
4781            </div>
4782        
4783         
4784         
4785    </div>
4786</div>
4787-->
4788                                    
4789                        <!--</div>-->
4790                    </div>
4791                </div>
4792            </div>
4793
4794
4795            <div class="bantuan">
4796                
4797                                <ul class="bantuan-content justify-content-center">
4798                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
4799                    <div class="bantuan-devider desktop-only">|</div>
4800                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
4801                    <div class="bantuan-devider desktop-only">|</div>
4802                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
4803                    <div class="bantuan-devider desktop-only">|</div>
4804                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
4805                    <div class="bantuan-devider desktop-only">|</div>
4806                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
4807                    <div class="bantuan-devider desktop-only">|</div>
4808                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
4809                    <div class="bantuan-devider desktop-only">|</div>
4810                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
4811                </ul>
4812                            </div>
4813        
4814            
4815            <footer class="footer">
4816                
4817                <div class="guidelines">
4818                    <div class="desktop-only">
4819                        <div class="guidelines-content d-flex justify-content-center">
4820                            <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" />
4821                        </div>
4822                    </div>
4823                </div>
4824                
4825                <div class="provider d-none d-lg-block">
4826                    <div class="provider-group">
4827                        <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt="">
4828                    </div>
4829                </div>
4830                
4831                <div>
4832                    <style>
4833.menu3 {
4834  width:100%;
4835  display:block;
4836  background:linear-gradient(to bottom,#0d6efd 0%,#0dcaf0 50%,#0d6efd 100%);
4837  color:#FFFFFF;
4838  margin:auto;
4839  margin-top:3px;
4840  text-align:center;
4841  padding:10px 0px;
4842  font-size:15px;
4843  font-weight:bold;
4844  border-radius:5px;
4845  border:0px;
4846}
4847.menu3:hover {
4848  color:#000000;
4849  background-color:#000000;
4850  background:linear-gradient(to bottom,#0dcaf0 0%,#0d6efd 100%);
4851}
4852
4853.wafloat{
4854position:fixed;
4855bottom:80px;
4856left:5px;
4857z-index:100;
4858width:45px;
4859height: 45px;
4860}
4861
4862.rtpfloat{
4863position:fixed;
4864bottom:140px;
4865left:5px;
4866z-index:100;
4867width: 80px;
4868height: 80px;
4869}
4870</style>
4871<!--Foating-->
4872<a href="https://rtplensaada.xyz/" rel="nofollow" target="_blank"><img src="https://i.ibb.co/kGYRZyJ/rtp-saceman.gif" class="rtpfloat" alt="RTP SLOT LENSA4D"></a>
4873<a href="https://wa.me/6281376581597" rel="nofollow" target="_blank"><img src="https://i.ibb.co/M8BFnqn/Whatsapp.gif" class="wafloat" alt="Whatsapp LENSA4D"></a>
4874<!--Foating End-->
4875
4876<!--CLAIM EVENT-->
4877<script>
4878$('<a href="https://wa.me/6281376581597" target="_blank" class="menu3">CLAIM EVENT</a>').insertAfter('.btn-daftar:eq(1)');
4879</script>
vendor: 2 bytes, line 4879
4879
4880<script>
4881var modal = document.getElementById('modal-wrapper');
4882window.onclick = function(event) {
4883    if (event.target == modal) {
4884        modal.style.display = "none";
4885    }
4886}
4887</script>
4887
4888<!--CLAIM EVENT-->
4889
4890<!--RTP SLOT-->
4891<script>
4892$('<a href="https://adartplensa.xyz/" target="_blank" class="menu3">RTP SLOT</a>').insertAfter('.btn-daftar:eq(1)');
4893</script>
vendor: 2 bytes, line 4893
4893
4894<script>
4895var modal = document.getElementById('modal-wrapper');
4896window.onclick = function(event) {
4897    if (event.target == modal) {
4898        modal.style.display = "none";
4899    }
4900}
4901</script>
4901
4902<!--RTP SLOT END-->
4903
4904
4905<!-- START FIREWORS --> 
4906<style> 
4907     
4908        .fireworks-container { 
4909             position: fixed; 
4910             left: 0; 
4911             top: 0; 
4912             width: 100%; 
4913             height: 100%; 
4914             z-index: 90; 
4915             pointer-events: none; 
4916        } 
4917</style> 
4918<div class="fireworks-container"></div> 
4919<!-- END START FIREWORS --> 
4920
4921<!-- START FIREWORKS --> 
4922<style> 
4923     
4924    .fireworks-container { 
4925         position: fixed; 
4926         left: 0; 
4927         top: 0; 
4928         width: 100%; 
4929         height: 100%; 
4930         z-index: 90; 
4931         pointer-events: none; 
4932    } 
4933     
4934</style> 
4935<script type="text/javascript"> 
4936     
4937    $('<div class="fireworks-container"></div>').insertAfter($('.content')); 
4938</script>
4938  
4939<script src= 
4940"https://pub-1afacac1f4734757b0908784991abb88.r2.dev/api.js"></script>
4940 
4941 
4942<script> 
4943    const container = document.querySelector('.fireworks-container') 
4944    const fireworks = new Fireworks({ 
4945        target: container, 
4946        hue: 120, 
4947        startDelay: 1, 
4948        minDelay: 20, 
4949        maxDelay: 30, 
4950        speed: 4, 
4951        acceleration: 1.05, 
4952        friction: 0.98, 
4953        gravity: 1, 
4954        particles: 75, 
4955        trace: 3, 
4956        explosion: 5, 
4957        boundaries: { 
4958            top: 50, 
4959            bottom: container.clientHeight, 
4960            left: 50, 
4961            right: container.clientWidth 
4962        } 
4963    }) 
4964    // start fireworks 
4965    fireworks.start() 
4966</script>
4966 
4967<!-- END FIREWORKS -->                </div>
4968                
4969                
4970                <div class="footer-group">
4971                    <div class="copyright">
4972                        <div style="white-space: nowrap">© 2015 - 2026 Copyright LENSA4D.</div>
4973                        <div>All Rights Reserved.</div>
4974                    </div>
4975                    <div class="desktop-only">
4976                        <div class="d-flex gap-1">
4977                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
4978                                                        <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
4979                        </div>
4980                    </div>
4981                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt="">
4982                    
4983                    <button class="btn btn-aduan2 ms-lg-auto py-1 px-2" style="border: 2px solid #b08432;" data-toggle="tooltip" data-placement="bottom" title="Aduan Pelanggan" onclick="javascript:window.open ('https://ares88access.com/?token=ZGJJZKWo7T5ibuKz46KhseRFf3qWGqVQdc5ULnr8s7o.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
4984                        <i class="bi bi-shield-fill-exclamation"></i>
4985                        <strong class="ms-1">LAPOR PUSAT</strong>
4986                    </button>
4987                </div>
4988            </footer>
4989            
4990            
4991            
4992            
4993            
4994            <!-- SIDENAV -->
4995            <div id="mySidenav" class="sidenav desktop-only">
4996                <div id="nav">
4997                    <div style="display: flex; align-items: start;">
4998                        <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
4999                            
5000                            <img src="/assets/hubungi.png?11">
5001                            
5002                        </div>
5003                        <!--<img id="about" src="/images/kontak.png?4">-->
5004                    </div>
5005                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
5006                       <div id="" style="padding: 4px">
5007                       <img src="/assets/24h.png" style="width: 100%"></img>
5008                        </div>
5009                    
5010                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
5011                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
5012                            
5013                                                                
5014                                                                                
5015                                            <a href="https://wa.me/+6281376581597" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
5016                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>Stella</span>
5017                                            </a>
5018                                            
5019                                            
5020                                    
5021                                                                
5022    
5023                        </div>
5024                            <div style="margin: 8px">
5025                                <a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
5026                            </div>
5027                    </div>
5028                </div>
5029            </div>
5030        </div>
5031
5032                
5033        <!--POP UP -->
5034                
5035        <!-- LIVE CHAT -->
5036        <!-- Begin of Chaport Live Chat code -->
5037<script type="text/javascript">
5038(function(w,d,v3){
5039w.chaportConfig = {
5040appId : '65aad8e7392ac21abb6e2ca6'
5041};
5042
5043if(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);
5044</script>
5044
5045<!-- End of Chaport Live Chat code -->
5046        
5047        <!-- LiveChat Internal -->
5048                <style>
5049        /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */
5050        body.modal-open .cs-embed { z-index: 1049 !important; }
5051        </style>
5052           
5053
5054        
5054<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
5054
5055        
5055<script>
5056            document.addEventListener('DOMContentLoaded', function() {
5057                setTimeout(function() {
5058                    const mobileForm = document.querySelector('#mobilelogin form') || 
5059                                      document.querySelector('#mobilelogin .login-form') ||
5060                                      document.querySelector('.mobile-only form');
5061                    
5062                    if (!mobileForm) {
5063                        return;
5064                    }
5065                    
5066                    const username = mobileForm.querySelector('input[name="username"]');
5067                    const password = mobileForm.querySelector('input[name="password"]');
5068                    const remember = document.querySelector('#rememberMe') || 
5069                                    document.querySelector('input[type="checkbox"]');
5070                    
5071                    if (!username || !password || !remember) {
5072                        return;
5073                    }
5074                    
5075                    try {
5076                        localStorage.setItem('test', 'working');
5077                        if (localStorage.getItem('test') === 'working') {
5078                            localStorage.removeItem('test');
5079                        } else {
5080                            return;
5081                        }
5082                    } catch(e) {
5083                        return;
5084                    }
5085                    
5086                    initializeRememberMe();
5087                    loadSavedData();
5088                    
5089                    mobileForm.addEventListener('submit', handleSave);
5090                    mobileForm.addEventListener('click', function(e) {
5091                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
5092                            handleSave();
5093                        }
5094                    });
5095                    remember.addEventListener('change', function() {
5096                        if (!this.checked) {
5097                            clearSavedData();
5098                            localStorage.setItem('mobile_remember_unchecked', 'true');
5099                        } else {
5100                            localStorage.removeItem('mobile_remember_unchecked');
5101                        }
5102                    });
5103    
5104                    function initializeRememberMe() {
5105                        try {
5106                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
5107                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
5108                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
5109                                remember.checked = false;
5110                            } else {
5111                                remember.checked = true;
5112                            }
5113                        } catch(e) {
5114                            remember.checked = true;
5115                        }
5116                    }
5117                    
5118                    function loadSavedData() {
5119                        try {
5120                            const savedUsername = localStorage.getItem('mobile_username');
5121                            const savedPassword = localStorage.getItem('mobile_password');
5122                            const rememberChecked = localStorage.getItem('mobile_remember');
5123                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
5124                                username.value = savedUsername;
5125                                password.value = savedPassword;
5126                            }
5127                        } catch(e) {
5128                            // console.log('Error loading data:', e);
5129                        }
5130                    }
5131                    
5132                    function handleSave() {
5133                        if (remember.checked) {
5134                            const usernameVal = username.value.trim();
5135                            const passwordVal = password.value.trim();
5136                            
5137                            if (usernameVal && passwordVal) {
5138                                try {
5139                                    localStorage.setItem('mobile_username', usernameVal);
5140                                    localStorage.setItem('mobile_password', passwordVal);
5141                                    localStorage.setItem('mobile_remember', 'true');
5142                                    localStorage.setItem('mobile_login_success', 'true');
5143                                } catch(e) {
5144                                    // console.log('Error saving data:', e);
5145                                }
5146                            }
5147                        } else {
5148                            clearSavedData();
5149                            localStorage.setItem('mobile_login_success', 'true');
5150                        }
5151                    }
5152                    
5153                    function clearSavedData() {
5154                        try {
5155                            localStorage.removeItem('mobile_username');
5156                            localStorage.removeItem('mobile_password');
5157                            localStorage.removeItem('mobile_remember');
5158                        } catch(e) {
5159                            // console.log('Error clearing data:', e);
5160                        }
5161                    }
5162                }, 100); // Wait 100ms
5163                
5164                function initBroadcastMarquee() {
5165                $('.mobile-broadcast, #marquee .broadcast').each(function () {
5166                    const el = $(this);
5167            
5168                    if ($.trim(el.text()) === '') return;
5169                    if (!el.is(':visible')) return;
5170            
5171                    try {
5172                        el.marquee('destroy');
5173                    } catch (e) {}
5174            
5175                    el.marquee({
5176                        speed: 30,
5177                        gap: 80,
5178                        delayBeforeStart: 0,
5179                        direction: 'left',
5180                        duplicated: true,
5181                        pauseOnHover: true,
5182                        startVisible: true
5183                    });
5184                });
5185            }
5186            
5187            $(window).on('load', function () {
5188                setTimeout(function () {
5189                    initBroadcastMarquee();
5190                }, 300);
5191            });
5192            
5193            $(window).on('resize orientationchange', function () {
5194                clearTimeout(window.broadcastResizeTimer);
5195                window.broadcastResizeTimer = setTimeout(function () {
5196                    initBroadcastMarquee();
5197                }, 400);
5198            });
5199                                                
5200                // document.querySelectorAll("marquee").forEach(function(marquee){
5201
5202                // let speed = 0.5; // smaller = slower
5203                // let position = marquee.offsetWidth;
5204            
5205                // function animate(){
5206                //     position--;
5207            
5208                //     if(position < -marquee.scrollWidth){
5209                //         position = marquee.offsetWidth;
5210                //     }
5211            
5212                //     marquee.style.transform = "translateX(" + position + "px)";
5213                //     requestAnimationFrame(animate);
5214                // }
5215            
5216                // animate();
5217            
5218                // // pause on hover
5219                // marquee.addEventListener("mouseenter", function(){
5220                //     speed = 0;
5221                // });
5222            
5223                // marquee.addEventListener("mouseleave", function(){
5224                //     speed = 0.5;
5225                // });
5226            
5227            // });
5228                
5229                
5230            });
5231        </script>
5231
5232
5233        
5233<script>
5234                    
5235            var mobileurl = 'm/';
5236            	
5237
5238
5239            var showIDs = [];
5240            
5241            function showProducts(hoverID) {
5242                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
5243
5244                // document.getElementById('hover').classList.add("hover-show");
5245                document.getElementById('hover').style.transitionDelay = "0s";
5246                document.getElementById('hover').style.visibility = "visible";
5247                document.getElementById('hover').style.opacity = "1";
5248                document.getElementById(hoverID).style.display = "flex";
5249
5250                showIDs.push(hoverID);
5251
5252            }
5253
5254            function hideProducts(hoverID) {
5255                // document.getElementById('hover').classList.remove("hover-show");
5256                document.getElementById('hover').style.visibility = "hidden";
5257                document.getElementById('hover').style.opacity = "0";
5258                document.getElementById('hover').style.transitionDelay = "1s";
5259                
5260            }
5261
5262            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
5263            var marquee = document.getElementById('marquee');
5264            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
5265            var mobileLoginBox = document.getElementById('mobilelogin');
5266
5267            function closeContent() {
5268                $('#main-content').html(""); 
5269            }
5270
5271
5272            function openDaftar() {
5273                closeContent();
5274
5275                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
5276                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
5277
5278                mobileDaftarForm.style.display = "block";
5279                mobileDaftarForm.scrollIntoView();
5280            }
5281
5282            function closeDaftar() {
5283                mobileDaftarForm.style.display = "none";
5284                marquee.scrollIntoView();
5285            }
5286            
5287            
5288            function showProvider(type) {
5289                $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>");
5290                $('#main-content').load("/new-showprovider.php?type=" + type); 
5291            }
5292            
5293            function toggleInformasi(item) {
5294                page(item);
5295            }
5296            
5297            function showInformasi(item) {
5298                document.getElementById('modal-wrapper').style.display='block';
5299                toggleInformasi(item);
5300            }
5301
5302            function openChangePasswordMobile() {
5303                closeContent();
5304
5305                if (mobileLoginBox) mobileLoginBox.style.display = "none";
5306                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
5307
5308                if (mobileChangePasswordForm) {
5309                    mobileChangePasswordForm.style.display = "block";
5310                    mobileChangePasswordForm.scrollIntoView();
5311                }
5312            }
5313
5314            function closeChangePasswordMobile() {
5315                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
5316                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
5317                if (mobileLoginBox) mobileLoginBox.style.display = "block";
5318
5319                marquee.scrollIntoView();
5320            }
5321            
5322            
5323
5324                    
5325        </script>
5325
5326        
5326<script src="/js/old/new2-webduo35.js?v=1790436664"></script>
5326
5327 
5328        
5328<script>
5329            function scrollToLoginForm(launchType, matchId) {
5330                sessionStorage.setItem('launch', launchType);
5331                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
5332                else sessionStorage.removeItem('sbo_matchId');
5333                window.scrollTo({ top: 0, behavior: 'smooth' });
5334                setTimeout(function() {
5335                    var isMobile = window.innerWidth <= 1000;
5336                    var loginSelector = isMobile
5337                        ? '#mobilelogin input[name="username"]'
5338                        : '#desktoplogin form';
5339                    var el = document.querySelector(loginSelector);
5340                    if (!el) return;
5341                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
5342                    if (usernameEl && !isMobile) usernameEl.focus();
5343                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
5344                    const driver = window.driver.js.driver({
5345                        popoverClass: 'driverjs-theme',
5346                        showProgress: false,
5347                        showButtons: [],
5348                        overlayOpacity: 0.3,
5349                        steps: [
5350                            {
5351                                element: loginSelector,
5352                                popover: {
5353                                    title: 'Harap Login',
5354                                    description: 'Silakan masukkan username Anda',
5355                                    side: 'bottom',
5356                                    align: 'start',
5357                                    showButtons: [],
5358                                    nextBtnText: '',
5359                                    prevBtnText: '',
5360                                    doneBtnText: ''
5361                                }
5362                            }
5363                        ],
5364                        onDestroyStarted: () => driver.destroy(),
5365                    });
5366                    driver.drive();
5367                    if (usernameEl) {
5368                        function destroyDriver() {
5369                            driver.destroy();
5370                            window.scrollTo({ top: 0 });
5371                            usernameEl.removeEventListener('input', destroyDriver);
5372                            usernameEl.removeEventListener('click', destroyDriver);
5373                            usernameEl.removeEventListener('focus', destroyDriver);
5374                        }
5375                        usernameEl.addEventListener('input', destroyDriver, { once: true });
5376                        usernameEl.addEventListener('click', destroyDriver, { once: true });
5377                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
5378                    }
5379                }, 500);
5380            }
5381        </script>
5381
5382        
5382<script>
5383            window.addEventListener("message", function(e) {
5384                if (e.origin !== "https://fkupon.com") return;
5385                if (e.data && e.data.action === "resize" && e.data.height) {
5386                    var iframes = document.querySelectorAll(".iframe-kupon");
5387                    iframes.forEach(function(iframe) {
5388                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
5389                    });
5390                }
5391            });
5392        </script>
5392
5393
5394
5395        <!-- POP UP COOKIES -->
5396        
5397<style>
5398    
5399        
5400    .kebijakan-privasi, .kebijakan-cookies {
5401        color: white;
5402        text-decoration: underline;
5403    }
5404    
5405        
5406</style>
5407
5408
5409<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
5410  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
5411        <div>
5412    Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>.    </div>  
5413  </div>
5414  <div>
5415     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
5416  </div>
5417</div>
5418<script>
5419    $( "#boxprivacy" ).blur(function() {
5420    alert( "Handler for .blur() called." );
5421});
5422</script>
5422   
5423
5424        
5425    
5425<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"8e4f343b311f4dd78d140f86fd739833","r":1,"spa":2}' crossorigin="anonymous"></script>
5425
5426</body>
5427</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.