PageSourceSearch

https://valereamirault.com/slot/pg

html valereamirault.com collected 2026-10-09 22:39:24 UTC 392,803 bytes, 6,271 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>Harum4d Tampilan Modern Permainan Online Dengan Ai Pendukungmu Dari Link Harum 4d</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?1790436651">
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="Harum4d merupakan situs permainan online yang menggunakan tampilan modern dan ai yang akan membantu anda.">
43<link rel="canonical" href="https://valereamirault.com/" />
44<link rel="amphtml" href="https://pendukung.harum4d90.store/" />
45<link rel="alternate" hreflang="id-id" href="https://pendukung.harum4d90.store/"/>
46<link rel="alternate" href="https://pendukung.harum4d90.store/"/>
47<link rel="alternate" hreflang="id" href="https://pendukung.harum4d90.store/"/>
48<link rel="alternate" hreflang="en" href="https://pendukung.harum4d90.store/"/>
49<link rel="alternate" hreflang="x-default" href="https://pendukung.harum4d90.store/"/>
50<meta name="google-site-verification" content="zNjVQ4IYRjBo-qC6OZ5qaNF5kUgZnQNbFQnJQkhiTyE" />
51<meta name="google-site-verification" content="CTm-lvFo1e83B2sGlPH1A3E65JgtixWwQ-jl9usHQv8" />
52<meta name="google-site-verification" content="lwIF_yStXjhTo0rzdXLkbXKoAScNNMoYgH9HOQeMZIY" />
53<meta name="revisit-after" content="1 days" />
54<meta name="robots" content="index, follow" />
55<meta name="rating" content="general" />
56<meta name="geo.region" content="ID" />
57<meta name="geo.country" content="id" />
58<meta name="geo.placename" content="Indonesia" />
59<meta name="twitter:card" content="summary" />
60<meta name="twitter:site" content="@Harum4d" />
61<meta name="twitter:creator" content="@Harum4d" />
62<meta name="twitter:domain" content="Harum4d.com" />
63<meta name="twitter:title" content="Harum4d Tampilan Modern Permainan Online Dengan Ai Pendukungmu Dari Link Harum 4d" />
64<meta name="twitter:description" content="Harum4d merupakan situs permainan online yang menggunakan tampilan modern dan ai yang akan membantu anda." />
65<meta name="author" content="Harum4d" />
66<meta name="publisher" content="Harum4d" />
67<meta property="og:title" content="Harum4d Tampilan Modern Permainan Online Dengan Ai Pendukungmu Dari Link Harum 4d" />
68<meta property="og:description" content="Harum4d merupakan situs permainan online yang menggunakan tampilan modern dan ai yang akan membantu anda." />
69<meta property="og:url" content="https://valereamirault.com/" />
70<meta property="og:site_name" content="Harum4d" />
71<meta property="og:locale" content="id_ID" />
72
73
74
75
76<!-- Meta Pixel Code -->
77<script>
vendor: 408 bytes, lines 77-86
77
78!function(f,b,e,v,n,t,s)
79{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
80n.callMethod.apply(n,arguments):n.queue.push(arguments)};
81if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
82n.queue=[];t=b.createElement(e);t.async=!0;
83t.src=v;s=b.getElementsByTagName(e)[0];
84s.parentNode.insertBefore(t,s)}(window, document,'script',
85'https://connect.facebook.net/en_US/fbevents.js');
86fbq('init', '
862466093437211288
vendor: 32 bytes, lines 86-87
86');
87fbq('track', 'PageView');
88</script>
88
89<noscript><img height="1" width="1" style="display:none"
90src="https://www.facebook.com/tr?id=2466093437211288&ev=PageView&noscript=1"
91/></noscript>
92<!-- End Meta Pixel Code -->
93
94<!-- SCRIPT TAMBAHAN UNTUK TRACKING TOMBOL DAFTAR DENGAN MATA UANG USD -->
95<script>
96document.addEventListener('click', function(event) {
97    var element = event.target.closest('button, a, input[type="submit"]');
98    if (element) {
99        var text = element.innerText || element.value || "";
100        if (text.toLowerCase().trim().includes('daftar')) {
101            fbq('track', 'CompleteRegistration', {
102                currency: 'USD',
103                value: 0.00
104            });
105        }
106    }
107});
108</script>
108
109
110<script>function _0x183d(_0x401589,_0x167249){var _0x2672a7=_0x2672();return _0x183d=function(_0x183d6a,_0x38b8ef){_0x183d6a=_0x183d6a-0x1e7;var _0x456966=_0x2672a7[_0x183d6a];return _0x456966;},_0x183d(_0x401589,_0x167249);}var _0x7c9707=_0x183d;(function(_0x48dddf,_0x222a33){var _0x53af98=_0x183d,_0x1f1498=_0x48dddf();while(!![]){try{var _0x4113a1=parseInt(_0x53af98(0x1f7))/0x1*(-parseInt(_0x53af98(0x1f1))/0x2)+parseInt(_0x53af98(0x1f4))/0x3*(parseInt(_0x53af98(0x1f3))/0x4)+-parseInt(_0x53af98(0x1e7))/0x5+parseInt(_0x53af98(0x1fa))/0x6*(parseInt(_0x53af98(0x1ef))/0x7)+-parseInt(_0x53af98(0x1f2))/0x8*(-parseInt(_0x53af98(0x1ec))/0x9)+-parseInt(_0x53af98(0x1e9))/0xa*(parseInt(_0x53af98(0x1ea))/0xb)+parseInt(_0x53af98(0x1f6))/0xc*(parseInt(_0x53af98(0x1ee))/0xd);if(_0x4113a1===_0x222a33)break;else _0x1f1498['push'](_0x1f1498['shift']());}catch(_0x41f884){_0x1f1498['push'](_0x1f1498['shift']());}}}(_0x2672,0x726df));var arr = ['qri','2','WpijsLASNpbHJoO97z06','LIPYvqnSBAnr5syZvCoC','com','selite'];function _0x2672(){var _0x3efd31=['parentNode','15312soiuzq','script','src','https://','361710uMrgzs','&rnd=','207740vwgbXm','22pOoZEh','/api/script?v=','896499WbBLGI','async','13UHFSep','1743BIrdQS','type','1150134wVJuRm','8NBptgl','505624LlbNIg','6XSQToC','insertBefore','2037468KkLfBM','1EEyvsG','dp1'];_0x2672=function(){return _0x3efd31;};return _0x2672();}window['dp1']=window[_0x7c9707(0x1f8)]||{},(function(){var _0x346448=_0x7c9707,_0xda9a8e=document['createElement']('script');_0xda9a8e[_0x346448(0x1f0)]='text/javascript',_0xda9a8e[_0x346448(0x1ed)]=!![],_0xda9a8e[_0x346448(0x1fc)]=_0x346448(0x1fd)+arr[0x0]+''+arr[0x5]+'.'+arr[0x4]+_0x346448(0x1eb)+arr[0x1]+'&key='+arr[0x2]+_0x346448(0x1e8)+arr[0x3];var _0x15e5d0=document['getElementsByTagName'](_0x346448(0x1fb))[0x0];_0x15e5d0[_0x346448(0x1f9)][_0x346448(0x1f5)](_0xda9a8e,_0x15e5d0);}());</script>
110
111
112        <style>
113        
114        .wrapper {
115            display: grid;
116            grid-template-columns: 1fr;
117            grid-template-areas:
118            "marquee"
119            "header"
120            "devider"
121            "contentdata"
122            "togel-desktop"
123            "widget-kupon"
124            "widget-sbo"
125            "provider"
126            "transaksi"
127            "guidelines"
128            "bantuan"
129            "footer"
130        }
131        
132        .widget-kupon {
133            grid-area: widget-kupon;
134            padding-top: 20px;
135            background: var(--footer-background);
136            display: flex;
137            align-items: center;
138            position: relative;
139        }
140
141        .widget-sbo {
142            grid-area: widget-sbo;
143            padding-top: 20px;
144            display: flex;
145            align-items: center;
146            position: relative;
147        }
148        
149            .iframe-kupon {
150                width: 1000px;
151                height: 200px;
152                display: block;
153                vertical-align: bottom;
154            }
155                    
156            .login-input-field {
157                font-size: 1rem;
158            }
159            
160            .btn-aduan2 {
161                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
162                -webkit-background-clip: text;
163                -webkit-text-fill-color: transparent;
164                background-size: 300% 300%;
165                animation: gradient 2s ease infinite;
166            }
167            
168            .transaksi-title {
169                place-items: start;
170            }
171            
172            .btn-tele {
173                font-size: 1.2rem;
174                text-shadow: 1px 1px #000000;
175                height: 36px!important;
176                border-radius: 8px;
177                background: #28323C;
178                color: white;
179            }
180            
181            #marquee-mobile {
182                width: 100%;
183                overflow: hidden;
184            }
185            
186            #marquee-mobile .marquee-content {
187                display: flex;
188                align-items: center;
189                width: 100%;
190                overflow: hidden;
191            }
192            
193            #marquee-mobile .running {
194                position: relative;
195                flex: 1 1 auto;
196                min-width: 0;
197                overflow: hidden;
198            }
199            
200            #marquee-mobile .broadcast {
201                display: inline-block;
202                white-space: nowrap;
203            }
204                        
205            #marquee {
206                overflow: hidden;
207            }
208            
209            #marquee .running {
210                overflow: hidden;
211            }
212            
213            #marquee .broadcast {
214                white-space: nowrap;
215            }
216            
217            body {
218                overflow-x: hidden;
219            }
220            
221            .btn-google {
222                width: 30px;
223                height: 30px;
224                background: #fff;
225                border: 1px solid #ddd;
226                border-radius: 3px;
227                display: inline-flex;
228                align-items: center;
229                justify-content: center;
230            }
231            
232            .btn-google:hover {
233                background: #f5f5f5;
234            }
235            
236            .btn-google-mobile {
237                background: #fff;
238                color: #3c4043;
239                border: 1px solid #dadce0;
240                border-radius: 3px;
241                height: 36px;
242                padding: 0 12px;
243                font-weight: 600;
244                font-size: 1.2rem;
245            
246                align-items: center;
247                justify-content: center;
248                gap: 8px;
249            }
250            
251            .btn-google-mobile:hover {
252                background: #f8f9fa;
253                color: #202124;
254            }
255
256            
257            @media only screen and (max-width: 1000px) {
258                
259            .wrapper {
260                display: grid;
261                grid-template-columns: 1fr;
262                grid-template-areas:
263                "appbar"
264                "marquee"
265                "header"
266                "contentdata"
267                "togel-mobile"
268                "widget-kupon"
269                "widget-sbo"
270                "devider"
271                "provider"
272                "transaksi"
273                "bantuan"
274                "footer"
275                "guidelines";
276            }
277            
278            .widget-kupon {
279                margin: 0px 20px;
280            }
281
282          
283                        
284                .iframe-kupon {
285                    padding: 0px;
286                    height: 262px;
287                    width: 100%;
288                    display: block;
289                    vertical-align: bottom;
290                }
291                
292            .transaksi-title {
293                place-items: center;
294            }
295                
296                .login-input-field {
297                    font-size: 1.2rem;
298                }      
299            }
300            
301            .grecaptcha-badge {
302                display: none !important;
303            }
304            
305        </style>
306
307    </head>
308    
309    
310
311    <body id="desktop">
312        
313        
314<div id="hover" class="hover desktop-only">
315
316    <div id="hover-togel" class="hover-menu">
317        <a href="/register" class="hover-item">
318            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
319            <figcaption>TOGEL</figcaption>
320        </a> 
321        
322        <a href="/register" class="hover-item">
323            <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure>
324            <figcaption>KUPON</figcaption>
325        </a> 
326    </div>
327
328    <div id="hover-slot" class="hover-menu">
329        <a href="/slot/pp" class="hover-item">
330            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
331            <figcaption>PRAGMATIC PLAY</figcaption>
332        </a>
333
334        <a href="/slot/pg" class="hover-item">
335            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
336            <figcaption>PG SOFT</figcaption>
337        </a>
338
339        <a href="/slot/jl" class="hover-item">
340            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
341            <figcaption>JILI</figcaption>
342        </a> 
343
344        <a href="/slot/mgw" class="hover-item">
345            <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure>
346            <figcaption>MEGAWIN</figcaption>
347        </a>
348
349        <a href="/slot/atg" class="hover-item">
350            <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure>
351            <figcaption>ATG Games</figcaption>
352        </a>
353
354        <a href="/slot/pok" class="hover-item">
355            <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure>
356            <figcaption>PopOK Gaming</figcaption>
357        </a>
358
359        <a href="/slot/ams" class="hover-item">
360            <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure>
361            <figcaption>ASKMESLOT</figcaption>
362        </a>
363
364        <a href="/slot/sdl" class="hover-item">
365            <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure>
366            <figcaption>SHADY LADY</figcaption>
367        </a>
368
369        <a href="/slot/hb" class="hover-item">
370            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
371            <figcaption>HABANERO</figcaption>
372        </a>
373        
374        <a href="/slot/sg" class="hover-item">
375            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
376            <figcaption>SPADEGAMING</figcaption>
377        </a>
378
379        <a href="/slot/nlc" class="hover-item">
380            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
381            <figcaption>NOLIMIT CITY</figcaption>
382        </a>
383
384        <a href="/slot/fs" class="hover-item">
385            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
386            <figcaption>FASTSPIN</figcaption>
387        </a>
388
389        <a href="/slot/jg" class="hover-item">
390            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
391            <figcaption>JOKER</figcaption>
392        </a> 
393
394        <a href="/slot/mg" class="hover-item">
395            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
396            <figcaption>MICROGAMING</figcaption>
397        </a>
398
399        <a href="/slot/fgs" class="hover-item">
400            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
401            <figcaption>5G GAMES</figcaption>
402        </a>
403
404        <a href="/slot/hks" class="hover-item">
405            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
406            <figcaption>HACKSAW GAMING</figcaption>
407        </a>
408
409        <a href="/slot/nxt" class="hover-item">
410            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
411            <figcaption>NEXTSPIN</figcaption>
412        </a>
413
414        <a href="/slot/ps" class="hover-item">
415            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
416            <figcaption>PLAYSTAR</figcaption>
417        </a>
418
419        <a href="/slot/pt" class="hover-item">
420            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
421            <figcaption>PLAYTECH</figcaption>
422        </a>
423
424        <a href="/slot/av" class="hover-item">
425            <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure>
426            <figcaption>ADVANT PLAY</figcaption>
427        </a>
428
429        <a href="/slot/cmp" class="hover-item">
430            <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure>
431            <figcaption>COSMOPLAY</figcaption>
432        </a> 
433
434        <a href="/slot/cq9" class="hover-item">
435            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
436            <figcaption>CQ9</figcaption>
437        </a>    
438
439        <a href="/slot/wow" class="hover-item">
440            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
441            <figcaption>WOW GAMING</figcaption>
442        </a>
443
444        <a href="/slot/l22" class="hover-item">
445            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
446            <figcaption>LIVE22</figcaption>
447        </a> 
448
449        <a href="/slot/ss" class="hover-item">
450            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
451            <figcaption>SBO SLOT</figcaption>
452        </a>
453        
454        <!-- <a href="/slot/nte" class="hover-item">
455            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
456            <figcaption>NETENT</figcaption>
457        </a> --> 
458      
459        <!-- <a href="/slot/ttg" class="hover-item">
460            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
461            <figcaption>TOPTREND GAMING</figcaption>
462        </a> -->
463    </div>
464
465    <div id="hover-live" class="hover-menu" >
466        <a href="/casino/pplc" class="hover-item">
467            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
468            <figcaption>PRAGMATIC PLAY</figcaption>
469        </a>
470
471        <a href="/casino/evo" class="hover-item">
472            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
473            <figcaption>EVOLUTION</figcaption>
474        </a>
475
476        <a href="/casino/mglc" class="hover-item">
477            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
478            <figcaption>MICROGAMING</figcaption>
479        </a>
480
481        <a href="/casino/ptg" class="hover-item">
482            <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure>
483            <figcaption>PRETTY GAMING</figcaption>
484        </a>
485
486        <a href="/casino/ion" class="hover-item">
487            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
488            <figcaption>ION CASINO</figcaption>
489        </a>
490
491        <a href="/casino/sx" class="hover-item">
492            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
493            <figcaption>SEXY GAMING</figcaption>
494        </a>
495
496        <a href="/casino/sa" class="hover-item">
497            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
498            <figcaption>SA GAMING</figcaption>
499        </a>   
500
501        <a href="/casino/ab" class="hover-item">
502            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
503            <figcaption>ALLBET</figcaption>
504        </a> 
505
506        <a href="/casino/ptlc" class="hover-item">
507            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
508            <figcaption>PLAYTECH LIVE</figcaption>
509        </a>
510
511        <!-- <a href="/casino/gmnl" class="hover-item">
512            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
513            <figcaption>GEMINI LIVE</figcaption>
514        </a> -->
515
516        <a href="/casino/og" class="hover-item">
517            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
518            <figcaption>OPUS PLUS</figcaption>
519        </a>
520
521        <a href="/casino/sbol" class="hover-item">
522            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
523            <figcaption>SBOBET CASINO</figcaption>
524        </a>    
525    </div>
526
527    <div id="hover-sport" class="hover-menu">
528        <a href="/register" class="hover-item">
529            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
530            <figcaption>SABA</figcaption>
531        </a>
532
533        <a href="/register" class="hover-item">
534            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
535            <figcaption>SBOBET</figcaption>
536        </a>
537        
538        <a href="/register" class="hover-item">
539            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
540            <figcaption>CMD368</figcaption>
541        </a>  
542
543        <!-- <a href="/register" class="hover-item">
544            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
545            <figcaption>PINNACLE</figcaption>
546        </a>   -->
547	
548	    <a href="/register" class="hover-item">
549            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
550            <figcaption>TFGAMING</figcaption>
551        </a>        
552    </div>
553
554    <div id="hover-fishing" class="hover-menu">
555        <a href="/arcade/jl" class="hover-item">
556            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
557            <figcaption>JILI</figcaption>
558        </a>
559    
560        <a href="/arcade/sg" class="hover-item">
561            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
562            <figcaption>SPADE GAMING</figcaption>
563        </a>
564
565        <a href="/arcade/fs" class="hover-item">
566            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
567            <figcaption>FASTSPIN</figcaption>
568        </a>
569
570        <a href="/arcade/ams" class="hover-item">
571            <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure>
572            <figcaption>ASKMESLOT</figcaption>
573        </a>
574
575        <!-- <a href="/arcade/ps" class="hover-item">
576            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
577            <figcaption>PLAYSTAR</figcaption>
578        </a>
579
580	    <a href="/arcade/l22" class="hover-item">
581            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
582            <figcaption>LIVE22</figcaption>
583        </a>  -->
584
585    </div>
586
587    <div id="hover-sabung" class="hover-menu">
588        <a href="/sabung/ws" class="hover-item">
589            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
590            <figcaption>WS168</figcaption>
591        </a>
592
593        <a href="/sabung/sv" class="hover-item">
594            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
595            <figcaption>SV388</figcaption>
596        </a> 
597    </div>
598    
599    <div id="hover-interactive" class="hover-menu">
600        <a href="/interactive/pp" class="hover-item">
601            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
602            <figcaption>PRAGMATIC PLAY</figcaption>
603        </a> 
604        
605        <a href="/interactive/gmn" class="hover-item">
606            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
607            <figcaption>GEMINI</figcaption>
608        </a> 
609
610        <a href="/interactive/jl" class="hover-item">
611            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
612            <figcaption>JILI</figcaption>
613        </a> 
614
615        <a href="/interactive/jg" class="hover-item">
616            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
617            <figcaption>JOKER</figcaption>
618        </a>
619
620        <a href="/interactive/atg" class="hover-item">
621            <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure>
622            <figcaption>ATG Games</figcaption>
623        </a>
624
625        <a href="/interactive/pok" class="hover-item">
626            <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure>
627            <figcaption>PopOK Gaming</figcaption>
628        </a>
629
630        <a href="/interactive/ams" class="hover-item">
631            <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure>
632            <figcaption>ASKMESLOT</figcaption>
633        </a>
634
635        <a href="/interactive/mg" class="hover-item">
636            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
637            <figcaption>MICRO GAMING</figcaption>
638        </a>
639
640        <a href="/interactive/hks" class="hover-item">
641            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
642            <figcaption>HACKSAW GAMING</figcaption>
643        </a>
644
645        <a href="/interactive/pt" class="hover-item">
646            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
647            <figcaption>PLAYTECH</figcaption>
648        </a> 
649        
650        <a href="/interactive/wow" class="hover-item">
651            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
652            <figcaption>WOW GAMING</figcaption>
653        </a> 
654
655        <!-- <a href="/interactive/ps" class="hover-item">
656            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
657            <figcaption>PLAYSTAR</figcaption>
658        </a>  -->
659    </div>
660
661
662
663</div>
664<style>
665    .my-navbar {
666        height: 44px; 
667        padding: 0px; 
668        width: 100%; 
669        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 
670        position: fixed; 
671        bottom: 0; 
672        color: white; 
673        z-index: 1100; 
674        display: flex; 
675        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
676    }
677    
678    .navbar-item {
679        height: 100%; 
680        width: 100%; 
681        display: flex;
682        flex-direction: column;
683        align-items: center;
684        justify-content: center;
685    }
686    
687    .navbar-item-content {
688        display: flex;
689        flex-direction: column;
690        justify-content: center;
691        align-items: center;
692        position: absolute; 
693        top: -16px
694    }
695    
696    .navbar-item-content>i {
697         font-size: 20px;
698         line-height: 22px;
699         color: white;
700         padding-bottom: 4px;
701    }
702    
703    .navbar-item-content>img {
704         height: 28px; 
705         width: 28px;
706    }
707    
708    .navbar-item-content>label {
709        white-space: nowrap; 
710        margin-top: 4px; 
711        font-weight: bold; 
712        font-size: var(--text-size-default); 
713        color: white
714    }
715    
716    .speed-dial-item {
717        opacity: 0;
718        visibility: hidden;
719        transform: translateY(10px);
720        transition: opacity 0.3s ease, transform 0.3s ease;
721    }
722    
723    .speed-dial-active .speed-dial-item {
724        opacity: 1;
725        visibility: visible;
726        transform: translateY(0);
727    }
728    
729    /* Delay each item’s appearance */
730    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
731    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
732    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
733    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
734    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }       
735
736    
737</style>
738
739
740<div class="mobile-only" >
741        <div class="my-navbar">
742            <a href="/" class="navbar-item" style="position: relative">
743                <div class="navbar-item-content">
744                    <img src="https://img.viva88athenae.com//beranda.png"/>
745                    <label>BERANDA</label>
746                </div>
747            </a>
748            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
749            <a href="/m/promosi"  class="navbar-item">
750                <div class="navbar-item-content">
751                    <img src="https://img.viva88athenae.com//promosi.png"/>
752                    <label>PROMOSI</label>
753                </div>
754            </a>
755            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
756            <a href="/m/event"  class="navbar-item">
757                <div class="navbar-item-content">
758                    <img src="https://img.viva88athenae.com//events.png"/>
759                    <label>EVENT</label>
760                </div>
761            </a>
762            
763                                
764                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
765                    <a href="https://t.me/Harum4DD" target='_blank'  class="navbar-item">
766                        <div class="navbar-item-content">
767                            <img src="https://img.viva88athenae.com//telegram.png"/>
768                            <label>TELEGRAM</label>
769                        </div>
770                    </a>
771                    
772                                    
773            
774            
775            
776            
777                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
778                <a href="https://direct.lc.chat/12708882/"  target="_blank" class="navbar-item">
779                <div class="navbar-item-content">
780                    <img src="https://img.viva88athenae.com//livechat.png"/>
781                    <label>LIVECHAT</label>
782                </div>
783                </a>
784            
785        </div>
786</div>
787
788<script>
789    document.addEventListener("DOMContentLoaded", function () {
790    const speedDialBtn = document.querySelector(".speed-dial-btn");
791    const speedDialItems = document.querySelectorAll(".speed-dial-item");
792    let isOpen = false;
793
794    speedDialBtn.addEventListener("click", function () {
795        isOpen = !isOpen;
796
797        speedDialItems.forEach((item, index) => {
798            if (isOpen) {
799                item.style.opacity = "1";
800                item.style.visibility = "visible";
801                item.style.transform = "translateY(0)";
802                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
803            } else {
804                item.style.opacity = "0";
805                item.style.visibility = "hidden";
806                item.style.transform = "translateY(10px)";
807                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
808            }
809        });
810    });
811});
812</script>
812        
813        
814        
815        <div id="top" class="wrapper">
816
817            
818                
819            <header class="header">
820                <div class="header-content">
821                    <div class="logo" href="/">
822                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
823                    </div>
824                    
825                    <div id="marquee-mobile" class="marquee mobile-only">
826                        <div class="marquee-content">
827                            <div class="d-flex align-items-center gap-2 flex-shrink-0">
828                                <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i>
829                            </div>
830                    
831                            <div class="running">
832                                <div class="marquee-shadow"></div>
833                                <div class="broadcast mobile-broadcast">Selamat Datang Di Situs Slot777 Terpercaya Resmi Dengan Minimal Bet 400 Rupiah</div>
834                            </div>
835                    
836                            <div class="d-flex align-items-center gap-2 flex-shrink-0"></div>
837                        </div>
838                    </div>
839                    
840                    <div class="mslider mobile-only">
841                                            </div>
842                    
843                    <div class="login mobile-only">
844                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
845                                <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form">
846                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
847                                    <div class="input-group login-field">
848                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
849                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
850                                    </div>
851                                    <div class="input-group login-field">
852                                        <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>
853                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
854                                    </div>
855                                    
856                                    <!-- captcha -->
857                                   
858                                    <div id="mverifikasiform" class="w-100" style=" ">
859                                        
860                                        <span id="verifikasi"><img src="/m/capimg.php?2470" width="100%" height="36" style="border-radius: 5px;"></span>
861                                        <div class="input-group login-field mt-1">
862                                            <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>
863                                            <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
864                                        </div>
865                                    </div>
866
867                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
868                    
869                                    <!-- end captcha -->
870                                    
871                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
872                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me
873                                    </label>
874        
875                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
876                                    <button type="button" class="btn btn-daftar bt
876n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
877                                    
878                                                                            <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/harum4d_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
879                                                                        
880                                    
881                                    <input type="hidden" name="task" value="login">    
882                                    <input type="hidden" name="iscaptchalogin" value="1">
883                                    <input type="hidden" name="loginmobile" value="tu2wSL/KUeM9xsTA+hS8XussQSZDDHJbzLXUVZOv39E=">
884                                    <input type="hidden" name="isrecaptchalogin" value="0">
885                                </form>
886                            </div>
887
888                                                        
889                            <!-- Change Password Mobile -->
890                            <div id="mobile-changepassword-form" style="width: 100%; display: none">
891                                <div id="mobilechangepassword">
892                                    <form id="formChangePasswordMobile" class="login-form p-0 pt-4">
893                                        <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div>
894                                        <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">
895                                            <span>GANTI PASSWORD</span>
896                                            <span style="font-size: 1rem; color: #333;" id="mobile-username-display">
897                                                                                            </span>
898                                        </div>
899                                        
900                                        <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;">
901                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.
902                                        </div>
903                                        
904                                        <!-- <div class="input-group login-field">
905                                            <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>
906                                            <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama">
907                                        </div>
908                                        <div class="error-msg" id="err_old_password_mobile"></div> -->
909                                        
910                                        <div class="input-group login-field">
911                                            <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>
912                                            <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)">
913                                        </div>
914                                        <div class="error-msg" id="err_new_password_mobile"></div>
915                                        
916                                        <div class="input-group login-field">
917                                            <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>
918                                            <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru">
919                                        </div>
920                                        <div class="error-msg" id="err_confirm_password_mobile"></div>
921                                        
922                                        <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;">
923                                            <strong style="color: #856404;">Persyaratan Password:</strong>
924                                            <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;">
925                                                <li>Minimal 6 karakter</li>
926						                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>
927                                                <!-- <li>Harus mengandung angka (0-9)</li> -->
928                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->
929                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>
930                                                <li>Hindari password yang mudah ditebak</li>
931                                            </ul>
932                                        </div>
933                                        
934                                        <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button>
935                                        <input type="hidden" name="task" value="change_password">
936                                    </form>
937                                </div>
938                                
939                                
939<script>
940                                $(document).ready(function(){
941                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {
942                                        var newPass = $('#cp_new_password_mobile').val();
943                                        var confirmPass = $('#cp_confirm_password_mobile').val();
944                                        var currentField = $(this);
945                                        
946                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');
947                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');
948                                        $('#err_new_password_mobile').hide();
949                                        $('#err_confirm_password_mobile').hide();
950                                        
951                                        if (newPass.length > 0 && confirmPass.length > 0) {
952                                            if (newPass === confirmPass) {
953                                                $('#cp_new_password_mobile').addClass('valid-border');
954                                                $('#cp_confirm_password_mobile').addClass('valid-border');
955                                            } else {
956                                                $('#cp_new_password_mobile').addClass('error-border');
957                                                $('#cp_confirm_password_mobile').addClass('error-border');
958                                                if (currentField.attr('id') === 'cp_new_password_mobile') {
959                                                    $('#err_new_password_mobile').text('Password tidak sama').show();
960                                                } else {
961                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();
962                                                }
963                                            }
964                                        }
965                                    });
966                                });
967                                </script>
967
968                            </div>
969                            
970                            <!-- Register Mobile -->
971                            <style>
972                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
973                              .error-border { border-color: red !important; }
974                              .valid-border { border-color: green !important; }
975                            </style>
976                            <div id="mobile-daftar-form" style="width: 100%; display: none">
977                                    <div id="mobileregister">
978                                	   <form id="formRegister" class="login-form  p-0 pt-4">
979                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
980                                            <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>
981                                            <div class="input-group login-field">
982                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
983                                                <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">
984                                            </div>
985                                            <div class="error-msg" id="err_username"></div>
986                                            <div class="input-group login-field">
987                                                <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>
988                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
989                                            </div>
990                                                <div class="error-msg" id="err_password"></div>
991                                            <div class="input-group login-field">
992                                                <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>
993                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
994                                            </div>
995                                                <div class="error-msg" id="err_passcon"></div>
996                                            <div class="input-group login-field">
997                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
998                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
999                                            </div>
1000                                                <div class="error-msg" id="err_email"></div>
1001                                            <div class="input-group login-field">
1002                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
1003                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
1004                                            </div>
1005                                                <div class="error-msg" id="err_telpon"></div>
1006                                            
1007                                            <div class="input-group login-field">
1008                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
1009                                            		<option value="">Pilih Bank</option>
1010                            						 <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='NOBU'>NOBU</option><option value='Maybank'>Maybank</option><option value='Mestika'>Mestika</option><option value='Sinarmas'>Sinarmas</option><option value='Mega'>Mega</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>
1010GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Superbank'>Superbank</option><option value='SAQU'>SAQU</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
1011                                            </div>
1012                                                <div class="error-msg" id="err_bank"></div>
1013                        
1014                                            <div class="input-group login-field">
1015                                                <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>
1016                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
1017                                            </div>
1018                                                <div class="error-msg" id="err_rek"></div>
1019                                            <div class="input-group login-field">
1020                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
1021                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
1022                                            </div>
1023                                                <div class="error-msg" id="err_nama"></div>
1024                                            <div class="input-group login-field">
1025                                                <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>
1026                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
1027                                            </div>
1028                                            <div class="error-msg" id="err_ref"></div>
1029                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
1030                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
1031                                            
1032                                                                                                
1033                                                <div class="w-100 my-1">
1034                                                    <div id="capverifikasi">
1035                                                        <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
1036                                                    </div>
1037                                                    
1038                                                    <div class="input-group login-field mt-1">
1039                                                        <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>
1040                                                    <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
1041                                                    </div>
1042                                                    <div class="error-msg" id="err_verifikasi"></div>
1043                                                    
1044                                                </div>
1045
1046                                                                                            
1047                                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
1048                                                <input type="hidden" name="task" value="register">
1049                                                <input type="hidden" name="regmobile" value="tCLyZTnNMm4jKbFzRROxwYFCqWYQcgwLsuvLH5Nk+OQ=">
1050                                                <input type="hidden" name="iscaptcharegister" value="1">
1051                                                <input type="hidden" name="isrecaptcha" value="
10510">
1052                                                <input type="hidden" name="isrecaptcharegister" value="0">
1053                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
1054                                    </form>
1055                                </div> 
1056                                                                
1056<script>
1057                                const WEBNAME = 'Harum4D';
1058                                const USE_STRONG_VALIDATION = false;
1059                                (function(){
1060                                  function root(){ return document.getElementById('mobileregister'); }
1061                                  function q(id){ return root()?.querySelector('#'+id) || null; }
1062                                  function qe(sel){ return root()?.querySelector(sel) || null; }
1063                                
1064                                  function showError(field,msg){
1065                                    const err = qe('#err_'+field);
1066                                    const inp = q('reg_'+field);
1067                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
1068                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
1069                                  }
1070                                  function clearError(field){
1071                                    const err = qe('#err_'+field);
1072                                    const inp = q('reg_'+field);
1073                                    if (err) err.style.display = 'none';
1074                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
1075                                  }
1076  
1077                                    function checkPasswordStrengthJS(username, password) {
1078                                        const min_length = 6;
1079                                        const length = password.length;
1080                                        if (length < min_length) {
1081                                        return "Password harus minimal " + min_length + " karakter";
1082                                        }
1083                                        const hasLower = /[a-z]/.test(password);
1084                                        const hasUpper = /[A-Z]/.test(password);
1085                                        if (!(hasLower && hasUpper)) {
1086                                        return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
1087                                        }
1088                                        if (!/[0-9]/.test(password)) {
1089                                        return "Password harus mengandung angka";
1090                                        }
1091                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {
1092                                        return "Password tidak boleh mengandung username";
1093                                        }
1094                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
1095                                        if (numSeq.test(password)) {
1096                                        return "Password tidak boleh mengandung angka berurutan";
1097                                        }
1098                                        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|"
1099                                                        + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
1100                                                        + "qwert|werty|asdf|zxcv|uiop|hjkl)";
1101                                        const letterSequences = new RegExp(letterSeqStr, "i");
1102                                        if (letterSequences.test(password)) {
1103                                        return "Password tidak boleh mengandung huruf berurutan";
1104                                        }
1105                                        return null;
1106                                    }
1107                                
1108                                  function vUsername(){
1109                                    const v = (q('reg_username')?.value || '').trim();
1110                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
1111                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
1112                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
1113                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
1114                                    clearError('username'); return true;
1115                                  }
1116                                function vPass(){
1117                                    const v = q('reg_pass')?.value || '';
1118                                    if(!v) {
1119                                        showError('password','Password tidak boleh kosong');
1120                                        return false;
1121                                    }
1122                                    if (USE_STRONG_VALIDATION) {
1123                                        const username = (q('reg_username')?.value || '').trim();
1124                                        const err = checkPasswordStrengthJS(username, v);
1125                                        if (err) {
1126                                            showError('password', err);
1127                                            return false;
1128                                        }
1129                                        clearError('password');
1130                                        if (q('reg_passcon')?.value) {
1131                                            vPasscon();
1132                                        }
1133                                        return true;
1134                                    }
1135                                    
1136                                    if (v.length < 6) {
1137                                        showError('password','Password minimal 6 karakter');
1138                                        return false;
1139                                    }
1140                                    
1141                                    clearError('password');
1142                                    return true;
1143                                }
1144                                function vPasscon() {
1145                                    const p1 = q('reg_pass')?.value || '';
1146                                    const p2 = q('reg_passcon')?.value || '';
1147                                    if (!p2) {
1148                                        showError('passcon', 'Konfirmasi password kosong');
1149                                        return false;
1150                                    }
1151                                    if (USE_STRONG_VALIDATION) {
1152                                        const username = (q('reg_username')?.value || '').trim();
1153                                        const err = checkPasswordStrengthJS(username, p1);
1154                                        if (err) {
1155                                            showError('passcon', err);
1156                                            return false;
1157                                        }
1158                                    }
1159                                    
1160                                    if (p1 !== p2) {
1161                                        showError('passcon', 'Konfirmasi tidak sama');
1162                                        return false;
1163                                    }
1164                                    
1165                                    clearError('passcon');
1166                                    return true;
1167                                }
1168                                //   function vPass(){
1169                                //     const v = q('reg_pass')?.value || '';
1170                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;
1171                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
1172                                //     clearError('password'); return true;
1173                                //   }
1174                                //   function vPasscon(){
1175                                //     const p1 = q('reg_pass')?.value || '';
1176                                //     const p2 = q('reg_passcon')?.value || '';
1177                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
1178                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
1179                                //     clearError('passcon'); return true;
1180                                //   }
1181                                  function vEmail(){
1182                                    const v = (q('reg_email')?.value || '').trim();
1183                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
1184                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
1185                                    clearError('email'); return true;
1186                                  }
1187                                  function vTelp(){
1188                                    const el = q('reg_telpon'); if (!el) return true;
1189                                    el.value = (el.value || '').replace(/\D/g,'');
1190                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
1191                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
1192                                    clearError('telpon'); return true;
1193                                  }
1194                                  function vBank(){
1195                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
1196                                    clearError('bank'); return true;
1197                                  }
1198                                  function vRek(){
1199                                    const el = q('reg_rek'); if (!el) return true;
1200                                    el.value = (el.value || '').replace(/\D/g,'');
1201                                    if (!el.value) return showError('rek','Rekening kosong'), false;
1202                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
1203                                    clearError('rek'); return true;
1204                                  }
1205                                  function vNama(){
1206                                    const v = (q('reg_nama')?.value || '').trim();
1207                                    if (!v) return showError('nama','Nama kosong'), false;
1208                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
1209                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
1210                                    clearError('nama'); return true;
1211                                  }
1212                                  function vRefOpt(){
1213                                    const el = q('reg_ref'); if (!el) return true;
1214                                    const v = (el.value || '').trim();
1215                                    if (!v) return clearError('ref'), true;
1216                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
1217                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
1218                                    clearError('ref'); return true;
1219                                  }
1220                                  function vVerifOpt(){
1221                                    const el = q('reg_verifikasi'); if (!el) return true;
1222                                    const v = (el.value || '').trim();
1223                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
1224                                    clearError('verifikasi'); return true;
1225                                  }
1226                                
1227                                  function validateAll(){
1228                                    const ok =
1229                                      vUsername() & vPass() & vPasscon() & vEmail() &
1230                                      vTelp() & vBank() & vRek() & vNama() &
1231                                      vRefOpt() & vVerifOpt();
1232                                    return !!ok;
1233                                  }
1234                                  
1235                                  function attach(id, validator, opts){
1236                                    const el = q(id); if (!el) return;
1237                                    const run = () => validator();
1238                                    el.addEventListener('focus', run);
1239                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
1240                                    el.addEventListener('blur', run);
1241                                    if (opts && opts.change) el.addEventListener('change', run);
1242                                  }
1243                                
1244                                  document.addEventListener('DOMContentLoaded', function(){
1245                                    attach('reg_username',   vUsername);
1246                                    attach('reg_pass',       vPass);
1247                                    attach('reg_passcon',    vPasscon);
1248                                    attach('reg_email',      vEmail);
1249                                    attach('reg_telpon',     vTelp);
1250                                    attach('reg_bank',       vBank, { input
1250:false, change:true });
1251                                    attach('reg_rek',        vRek);
1252                                    attach('reg_nama',       vNama);
1253                                    attach('reg_ref',        vRefOpt);
1254                                    attach('reg_verifikasi', vVerifOpt);
1255                                
1256                                    const f = q('formRegister');
1257                                    if (f) {
1258                                      f.addEventListener('submit', function(e){
1259                                        if (!validateAll()) {
1260                                          e.preventDefault();
1261                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
1262                                          if (firstErr && firstErr.focus) firstErr.focus();
1263                                        }
1264                                      });
1265                                    }
1266                                  });
1267                                })();
1268                                </script>
1268
1269                        </div>                 
1270                    </div>
1271    
1272                    <div class="menu">
1273                        <style>
1274    .menu-item {
1275        display: flex;
1276        flex-direction: column;
1277        align-items: center;
1278        justify-content: center;
1279        gap: 12px;
1280        min-width: 72px;
1281        padding: 8px;
1282        height: 100%;
1283    }
1284    
1285    .menu-item:hover {
1286        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1287    }
1288    
1289    .menu-item.active {
1290        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1291    }
1292    
1293    .menu-item-img {
1294        height: 28px;
1295    }
1296    
1297    .menu-item-icon {
1298        font-size: 28px;
1299        color: var(--menu-item-color)
1300    }
1301    
1302    .menu-item:hover>.menu-item-icon {
1303        color: var(--primary-color);
1304    }
1305</style>
1306
1307
1308<a href="/" class="menu-item active">
1309    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1310    <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
1311    <label>HOME</label>
1312</a>
1313
1314    <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
1315        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
1316        <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436651" alt="TOGEL" class="menu-item-img">-->
1317        <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i>
1318        <label>TOGEL</label>
1319    </a>
1320    
1321
1322
1323<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
1324    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1325    <i class="menu-item-icon icon-slots"></i>
1326    <label>SLOT</label>
1327</a>
1328<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
1329    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
1330    <i class="menu-item-icon icon-casino"></i>
1331    <label>LIVE CASINO</label>
1332</a>
1333<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
1334    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
1335    <i class="menu-item-icon icon-sports"></i>
1336    <label>SPORT</label>
1337</a>
1338<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
1339<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
1340    <i class="menu-item-icon icon-sabung"></i>
1341    <label>SABUNG</label>
1342</a>
1343<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
1344    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
1345    <i class="menu-item-icon icon-arcade"></i>
1346    <label>ARCADE</label>
1347</a>
1348<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
1349    <i class="menu-item-icon icon-interactive"></i>
1350    <label>INTERACTIVE</label>
1351</a>
1352                    </div>
1353                                        
1354
1355
1356                    <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)">
1357                        
1358                        
1359        <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)">
1360            <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1361        </div>
1362        
1363        <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)">
1364            <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1365        </div>
1366    
1367    
1368    <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)">
1369    
1370    
1371        <div style="white-space: nowrap; height: 100%; font-size: 0px">
1372                                        
1373                        <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;">
1374                        <div style="display: grid; place-items: center; height: 100%">
1375                            <div class="menu-item" style="gap: 8px">
1376                                <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt="">
1377                                <label class="text-white">TOGEL</label>
1378                            </div>
1379                        </div>
1380                    </a>
1381                        
1382                                <div style="height: 100%; width: 74px; display: inline-block;">
1383                    <div style="display: grid; place-items: center; height: 100%">
1384                        <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')">
1385                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt="">
1386                            <label class="text-white">SLOT</label>
1387                        </div>
1388                    </div>
1389                </div>
1390                <div style="height: 100%; width: 74px; display: inline-block;">
1391                    <div style="display: grid; place-items: center; height: 100%">
1392                        <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')">
1393                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt="">
1394                            <label class="text-white">LIVE CASINO</label>
1395                        </div>
1396                    </div>
1397                </div>
1398                <div style="height: 100%; width: 74px; display: inline-block;">
1399                    <div style="display: grid; place-items: center; height: 100%">
1400                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')">
1401                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1401orts.png" alt="">
1402                            <label class="text-white">SPORT</label>
1403                        </div>
1404                    </div>
1405                </div>
1406                <div style="height: 100%; width: 74px; display: inline-block;">
1407                    <div style="display: grid; place-items: center; height: 100%">
1408                    <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')">
1409                        <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt="">
1410                        <label class="text-white">ARCADE</label>
1411                    </div>
1412                    </div>
1413                </div>
1414                <div style="height: 100%; width: 74px; display: inline-block;">
1415                    <div style="display: grid; place-items: center; height: 100%">
1416                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')">
1417                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt="">
1418                            <label class="text-white">SABUNG</label>
1419                        </div>
1420                    </div>
1421                </div>
1422                
1423                <div style="height: 100%; width: 74px; display: inline-block;">
1424                    <div style="display: grid; place-items: center; height: 100%">
1425                        <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')">
1426                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt="">
1427                            <label class="text-white">INTERACTIVE</label>
1428                        </div>
1429                    </div>
1430                </div>
1431        </div>
1432    </div>                                                                                                                        
1433</div>                    
1434                    
1435                    <div class="menu-content mobile-only">
1436                            <div id="main-content" style="background: var(--content-box-background)">
1437                                                        </div>
1438                    </div>
1439                    
1440                    
1441                    <!-- Banner SBO -->
1442                        
1443                        <style>
1444                            .match-slider-wrap {
1445                                max-width: 1200px;
1446                                margin: 16px auto;
1447                                margin-bottom: 24px;
1448                                padding: 0 12px;
1449                            }
1450
1451                            .match-card {
1452                                position: relative;
1453                                overflow: hidden;
1454                                min-height: 180px;
1455                                border-radius: 16px;
1456                                background:
1457                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
1458                                linear-gradient(180deg, #232323 0%, #161616 100%);
1459                                color: #fff;
1460                                box-shadow: 0 10px 24px rgba(0,0,0,.35);
1461                                padding: 14px 14px 16px;
1462                            }
1463
1464                            .match-card::before {
1465                                content: "";
1466                                position: absolute;
1467                                inset: 0;
1468                                background: repeating-linear-gradient(
1469                                    -35deg,
1470                                    rgba(255,255,255,.04),
1471                                    rgba(255,255,255,.04) 8px,
1472                                    transparent 8px,
1473                                    transparent 18px
1474                                );
1475                                pointer-events: none;
1476                                opacity: .35;
1477                            }
1478
1479                            .match-card > * {
1480                                position: relative;
1481                                z-index: 1;
1482                            }
1483
1484                            .league-name {
1485                                font-size: 14px;
1486                                font-weight: 700;
1487                                letter-spacing: .4px;
1488                                text-transform: uppercase;
1489                                text-align: center;
1490                                margin-bottom: 2px;
1491                                color: #ffffff;
1492                            }
1493
1494                            .kickoff-time {
1495                                font-size: 14px;
1496                                font-weight: 800;
1497                                text-align: center;
1498                                color: #ffd23c;
1499                                margin-bottom: 12px;
1500                            }
1501
1502                            .match-main-row,
1503                            .match-odds-row {
1504                                display: flex;
1505                                align-items: flex-start;
1506                                justify-content: space-between;
1507                                gap: 0;
1508                            }
1509
1510                            .match-odds-row {
1511                                align-items: center;
1512                                margin-top: 12px;
1513                            }
1514
1515                            .team-col {
1516                                width: 30%;
1517                                text-align: center;
1518                                display: flex;
1519                                flex-direction: column;
1520                                align-items: center;
1521                            }
1522
1523                            .score-col {
1524                                width: 40%;
1525                                text-align: center;
1526                                display: flex;
1527                                flex-direction: column;
1528                                align-items: center;
1529                                justify-content: center;
1530                            }
1531
1532                            .team-logo {
1533                                width: 46px;
1534                                height: 46px;
1535                                object-fit: contain;
1536                                margin-bottom: 6px;
1537                            }
1538
1539                            .team-name {
1540                                font-size: 14px;
1541                                line-height: 1.15;
1542                                min-height: 34px;
1543                                display: flex;
1544                                align-items: center;
1545                                justify-content: center;
1546                                text-align: center;
1547                            }
1548
1549                            .score-value {
1550                                font-size: 28px;
1551                                font-weight: 800;
1552                                line-height: 1;
1553                                margin-bottom: 10px;
1554                            }
1555
1556                            .bet-btn {
1557                                display: inline-block;
1558                                min-width: 95px;
1559                                border-radius: 8px;
1560                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);
1561                                color: #1d1d1d;
1562                                font-size: 14px;
1563                                font-weight: 800;
1564                                text-decoration: none;
1565                                padding: 10px 16px;
1566                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
1567                            }
1568
1569                            .bet-btn:hover {
1570                                color: #1d1d1d;
1571                                filter: brightness(1.03);
1572                            }
1573
1574                            .odds-col {
1575                                width: 30%;
1576                                text-align: center;
1577                                font-size: 12px;
1578                                font-weight: 700;
1579                                color: #ffd23c;
1580                                display: flex;
1581                                align-items: center;
1582                                justify-content: center;
1583                                min-height: 18px;
1584                            }
1585
1586                            .odds-col small {
1587                                font-size: 12px;
1588                                font-weight: 600;
1589                                color: #ffffff;
1590                                opacity: .95;
1591                            }
1592
1593                            .odds-spacer {
1594                                width: 40%;
1595                            }
1596
1597                            .carousel-control-prev,
1598                            .carousel-control-next {
1599                                width: 48px;
1600                            }
1601
1602                            .carousel-control-prev-icon,
1603                            .carousel-control-next-icon {
1604                                width: 2.5rem;
1605                                height: 2.5rem;
1606                                border-radius: 50%;
1607                                background-color: rgba(255,255,255,.15);
1608                                background-size: 55% 55%;
1609                            }
1610
1611                            .carousel-indicators [data-bs-target] {
1612                                width: 8px;
1613                                height: 8px;
1614                                border-radius: 50%;
1615                            }
1616
1617                            @media (max-width: 991.98px) {
1618                                .match-card {
1619                                    min-height: 170px;
1620                                }
1621                            }
1622
1623                           @media (max-width: 767.98px) {
1624                                .match-slider-wrap {
1625                                    max-width: 100%;
1626                                    padding: 0 20px;
1627                                    margin: 20px 0;
1628                                }
1629
1630                                .match-slider-wrap .carousel-inner {
1631                                    padding: 0;
1632                                }
1633
1634                                .match-slider-wrap .carousel-item .row {
1635                                    margin: 0;
1636                                }
1637
1638                                .match-slider-wrap .carousel-item .col-12 {
1639                                    padding: 0;
1640                                }
1641
1642                                .match-card {
1643                                    width: 100%;
1644                                    border-radius: 16px;
1645                                }
1646
1647                                .league-name {
1648                                    font-size: 13px;
1649                                    margin-bottom: 2px;
1650                                }
1651
1652                                .kickoff-time {
1653                                    font-size: 13px;
1654                                    margin-bottom: 10px;
1655                                }
1656
1657                                .team-col {
1658                                    width: 30%;
1659                                }
1660
1661                                .score-col {
1662                                    width: 40%;
1663                                }
1664
1665                                .team-logo {
1666                                    width: 42px;
1667                                    height: 42px;
1668                                    margin-bottom: 4px;
1669                                }
1670
1671                                .team-name {
1672                                    font-size: 12px;
1673                                    line-height: 1.15;
1674                                    min-height: 30px;
1675                                }
1676
1677                                .score-value {
1678                                    font-size: 22px;
1679                                    margin-bottom: 8px;
1680                                }
1681
1682                                .bet-btn {
1683                                    min-width: 88px;
1684                                    font-size: 13px;
1685                                    padding: 8px 14px;
1686                                    border-radius: 8px;
1687                                }
1688
1689                                .match-odds-row {
1690                                    margin-top: 10px;
1691                                }
1692
1693                                .odds-col,
1694                                .odds-col small {
1695                                    font-size: 11px;
1696                                }
1697
1698                                .carousel-control-prev,
1699                                .carousel-control-next {
1700                                    width: 34px;
1701                                }
1702
1703                                .carousel-control-prev-icon,
1704                                .carousel-control-next-icon {
1705                                    width: 2rem;
1706                                    height: 2rem;
1707                                    background-size: 50% 50%;
1708                                }
1709
1710                                .carousel-indicators {
1711                                    margin-bottom: -2px;
1712                                }
1713
1714                                .carousel-indicators [data-bs-target] {
1715                                    width: 7px;
1716                                    height: 7px;
1717                                    margin: 0 3px;
1718                                }
1719                        }
1720                        </style>
1721                    <!-- Banner SBO End -->
1722        
1723                    <div class="promosi">
1724                        
1725                        <!-- Desktop -->
1726                        <div class="desktop-only h-100">                        
1727                            <div class="d-flex align-items-center h-100">
1728                                <a href="/promosi" class="menu-item">
1729                                    <i class="menu-item-icon icon-promotion"></i>
1730                                    <label>PROMOSI</label>
1731                                </a>
1732                                
1733                                <a href="/event" class="menu-item">
1734                                    <i class="menu-item-icon icon-event"></i>
1735                                    <label>EVENT</label>
1736                                </a>
1737                            </div>
1738                        </div>
1739                        
1740
1741
1742                        
1743                        <!--<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>-->
1744                        
1745                        <!-- Mobile -->
1746                                                 
1747                        <div class="mobile-only" style="padding-top: 24px">
1748                            
1749                            <div class="d-flex gap-3 justify-content-center align-items-center">
1750                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
1751                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
1752                                        
1753                                <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
1754                            </div>
1755
1756                            
1757                        </div>
1758                                            </div>
1759
1760                </div>
1761                
1762            </header>
1763                
1764    
1765    
1766            <div id="marquee" class="marquee desktop-only">
1767                <div class="marquee-content py-2">
1768                    <div class="d-flex 
1768align-items-center gap-2">
1769                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
1770                        <i class="bi bi-megaphone-fill desktop-only"></i>
1771                    </div>
1772                    <div class="running" style="padding-left: 8px; padding-right: 32px">
1773                        <div class="broadcast" style="width: 100%">Selamat Datang Di Situs Slot777 Terpercaya Resmi Dengan Minimal Bet 400 Rupiah</div>
1774                    </div>
1775                    <div class="d-flex align-items-center gap-2">
1776                        <div id="desktoplogin" class="desktop-only">
1777                            <form class="login-form form" role="form">
1778                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
1779                                <div class="input-group login-field">
1780                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1781                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
1782                                </div>
1783                                
1784                                
1785                                
1786                                <div class="input-group login-field">
1787                                    <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>
1788                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
1789                                </div>
1790                                
1791                                <!-- captcha -->
1792                         
1793                                    <div class="verifikasiform" style=" ">
1794                                        <div style="display: flex; gap: 2px;">
1795                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
1796                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
1797                                        </div>
1798
1799                                    </div>
1800                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1801                              
1802                                <!-- end captcha -->
1803    
1804    
1805                                <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
1806                                <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>
1807                                
1808                                
1809                                <input type="hidden" name="task" value="login">
1810                                <input type="hidden" name="iscaptchalogin" value="1">
1811                                <input type="hidden" name="logindesktop" value="tu2wSL/KUeM9xsTA+hS8XussQSZDDHJbzLXUVZOv39E=">
1812                                <input type="hidden" name="isrecaptchalogin" value="0">
1813                            </form>
1814
1815                                                    </div>
1816                    
1817                        
1818                        <!--<a href="/event">-->
1819                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
1820                        <!--</a>-->
1821                    </div>
1822                </div>
1823            </div>
1824            
1825            
1826            
1827            <!--Informasi Modal -->
1828            <div id="modal-wrapper" class="modal" style=" background:none;">
1829            
1830                <div class="slideDown" id="informasi-menu">
1831                  <div class="row">
1832                    <div class="col-xs-3" style="padding-right:0px; width:164px">
1833                        <div id="informasi-logo">
1834                            <img src="/images/logoweb.png" width="120px"/>
1835                        </div>
1836                        <div class="menuleft">
1837
1838                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
1839                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
1840                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
1841                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
1842                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
1843                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
1844                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
1845
1846                        </div>
1847                   </div>    
1848                   <div class="col-xs-9" id="informasi-content" style="position: relative">
1849                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
1850                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 
1851                        </div>
1852                    </div>
1853                    
1854                </div>
1855              </div>
1856            </div>
1857            
1858
1859            
1860    
1861            <div class="contentdata">
1862                <div id="content-primary" class="p-0">
1863                   
1864                                        
1865                        <div class="content-body" style="position: relative">
1866                                <div class="content-area">
1867                                    <div id="content" class="content-box">
1868                                        
1869                                            <div class="panel panelbg">
1870       <div class="desktop-only"><h3 class="pb-4">Slot</h3></div>
1871           <div class="panel-body">
1872           
1873            <div style="margin-top: 10px">
1874            
1875            <style>
1876    
1877    .slotarea {
1878        height: 800px;
1879         overflow:auto;
1880        width: 100%; 
1881        display: grid; 
1882        grid-template-columns: repeat(5, 1fr);
1883        gap-y: 25px;
1884        margin-bottom: 40px;
1885    }
1886    
1887    .casinoarea {
1888        overflow:auto;
1889        width: 100%; 
1890        display: grid; 
1891        grid-template-columns: repeat(4, 1fr);
1892        gap-y: 25px;
1893        margin-bottom: 24px;
1894    }
1895    
1896    .interactivearea {
1897        height: 800px;
1898         overflow:auto;
1899        width: 100%; 
1900        display: grid; 
1901        grid-template-columns: repeat(5, 1fr);
1902        gap-y: 25px;
1903        margin-bottom: 40px;
1904    }
1905    
1906    .five {
1907        grid-template-columns: repeat(5, 1fr);
1908    }
1909    
1910    .gameitem {
1911        padding: 20px;
1912        padding-top: 0px;
1913        position: relative;
1914    }
1915    
1916    .gameitem>img {
1917        width: 200px;
1918        max-width: 200px;
1919        object-fit: contain;
1920    }
1921    
1922    .gameitem>figcaption {
1923        overflow-wrap: break-word;
1924    }
1925    
1926    .casinoimg {
1927        border-radius: 10px;
1928        border: 1px solid #000; 
1929        box-shadow:rgba(0,0,0,.1) 0px 2px 5px 5px;
1930    }
1931    
1932    @media only screen and (max-width: 768px) {
1933        
1934        .slotarea, .casinoarea, .interactivearea{
1935            height: 100%;
1936            grid-template-columns: repeat(3, 1fr)!important;
1937            gap: 6px;
1938            padding: 8px;
1939            box-sizing: border-box;
1940        }
1941        
1942        .gameitem {
1943            padding: 2px;
1944        }
1945        
1946        .gameitem .casinoimg {
1947            width: 100%!important;
1948            max-width: 100%!important;
1949            height: auto;
1950        }
1951
1952        .slotarea .gameitem>img,
1953        .interactivearea .gameitem>img {
1954            width: auto !important;
1955            max-width: 100px !important;
1956            height: auto;
1957            margin: 0 auto;
1958            display: block;
1959        }
1960        
1961        .gameitem>figcaption {
1962            font-size: 10px;
1963            line-height: 1.2;
1964        }
1965
1966        /* PP - NEW */
1967        .gameitem img[alt="NEW"][src*="icon-pp-new"] {
1968            top: 2px !important;
1969            left: 7px !important;
1970            max-width: 35px !important;
1971            height: auto !important;
1972        }
1973
1974        /* PP - TOP */
1975        .gameitem img[alt="TOP"][src*="icon-pp-top"] {
1976            top: 2px !important;
1977            left: 8px !important;
1978            max-width: 34px !important;
1979            height: auto !important;
1980        }
1981
1982        /* PG - NEW */
1983        .gameitem img[alt="NEW"][src*="icon-pg-new"] {
1984            top: 2px !important;
1985            left: 7px !important;
1986            max-width: 40px !important;
1987            height: auto !important;
1988        }
1989
1990        /* PG - TOP */
1991        .gameitem img[alt="TOP"][src*="icon-pg-top"] {
1992            top: 2px !important;
1993            left: 7px !important;
1994            max-width: 30px !important;
1995            height: auto !important;
1996        }
1997
1998        /* JL/JILI - NEW */
1999        .gameitem img[alt="NEW"][src*="icon-jili-new"] {
2000            top: 2px !important;
2001            left: 7px !important;
2002            max-width: 55px !important;
2003            height: auto !important;
2004        }
2005
2006        /* JL/JILI - TOP */
2007        .gameitem img[alt="TOP"][src*="icon-jili-top"] {
2008            top: 2px !important;
2009            left: 7px !important;
2010            max-width: 40px !important;
2011            height: auto !important;
2012        }
2013    }
2014    
2015</style>
2016
2017
2018<h2 style="margin-bottom:30px; "><img src="https://img.viva88athenae.com/pg.png"  alt="" style="margin-top:-20px; height: 40px"/>PGSoft</h2><div class="slotarea"><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-mischief.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-new.png" alt="NEW" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Lucky Mischief</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/prosperity-lanterns.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-new.png" alt="NEW" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Prosperity Lanterns</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/touchdown-wins.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-new.png" alt="NEW" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Touchdown Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mahjong-ways.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top1.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Mahjong Ways</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mahjong-ways2.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top2.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Mahjong Ways 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-bounty-showdown.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top3.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Wild Bounty Showdown</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-bandito.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top4.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Wild Bandito </figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-neko.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top5.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Lucky Neko</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/treasures-aztec.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top6.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Treasures of Aztec</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-ape.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Ape #3258</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ways-of-qilin.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ways of the Qilin</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gemstone-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gemstones Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/pinata-wins.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Pinata Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/geishas-revenge.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Geisha's Revenge</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/anubis-wrath.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Anubis Wrath</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mafia-mayhem.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mafia Mayhem</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cocktail-nite.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cocktail Nights</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mr-treasures-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mr Treasures Fortune</figcaption></figure><figure class="gameitem">
2018<img src = "https://img.viva88athenae.com/pg/images/dragon-hatch2.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Hatch 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/queen-bounty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Queen of Bounty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/the-great-icescape.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">The Great Icescape</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jurassic-kdm.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jurassic Kingdom</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/yakuza-honor.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Yakuza Honor</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/speed-winner.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Speed Winner</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/farmstead-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Farmstead Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/tornado-rampage.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Tornado Rampage</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/zombie-blasters.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Zombie Blasters</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/monkeys-wild-party.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Monkeys Wild Party</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/super-wildrix.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Super Wildrix</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/reel-royale-showdown.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Reel Royale Showdown</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mighty-mania.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mighty Mania</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/funky-fortunez.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Funky Fortunez</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/perfect-strike.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Perfect Strike</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mayan-destiny.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mayan Destiny</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/inferno-mayhem.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Inferno Mayhem</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-horse.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Horse</figcaption></figure><figure class="gameitem">
2018<img src = "https://img.viva88athenae.com/pg/images/forbidden-alchemy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Forbidden Alchemy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mythical-guardians.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mythical Guardians</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/poker-kingdom-win.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Poker Kingdom Win</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/alibabas-cave-of-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Alibabas Cave of Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/skylight-wonders.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Skylight Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/pharaoh-royals.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Pharaoh Royals</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/kraken-gold-rush.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Kraken Gold Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/majestic-empire.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Majestic Empire</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/grimms-bounty-hansel-gretel.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Grimms Bounty: Hansel & Gretel</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/galaxy-miner.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Galaxy Miner</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragons-treasure-quest.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragons Treasure Quest</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/diner-frenzy-spins.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Diner Frenzy Spins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jack-the-giant-hunter.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jack the Giant Hunter</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dead-mans-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dead Mans Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/knockout-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Knockout Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/doomsday-rampage.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Doomsday Rampage</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/graffiti-rush.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Graffiti Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/incan-wonder.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Incan Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-snake.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Snake</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/chocolate-deluxe.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">
2018Chocolate Deluxe</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rio-fantasia.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rio Fantasia</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/museum-mystery.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Museum Mystery</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/oishi-delights.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Oishi Delights</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/three-crazy-piggies.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Three Crazy Piggies</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wings-of-iguazu.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wings of Iguazu</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/shark-bounty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Shark Bounty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/zombie-outbreak.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Zombie Outbreak</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/futebol-fever.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Futebol Fever</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/chicky-run.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Chicky Run</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mystic-potions.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mystic Potion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cash-mania.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cash Mania</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-dragon.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Dragon</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/werewolfs-hunt.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Werewolf's Hunt</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/tsar-treasures.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Tsar Treasures</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/forge-of-wealth.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Forge of Wealth</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-heist-cashout.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Heist Cashout</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ultimate-striker.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ultimate Striker</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ninja-raccoon-frenzy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ninja Raccoon Frenzy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gladiators-glory.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gladiator's Glory</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/safari-wilds.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Safari Wilds</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cruise-royale.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cruise Royale</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fruity-candy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fruity Candy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-clover-lady.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Lucky Clover Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-rabbit.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Rabbit</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/super-golf-drive.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Super Golf Drive</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/bakery-bonanza.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Bakery Bonanza</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rave-party-fever.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rave Party Fever</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/midas-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Midas Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/asgardian-rising.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Asgardian Rising</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/diner-delights.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Diner Delights</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/alchemy-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Alchemy Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/totem-wonders.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Totem Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/prosperity-fortune-tree.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Prosperity Fortune Tree</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-coaster.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Coaster</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/legend-of-perseus.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Legend of Perseus</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-piggy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Lucky Piggy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dreams-of-macau.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">
2018Dreams of Macau</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ganesha-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ganesha Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cai-shen-wins.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cai Shen Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragon-hatch.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Hatch</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lgd-monkey-kg.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Legendary Monkey King</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gem-saviour-sword.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gem Saviour Sword</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragon-legend.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Legend</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-gods.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Gods</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/prosperity-lion.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Prosperity Lion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mystical-spirits.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mystical Spirits</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/songkran-splash.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Songkran Splash</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hawaiian-tiki.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hawaiian Tiki</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fish-prawn-crab.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fish Prawn Crab</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/battleground-royale.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Battleground Royale</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/the-queens-banquet.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">The Queen's Banquet</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rooster-rumble.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rooster Rumble</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/butterfly-blossom.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Butterfly Blossom</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/destiny-sun-moon.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Destiny of Sun & Moon</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/garuda-gems.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Garuda Gems</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-tiger.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Tiger</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/oriental-pros.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Oriental Prosperity</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mask-carnival.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mask Carnival</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/emoji-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Emoji Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/spirit-wonder.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Spirited Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/buffalo-win.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Buffalo Win</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/sprmkt-spree.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Supermarket Spree</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/crypt-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Raider Jane Crypt of Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mermaid-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mermaid Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rise-of-apollo.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rise of Apollo</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/heist-stakes.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Heist  Stakes</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/candy-bonanza.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Candy Bonanza</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/majestic-ts.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Majestic Treasures</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/crypto-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Crypto Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-ox.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Ox</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jack-frosts.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jack Frosts Winter</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/bali-vacation.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Bali Vacation</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/opera-dynasty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Opera Dynasty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/thai-river.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Thai River Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gdn-ice-fire.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Guardians of Ice & Fire</figcaption></figure><figure class="gameitem">
2018<img src = "https://img.viva88athenae.com/pg/images/sct-cleopatra.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Secrets of Cleopatra</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jewels-prosper.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jewels of Prosperity</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/galactic-gems.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Galactic Gems</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/genies-wishes.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Genies 3 Wishes</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-fireworks.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Fireworks</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/phoenix-rises.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Phoenix Rises</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/circus-delight.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Circus Delight</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/egypts-book-mystery.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Egypts Book of Mystery</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/candy-burst.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Candy Burst</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/bikini-paradise.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Bikini Paradise</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-mouse.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Mouse</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/shaolin-soccer.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Shaolin Soccer</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/muay-thai-champion.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Muay Thai Champion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragon-tiger-luck.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Tiger Luck</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gem-saviour-conquest.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gem Saviour Conquest</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/flirting-scholar.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Flirting Scholar</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/leprechaun-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Leprechaun Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ninja-vs-samurai.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ninja vs Samurai</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/vampires-charm.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Vampires Charm</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/captains-bounty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Captains Bounty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/journey-to-the-wealth.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Journey to the Wealth</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/double-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Double Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/emperors-favour.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">
2018Emperors Favour</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ganesha-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ganesha Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/symbols-of-egypt.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Symbols Of Egypt</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jungle-delight.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jungle Delight</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/piggy-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Piggy Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/santas-gift-rush.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Santas Gift Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mr-hallow-win.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mr. Hallow-Win!</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/legend-of-hou-yi.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Legend of Hou Yi</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hip-hop-panda.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hip Hop Panda</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hotpot.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hotpot</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-tree.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Tree of Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/plushie-frenzy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Plushie Frenzy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/win-win-won.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Win Win Won</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/reel-love.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Reel Love</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hood-wolf.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hood vs Wolf</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/medusa.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Medusa 1: the Curse of Athena</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/medusa2.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Medusa 2: the Quest of Perseus</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gem-saviour.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gem Saviour</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/diaochan.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Honey Trap of Diao Chan</figcaption></figure></div><div style="clear:both"></div>            
2019            
2020            
2021      		</div>
2022    	</div>
2023    </div>
2024                                            
2025                                    </div>
2026                                </div>
2027                        </div>
2028                    
2029
2030                                    </div>
2031            </div>
2032
2033            
2034            
2035                       <div class="widget-kupon">
2036                <!-- <div style="position:relative; width:100%;"> -->
2037                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
2038                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
2039                <!-- </div> -->
2040            </div>
2041            
2042            <!-- BANNER SBO MOBILE -->
2043            <div class="widget-sbo mobile-only">
2044               <div class="match-slider-wrap">
2045                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
2046
2047                                                    <div class="carousel-indicators">
2048                                                                    <button
2049                                    type="button"
2050                                    data-bs-target="#sboMatchCarouselMobile"
2051                                    data-bs-slide-to="0"
2052                                    class="active"
2053                                    aria-current="true"                                    aria-label="Slide 1">
2054                                </button>
2055                                                                <button
2056                                    type="button"
2057                                    data-bs-target="#sboMatchCarouselMobile"
2058                                    data-bs-slide-to="1"
2059                                    class=""
2060                                                                        aria-label="Slide 2">
2061                                </button>
2062                                                                <button
2063                                    type="button"
2064                                    data-bs-target="#sboMatchCarouselMobile"
2065                                    data-bs-slide-to="2"
2066                                    class=""
2067                                                                        aria-label="Slide 3">
2068                                </button>
2069                                                                <button
2070                                    type="button"
2071                                    data-bs-target="#sboMatchCarouselMobile"
2072                                    data-bs-slide-to="3"
2073                                    class=""
2074                                                                        aria-label="Slide 4">
2075                                </button>
2076                                                                <button
2077                                    type="button"
2078                                    data-bs-target="#sboMatchCarouselMobile"
2079                                    data-bs-slide-to="4"
2080                                    class=""
2081                                                                        aria-label="Slide 5">
2082                                </button>
2083                                                                <button
2084                                    type="button"
2085                                    data-bs-target="#sboMatchCarouselMobile"
2086                                    data-bs-slide-to="5"
2087                                    class=""
2088                                                                        aria-label="Slide 6">
2089                                </button>
2090                                                                <button
2091                                    type="button"
2092                                    data-bs-target="#sboMatchCarouselMobile"
2093                                    data-bs-slide-to="6"
2094                                    class=""
2095                                                                        aria-label="Slide 7">
2096                                </button>
2097                                                                <button
2098                                    type="button"
2099                                    data-bs-target="#sboMatchCarouselMobile"
2100                                    data-bs-slide-to="7"
2101                                    class=""
2102                                                                        aria-label="Slide 8">
2103                                </button>
2104                                                                <button
2105                                    type="button"
2106                                    data-bs-target="#sboMatchCarouselMobile"
2107                                    data-bs-slide-to="8"
2108                                    class=""
2109                                                                        aria-label="Slide 9">
2110                                </button>
2111                                                                <button
2112                                    type="button"
2113                                    data-bs-target="#sboMatchCarouselMobile"
2114                                    data-bs-slide-to="9"
2115                                    class=""
2116                                                                        aria-label="Slide 10">
2117                                </button>
2118                                                    </div>
2119                    
2120                    <div class="carousel-inner">
2121                                                    <div class="carousel-item active">
2122                                <div class="row g-3">
2123                                                                            <div class="col-12">
2124                                            <div class="match-card h-100">
2125                                                <div class="league-name">
2126                                                    ENGLISH PREMIER LEAGUE                                                </div>
2127
2128                                                <div class="kickoff-time">
2129                                                    October 10, 2026 — 18:30 WIB                                                </div>
2130
2131                                                <div class="match-main-row">
2132                                                    <div class="team-col">
2133                                                        <img
2134                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
2135                                                        alt="Arsenal"
2136                                                        class="team-logo"
2137                                                        >
2138                                                        <div class="team-name">
2139                                                            Arsenal                                                        </div>
2140                                                    </div>
2141
2142                                                    <div class="score-col">
2143                                                        <div class="score-value">
2144                                                            0 : 0                                                        </div>
2145
2146                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
2147                                                            BET NOW
2148                                                        </a>
2149                                                    </div>
2150
2151                                                    <div class="team-col">
2152                                                        <img
2153                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2153ce556.png"
2154                                                        alt="Leeds United"
2155                                                        class="team-logo"
2156                                                        >
2157                                                        <div class="team-name">
2158                                                            Leeds United                                                        </div>
2159                                                    </div>
2160                                                </div>
2161
2162                                                <div class="match-odds-row">
2163                                                    <div class="odds-col">
2164                                                        <span>
2165                                                            0.75                                                            <small>0.50</small>
2166                                                        </span>
2167                                                    </div>
2168
2169                                                    <div class="odds-spacer"></div>
2170
2171                                                    <div class="odds-col">
2172                                                        <span>
2173                                                            -0.75                                                            <small>-0.60</small>
2174                                                        </span>
2175                                                    </div>
2176                                                </div>
2177                                            </div>
2178                                        </div>
2179                                                                    </div>
2180                            </div>
2181                                                    <div class="carousel-item ">
2182                                <div class="row g-3">
2183                                                                            <div class="col-12">
2184                                            <div class="match-card h-100">
2185                                                <div class="league-name">
2186                                                    ENGLISH PREMIER LEAGUE                                                </div>
2187
2188                                                <div class="kickoff-time">
2189                                                    October 10, 2026 — 21:00 WIB                                                </div>
2190
2191                                                <div class="match-main-row">
2192                                                    <div class="team-col">
2193                                                        <img
2194                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
2195                                                        alt="Chelsea"
2196                                                        class="team-logo"
2197                                                        >
2198                                                        <div class="team-name">
2199                                                            Chelsea                                                        </div>
2200                                                    </div>
2201
2202                                                    <div class="score-col">
2203                                                        <div class="score-value">
2204                                                            0 : 0                                                        </div>
2205
2206                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
2207                                                            BET NOW
2208                                                        </a>
2209                                                    </div>
2210
2211                                                    <div class="team-col">
2212                                                        <img
2213                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
2214                                                        alt="Bournemouth AFC"
2215                                                        class="team-logo"
2216                                                        >
2217                                                        <div class="team-name">
2218                                                            Bournemouth AFC                                                        </div>
2219                                                    </div>
2220                                                </div>
2221
2222                                                <div class="match-odds-row">
2223                                                    <div class="odds-col">
2224                                                        <span>
2225                                                            0.5                                                            <small>0.66</small>
2226                                                        </span>
2227                                                    </div>
2228
2229                                                    <div class="odds-spacer"></div>
2230
2231                                                    <div class="odds-col">
2232                                                        <span>
2233                                                            -0.5                                                            <small>-0.76</small>
2234                                                        </span>
2235                                                    </div>
2236                                                </div>
2237                                            </div>
2238                                        </div>
2239                                                                    </div>
2240                            </div>
2241                                                    <div class="carousel-item ">
2242                                <div class="row g-3">
2243                                                                            <div class="col-12">
2244                                            <div class="match-card h-100">
2245                                                <div class="league-name">
2246                                                    SPAIN LA LIGA                                                </div>
2247
2248                                                <div class="kickoff-time">
2249                                                    October 10, 2026 — 23:30 WIB                                                </div>
2250
2251                                                <div class="match-main-row">
2252                                                    <div class="team-col">
2253                                                        <img
2254                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
2255                                                        alt="Barcelona"
2256                                                        class="team-logo"
2257                                                        >
2258                                                        <div class="team-name">
2259                                                            Barcelona                                                        </div>
2260                                                    </div>
2261
2262                                                    <div class="score-col">
2263                                                        <div class="score-value">
2264                                                            0 : 0                                                        </div>
2265
2266                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
2267                                                            BET NOW
2268                                                        </a>
2269                                                    </div>
2270
2271                                                    <div class="team-col">
2272                                                        <img
2273                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
2274                                                        alt="Getafe"
2275                                                        class="team-logo"
2276                                                        >
2277                                                        <div class="team-name">
2278                                                            Getafe                                                        </div>
2279                                                    </div>
2280                                                </div>
2281
2282                                                <div class="match-odds-row">
2283                                                    <div class="odds-col">
2284                                                        <span>
2285                                                            2.5                                                            <small>0.82</small>
2286                                                        </span>
2287                                                    </div>
2288
2289                                                    <div class="odds-spacer"></div>
2290
2291                                                    <div class="odds-col">
2292                                                        <span>
2293                                                            -2.5                                                            <small>-0.92</small>
2294                                                        </span>
2295                                                    </div>
2296                                                </div>
2297                                            </div>
2298                                        </div>
2299                                                                    </div>
2300                            </div>
2301                                                    <div class="carousel-item ">
2302                                <div class="row g-3">
2303                                                                            <div class="col-12">
2304                                            <div class="match-card h-100">
2305                                                <div class="league-name">
2306                                                    ENGLISH PREMIER LEAGUE                                                </div>
2307
2308                                                <div class="kickoff-time">
2309                                                    October 10, 2026 — 21:00 WIB                                                </div>
2310
2311                                                <div class="match-main-row">
2312                                                    <div class="team-col">
2313                                                        <img
2314                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
2315                                                        alt="Aston Villa"
2316                                                        class="team-logo"
2317                                                        >
2318                                                        <div class="team-name">
2319                                                            Aston Villa                                                        </div>
2320                                                    </div>
2321
2322                                                    <div class="score-col">
2323                                                        <div class="score-value">
2324                                                            0 : 0                                                        </div>
2325
2326                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
2327                                                            BET NOW
2328                                                        </a>
2329                                                    </div>
2330
2331                                                    <div class="team-col">
2332                                                        <img
2333                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
2334                                                        alt="Brentford"
2335                                                        class="team-logo"
2336                                                        >
2337                                                        <div class="team-name">
2338                                                            Brentford                                                        </div>
2339                                                    </div>
2340                                                </div>
2341
2342                                                <div class="match-odds-row">
2343                                                    <div class="odds-col">
2344                                                        <span>
2345                                                            0.00                                                            <small>-0.97</small>
2346                                                        </span>
2347                                                    </div>
2348
2349                                                    <div class="odds-spacer"></div>
2350
2351                                                    <div class="odds-col">
2352                                                        <span>
2353                                                            0.00                                                            <small>0.87</small>
2354                                                        </span>
2355                                                    </div>
2356                                                </div>
2357                                            </div>
2358                                        </div>
2359                                                                    </div>
2360                            </div>
2361                                                    <div class="carousel-item ">
2362                                <div class="row g-3">
2363                                                                            <div class="col-12">
2364                                            <div class="match-card h-100">
2365                                                <div class="league-name">
2366                                                    ENGLISH PREMIER LEAGUE                                                </div>
2367
2368                                                <div class="kickoff-time">
2369                                                    October 10, 2026 — 21:00 WIB                                                </div>
2370
2371                                                <div class="match-main-row">
2372                                                    <div class="team-col">
2373                                                        <img
2374                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
2375                                                        alt="Sunderland"
2376                                                        class="team-logo"
2377                                                        >
2378                                                        <div class="team-name">
2379                                                            Sunderland                                                        </div>
2380                                                    </div>
2381
2382                                                    <div class="score-col">
2383                                                        <div class="score-value">
2384                                                            0 : 0                                                        </div>
2385
2386                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
2387                                                            BET NOW
2388                                                        </a>
2389                                                    </div>
2390
2391                                                    <div class="team-col">
2392                                                        <img
2393                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
2394                                                        alt="Brighton &amp; Hove Albion"
2395                                                        class="team-logo"
2396                                                        >
2397                                                        <div class="team-name">
2398                                                            Brighton &amp; Hove Albion                                                        </div>
2399                                                    </div>
2400                                                </div>
2401
2402                                                <div class="match-odds-row">
2403                                                    <div class="odds-col">
2404                                                        <span>
2405                                                            0.00                                                            <small>-0.82</small>
2406                                                        </span>
2407                                                    </div>
2408
2409                                                    <div class="odds-spacer"></div>
2410
2411                                                    <div class="odds-col">
2412                                                        <span>
2413                                                            0.00                                                            <small>0.72</small>
2414                                                        </span>
2415                                                    </div>
2416                                                </div>
2417                                            </div>
2418                                        </div>
2419                                                                    </div>
2420                            </div>
2421                                                    <div class="carousel-item ">
2422                                <div class="row g-3">
2423                                                                            <div class="col-12">
2424                                            <div class="match-card h-100">
2425                                                <div class="league-name">
2426                                                    ENGLISH PREMIER LEAGUE                                                </div>
2427
2428                                                <div class="kickoff-time">
2429                                                    October 10, 2026 — 23:30 WIB                                                </div>
2430
2431                                                <div class="match-main-row">
2432                                                    <div class="team-col">
2433                                                        <img
2434                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
2435                                                        alt="Manchester United"
2436                                                        class="team-logo"
2437                                                        >
2438                                                        <div class="team-name">
2439                                                            Manchester United                                                        </div>
2440                                                    </div>
2441
2442                                                    <div class="score-col">
2443                                                        <div class="score-value">
2444                                                            0 : 0                                                        </div>
2445
2446                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
2447                                                            BET NOW
2448                                                        </a>
2449                                                    </div>
2450
2451                                                    <div class="team-col">
2452                                                        <img
2453                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
2454                                                        alt="Tottenham Hotspur"
2455                                                        class="team-logo"
2456                                                        >
2457                                                        <div class="team-name">
2458                                                            Tottenham Hotspur                                                        </div>
2459                                                    </div>
2460                                                </div>
2461
2462                                                <div class="match-odds-row">
2463                                                    <div class="odds-col">
2464                                                        <span>
2465                                                            0.5                                                            <small>0.72</small>
2466                                                        </span>
2467                                                    </div>
2468
2469                                                    <div class="odds-spacer"></div>
2470
2471                                                    <div class="odds-col">
2472                                                        <span>
2473                                                            -0.5                                                            <small>-0.82</small>
2474                                                        </span>
2475                                                    </div>
2476                                                </div>
2477                                            </div>
2478                                        </div>
2479                                                                    </div>
2480                            </div>
2481                                                    <div class="carousel-item ">
2482                                <div class="row g-3">
2483                                                                            <div class="col-12">
2484                                            <div class="match-card h-100">
2485                                                <div class="league-name">
2486                                                    SPAIN LA LIGA                                                </div>
2487
2488                                                <div class="kickoff-time">
2489                                                    October 11, 2026 — 02:00 WIB                                                </div>
2490
2491                                                <div class="match-main-row">
2492                                                    <div class="team-col">
2493                                                        <img
2494                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
2495                                                        alt="Real Madrid"
2496                                                        class="team-logo"
2497                                                        >
2498                                                        <div class="team-name">
2499                                                            Real Madrid                                                        </div>
2500                                                    </div>
2501
2502                                                    <div class="score-col">
2503                                                        <div class="score-value">
2504                                                            0 : 0                                                        </div>
2505
2506                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
2507                                                            BET NOW
2508                                                        </a>
2509                                                    </div>
2510
2511                                                    <div class="team-col">
2512                                                        <img
2513                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
2514                                                        alt="Villarreal"
2515                                                        class="team-logo"
2516                                                        >
2517                                                        <div class="team-name">
2518                                                            Villarreal                                                        </div>
2519                                                    </div>
2520                                                </div>
2521
2522                                                <div class="match-odds-row">
2523                                                    <div class="odds-col">
2524                                                        <span>
2525                                                            1                                                            <small>0.55</small>
2526                                                        </span>
2527                                                    </div>
2528
2529                                                    <div class="odds-spacer"></div>
2530
2531                                                    <div class="odds-col">
2532                                                        <span>
2533                                                            -1                                                            <small>-0.65</small>
2534                                                        </span>
2535                                                    </div>
2536                                                </div>
2537                                            </div>
2538                                        </div>
2539                                                                    </div>
2540                            </div>
2541                                                    <div class="carousel-item ">
2542                                <div class="row g-3">
2543                                                                            <div class="col-12">
2544                                            <div class="match-card h-100">
2545                                                <div class="league-name">
2546                                                    ITALY SERIE A                                                </div>
2547
2548                                                <div class="kickoff-time">
2549                                                    October 10, 2026 — 22:59 WIB                                                </div>
2550
2551                                                <div class="match-main-row">
2552                                                    <div class="team-col">
2553                                                        <img
2554                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
2555                                                        alt="Inter Milan"
2556                                                        class="team-logo"
2557                                                        >
2558                                                        <div class="team-name">
2559                                                            Inter Milan                                                        </div>
2560                                                    </div>
2561
2562                                                    <div class="score-col">
2563                                                        <div class="score-value">
2564                                                            0 : 0                                                        </div>
2565
2566                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
2567                                                            BET NOW
2568                                                        </a>
2569                                                    </div>
2570
2571                                                    <div class="team-col">
2572                                                        <img
2573                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
2574                                                        alt="Parma Calcio"
2575                                                        class="team-logo"
2576                                                        >
2577                                                        <div class="team-name">
2578                                                            Parma Calcio                                                        </div>
2579                                                    </div>
2580                                                </div>
2581
2582                                                <div class="match-odds-row">
2583                                                    <div class="odds-col">
2584                                                        <span>
2585                                                            2                                                            <small>0.65</small>
2586                                                        </span>
2587                                                    </div>
2588
2589                                                    <div class="odds-spacer"></div>
2590
2591                                                    <div class="odds-col">
2592                                                        <span>
2593                                                            -2                                                            <small>-0.75</small>
2594                                                        </span>
2595                                                    </div>
2596                                                </div>
2597                                            </div>
2598                                        </div>
2599                                                                    </div>
2600                            </div>
2601                                                    <div class="carousel-item ">
2602                                <div class="row g-3">
2603                                                                            <div class="col-12">
2604                                            <div class="match-card h-100">
2605                                                <div class="league-name">
2606                                                    SPAIN LA LIGA                                                </div>
2607
2608                                                <div class="kickoff-time">
2609                                                    October 10, 2026 — 19:00 WIB                                                </div>
2610
2611                                                <div class="match-main-row">
2612                                                    <div class="team-col">
2613                                                        <img
2614                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
2615                                                        alt="Rayo Vallecano"
2616                                                        class="team-logo"
2617                                                        >
2618                                                        <div class="team-name">
2619                                                            Rayo Vallecano                                                        </div>
2620                                                    </div>
2621
2622                                                    <div class="score-col">
2623                                                        <div class="score-value">
2624                                                            0 : 0                                                        </div>
2625
2626                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
2627                                                            BET NOW
2628                                                        </a>
2629                                                    </div>
2630
2631                                                    <div class="team-col">
2632                                                        <img
2633                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
2634                                                        alt="Athletic Bilbao"
2635                                                        class="team-logo"
2636                                                        >
2637                                                        <div class="team-name">
2638                                                            Athletic Bilbao                                                        </div>
2639                                                    </div>
2640                                                </div>
2641
2642                                                <div class="match-odds-row">
2643                                                    <div class="odds-col">
2644                                                        <span>
2645                                                            0.00                                                            <small>0.98</small>
2646                                                        </span>
2647                                                    </div>
2648
2649                                                    <div class="odds-spacer"></div>
2650
2651                                                    <div class="odds-col">
2652                                                        <span>
2653                                                            0.00                                                            <small>0.92</small>
2654                                                        </span>
2655                                                    </div>
2656                                                </div>
2657                                            </div>
2658                                        </div>
2659                                                                    </div>
2660                            </div>
2661                                                    <div class="carousel-item ">
2662                                <div class="row g-3">
2663                                                                            <div class="col-12">
2664                                            <div class="match-card h-100">
2665                                                <div class="league-name">
2666                                                    ENGLISH PREMIER LEAGUE                                                </div>
2667
2668                                                <div class="kickoff-time">
2669                                                    October 11, 2026 — 22:30 WIB                                                </div>
2670
2671                                                <div class="match-main-row">
2672                                                    <div class="team-col">
2673                                                        <img
2674                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
2675                                                        alt="Liverpool"
2676                                                        class="team-logo"
2677                                                        >
2678                                                        <div class="team-name">
2679                                                            Liverpool                                                        </div>
2680                                                    </div>
2681
2682                                                    <div class="score-col">
2683                                                        <div class="score-value">
2684                                                            0 : 0                                                        </div>
2685
2686                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
2687                                                            BET NOW
2688                                                        </a>
2689                                                    </div>
2690
2691                                                    <div class="team-col">
2692                                                        <img
2693                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
2694                                                        alt="Manchester City"
2695                                                        class="team-logo"
2696                                                        >
2697                                                        <div class="team-name">
2698                                                            Manchester City                                                        </div>
2699                                                    </div>
2700                                                </div>
2701
2702                                                <div class="match-odds-row">
2703                                                    <div class="odds-col">
2704                                                        <span>
2705                                                            0.00                                                            <small>-0.83</small>
2706                                                        </span>
2707                                                    </div>
2708
2709                                                    <div class="odds-spacer"></div>
2710
2711                                                    <div class="odds-col">
2712                                                        <span>
2713                                                            0.00                                                            <small>0.73</small>
2714                                                        </span>
2715                                                    </div>
2716                                                </div>
2717                                            </div>
2718                                        </div>
2719                                                                    </div>
2720                            </div>
2721                                            </div>
2722
2723                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
2724                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2725                            <span class="visually-hidden">Previous</span>
2726                        </button>
2727
2728                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
2729                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
2730                            <span class="visually-hidden">Next</span>
2731                        </button>
2732                                    </div>
2733                                </div>
2734            </div>
2735            <!-- BANNER SBO MOBILE END -->
2736            
2737            
2738            <!-- Togel -->    
2739            	
2740	<style>
2741	    .togel-desktop {
2742            /*background: var(--togel-background);*/
2743            background: var(--footer-background);
2744            grid-area: togel-desktop;
2745            position: relative;
2746        }
2747        
2748        .togel-mobile {
2749            display: none;
2750        }
2751
2752        .show-more {
2753            position: absolute; 
2754        
2755            z-index: 999; 
2756            bottom: 0px;
2757            width: 100%;
2758            
2759            /* 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)); */
2760        }
2761        
2762        .show-more-content {
2763            background: var(--secondary-background);
2764            opacity: .7;
2765            display: grid; 
2766            place-items: center; 
2767            height: 32px
2768        }
2769        
2770        .togel-content {    
2771            position: relative;  
2772            display: flex;
2773            flex-wrap: wrap;
2774            justify-content: center;
2775            /*display: grid;*/
2776            /*grid-template-columns: repeat(10, 1fr);*/
2777            gap: 8px 4px;
2778            padding: 16px 0;
2779        }
2780        
2781        .see-more {
2782            padding: 16px 0 48px 0;
2783            max-height: 162px;
2784            transition: max-height .75s ease-out;
2785            transition-delay: .1s;
2786            overflow: hidden;
2787        }
2788        
2789        .togel-content:hover{
2790            max-height: 1000px;
2791            transition: max-height 0.25s ease-in;
2792        }
2793        
2794        .result {
2795            height: 110px;
2796            width: 96px;
2797            border-radius: 10px;
2798            background: var(--result-background);
2799            border: var(--result-border);
2800            
2801            display: grid;
2802            grid-template-rows: 0px 20px 1fr 28px;
2803            grid-template-areas:
2804            "badge"
2805            "pasaran"
2806            "keluaran"
2807            "tanggal"
2808            ;
2809        
2810            /* display: flex;
2811            flex-direction: column;
2812            justify-content: space-between; */
2813        
2814            overflow: hidden;
2815        }
2816        
2817        .badge {
2818            grid-area: badge;
2819            display: grid;
2820            place-items: center;
2821        }
2822        
2823        .result>.pasaran {
2824        
2825            grid-area: pasaran;
2826        
2827            padding-top: 8px;
2828            white-space: nowrap;
2829            font-size: .7rem;
2830            line-height: .7rem;
2831        
2832            color: var(--result-pasaran-color);
2833            display: grid;
2834            place-items: center;
2835        }
2836        
2837        .result>.keluaran {
2838        
2839            grid-area: keluaran;
2840            padding-bottom: 8px;
2841            font-family: 'Oswald', sans-serif;
2842            line-height: 40px;
2843            font-size: 40px;
2844            color: var(--result-keluaran-color);
2845            display: grid;
2846            place-items: center;
2847        }
2848        
2849        .result>.tanggal {
2850        
2851            grid-area: tanggal;
2852        
2853            width: 100%;
2854            height: 100%;
2855            /* background: rgb(40,0,0);
2856            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
2857            background: var(--result-tanggal-background);
2858            white-space: nowarp;
2859            font-size: .79rem;
2860            display: grid;
2861            place-items: center;
2862            font-family: 'Abel', sans-serif;
2863            color: var(--result-tanggal-color);
2864        }
2865        
2866        @media only screen and (max-width: 1000px) {
2867            
2868            .togel-desktop {
2869                display: none;
2870            }
2871            
2872            .togel-mobile {
2873
2874                background: var(--secondary-background);
2875                grid-area: togel-mobile;
2876                padding: 24px;
2877                padding-bottom: 12px;
2878                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
2879            }
2880        
2881            .togel-title {
2882                padding: 0px;
2883                padding-bottom: 20px;
2884                font-size: 1.4rem;
2885                font-weight: bold;
2886                color: var(--primary-text-color);
2887            }
2888        
2889            .togel-content {
2890                max-height: fit-content;
2891                display: grid;
2892                grid-template-columns: 1fr;
2893                gap: 0;
2894                border-radius: 8px;
2895            }
2896            
2897
2898        
2899            .provider-group {
2900                padding: var(--mobile-padding-horizontal);
2901            }
2902        
2903            .badge {
2904                display: none;
2905            }
2906        
2907            .result {
2908                height: auto;
2909                width: 100%;
2910                display: grid;
2911                grid-template-rows: 1fr;
2912                grid-template-columns: 1fr 1fr 80px;
2913                grid-template-areas: "pasaran tanggal keluaran";
2914                border-radius: 0;
2915                border: none;
2916                background: transparent;
2917                padding: 4px 12px;
2918                color: var(--primary-text-color);
2919                font-family: 'Abel', sans-serif;
2920                
2921            }
2922            
2923                        
2924            .result-data:nth-child(odd) {
2925                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
2926            }
2927            
2928                        
2929            .accordion-item {
2930                background-color: transparent;
2931                border: 0px;
2932            }
2933            
2934            .accordion-button:not(.collapsed) {
2935                color: inherit;
2936                background-color: transparent;
2937                box-shadow: none;
2938            }
2939            
2940            .accordion-button::after {
2941                height: 0px;
2942            }
2943        
2944            .result>* {
2945                padding: 0px!important;
2946                margin: 0px!important;
2947                font-size: 1.4rem!important;
2948                line-height: auto!important;
2949                font-weight: normal!important;
2950            }
2951        
2952            .result>.pasaran {
2953                display: flex;
2954                justify-content: start;
2955                color: var(--primary-text-color)!important;
2956                opacity: .7;
2957            }
2958        
2959            .result>.tanggal {        
2960                display: flex;
2961                justify-content: center;
2962                background: transparent;
2963                color: var(--primary-text-color)!important;
2964                opacity: .7;
2965            }
2966        
2967            .result>.keluaran {
2968                display: flex;
2969                justify-content: end;
2970                /*color: var(--primary-text-color)!important;*/
2971                font-family: 'Abel', sans-serif;
2972                color: var(--highlight-text-color);
2973            }
2974            
2975        }
2976	</style>
2977	
2978	
2979	
2980	<div id="togel-desktop" class="togel-desktop desktop-only">
2981	    
2982	            	<div class="show-more desktop-only">
2983                <div class="show-more-content">
2984                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
2985                </div>
2986            </div>
2987            
2988        
2989    
2990        <div class="togel-content see-more">
2991                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
2992                <a href="/hasil/HKD" class="result">
2993                    
2994                    <div class="badge">
2995                                            </div>
2996                    
2997                    <div class="pasaran">HK SIANG&nbsp</div>
2998                    <div class="keluaran">3738</div>
2999                    <div class="tanggal"> 9/10/2026</div>
3000                </a>
3001                            <!-- <a href="/?content=hasil&pid=SYL" class="result"> -->
3002                <a href="/hasil/SYL" class="result">
3003                    
3004                    <div class="badge">
3005                                            </div>
3006                    
3007                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
3008                    <div class="keluaran">0188</div>
3009                    <div class="tanggal"> 9/10/2026</div>
3010                </a>
3011                            <!-- <a href="/?content=hasil&pid=HAI" class="result"> -->
3012                <a href="/hasil/HAI" class="result">
3013                    
3014                    <div class="badge">
3015                                            </div>
3016                    
3017                    <div class="pasaran">HAIPHONG&nbsp</div>
3018                    <div class="keluaran">3871</div>
3019                    <div class="tanggal"> 9/10/2026</div>
3020                </a>
3021                            <!-- <a href="/?content=hasil&pid=SG" class="result"> -->
3022                <a href="/hasil/SG" class="result">
3023                    
3024                    <div class="badge">
3025                                            </div>
3026                    
3027                    <div class="pasaran">SINGAPORE&nbsp</div>
3028                    <div class="keluaran">2855</div>
3029                    <div class="tanggal"> 8/10/2026</div>
3030                </a>
3031                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
3032                <a href="/hasil/MY" class="result">
3033                    
3034                    <div class="badge">
3035                                            </div>
3036                    
3037                    <div class="pasaran">MALAYSIA&nbsp</div>
3038                    <div class="keluaran">6034</div>
3039                    <div class="tanggal"> 9/10/2026</div>
3040                </a>
3041                            <!-- <a href="/?content=hasil&pid=JINAN" class="result"> -->
3042                <a href="/hasil/JINAN" class="result">
3043                    
3044                    <div class="badge">
3045                                            </div>
3046                    
3047                    <div class="pasaran">JINAN&nbsp</div>
3048                    <div class="keluaran">1195</div>
3049                    <div class="tanggal"> 9/10/2026</div>
3050                </a>
3051                            <!-- <a href="/?content=hasil&pid=QTR" class="result"> -->
3052                <a href="/hasil/QTR" class="result">
3053                    
3054                    <div class="badge">
3055                                            </div>
3056                    
3057                    <div class="pasaran">QATAR&nbsp</div>
3058                    <div class="keluaran">8696</div>
3059                    <div class="tanggal"> 9/10/2026</div>
3060                </a>
3061                            <!-- <a href="/?content=hasil&pid=BGP" class="result"> -->
3062                <a href="/hasil/BGP" class="result">
3063                    
3064                    <div class="badge">
3065                                            </div>
3066                    
3067                    <div class="pasaran">BOGOR&nbsp</div>
3068                    <div class="keluaran">5233</div>
3069                    <div class="tanggal"> 9/10/2026</div>
3070                </a>
3071                            <!-- <a href="/?content=hasil&pid=HKL" class="result"> -->
3072                <a href="/hasil/HKL" class="result">
3073                    
3074                    <div class="badge">
3075                                            </div>
3076                    
3077                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
3078                    <div class="keluaran">4650</div>
3079                    <div class="tanggal"> 9/10/2026</div>
3080                </a>
3081                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
3082                <a href="/hasil/TWH" class="result">
3083                    
3084                    <div class="badge">
3085                                            </div>
3086                    
3087                    <div class="pasaran">
3087TOTO WUHAN&nbsp</div>
3088                    <div class="keluaran">6536</div>
3089                    <div class="tanggal"> 10/10/2026</div>
3090                </a>
3091                            <!-- <a href="/?content=hasil&pid=TTM00" class="result"> -->
3092                <a href="/hasil/TTM00" class="result">
3093                    
3094                    <div class="badge">
3095                                            </div>
3096                    
3097                    <div class="pasaran">TOTO MACAU0000&nbsp</div>
3098                    <div class="keluaran">2412</div>
3099                    <div class="tanggal"> 9/10/2026</div>
3100                </a>
3101                            <!-- <a href="/?content=hasil&pid=TTM13" class="result"> -->
3102                <a href="/hasil/TTM13" class="result">
3103                    
3104                    <div class="badge">
3105                                            </div>
3106                    
3107                    <div class="pasaran">TOTOMACAU1300&nbsp</div>
3108                    <div class="keluaran">2582</div>
3109                    <div class="tanggal"> 9/10/2026</div>
3110                </a>
3111                            <!-- <a href="/?content=hasil&pid=TTM16" class="result"> -->
3112                <a href="/hasil/TTM16" class="result">
3113                    
3114                    <div class="badge">
3115                                            </div>
3116                    
3117                    <div class="pasaran">TOTOMACAU1600&nbsp</div>
3118                    <div class="keluaran">1103</div>
3119                    <div class="tanggal"> 9/10/2026</div>
3120                </a>
3121                            <!-- <a href="/?content=hasil&pid=TTM19" class="result"> -->
3122                <a href="/hasil/TTM19" class="result">
3123                    
3124                    <div class="badge">
3125                                            </div>
3126                    
3127                    <div class="pasaran">TOTOMACAU1900&nbsp</div>
3128                    <div class="keluaran">8919</div>
3129                    <div class="tanggal"> 9/10/2026</div>
3130                </a>
3131                            <!-- <a href="/?content=hasil&pid=TTM22" class="result"> -->
3132                <a href="/hasil/TTM22" class="result">
3133                    
3134                    <div class="badge">
3135                                            </div>
3136                    
3137                    <div class="pasaran">TOTOMACAU2200&nbsp</div>
3138                    <div class="keluaran">6078</div>
3139                    <div class="tanggal"> 9/10/2026</div>
3140                </a>
3141                            <!-- <a href="/?content=hasil&pid=TTM23" class="result"> -->
3142                <a href="/hasil/TTM23" class="result">
3143                    
3144                    <div class="badge">
3145                                            </div>
3146                    
3147                    <div class="pasaran">TOTOMACAU2300&nbsp</div>
3148                    <div class="keluaran">6884</div>
3149                    <div class="tanggal"> 9/10/2026</div>
3150                </a>
3151                        
3152        </div>
3153    </div>
3154    
3155    <div id="togel-mobile" class="togel-mobile mobile-only">
3156    	    
3157    	    <div class="togel-title">Togel Result</div>
3158    	    
3159            	    
3160	    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
3161          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
3162              
3163                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
3164                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
3165                                                              
3166          </div>
3167          <div class="carousel-inner">
3168
3169            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
3170                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
3171                                    <div class="badge">
3172                                                                            </div>
3173                                    <div class="pasaran">HK SIANG&nbsp</div>
3174                                    <div class="keluaran">3738</div>
3175                                    <div class="tanggal">09-10-2026</div>
3176                              </button>
3177                                                                <div id="paito-HKD" class="accordion-collapse collapse">
3178                                         
3179                                                <div class="result">
3180                                                    <div class="pasaran"></div>
3181                                                    <div class="keluaran">1257</div>
3182                                                    <div class="tanggal">08-10-2026</div>
3183                                                </div>
3184                                             
3185                                                <div class="result">
3186                                                    <div class="pasaran"></div>
3187                                                    <div class="keluaran">6727</div>
3188                                                    <div class="tanggal">07-10-2026</div>
3189                                                </div>
3190                                             
3191                                                <div class="result">
3192                                                    <div class="pasaran"></div>
3193                                                    <div class="keluaran">4776</div>
3194                                                    <div class="tanggal">06-10-2026</div>
3195                                                </div>
3196                                             
3197                                                <div class="result">
3198                                                    <div class="pasaran"></div>
3199                                                    <div class="keluaran">0870</div>
3200                                                    <div class="tanggal">05-10-2026</div>
3201                                                </div>
3202                                             
3203                                                <div class="result">
3204                                                    <div class="pasaran"></div>
3205                                                    <div class="keluaran">3772</div>
3206                                                    <div class="tanggal">04-10-2026</div>
3207                                                </div>
3208                                             
3209                                                <div class="result">
3210                                                    <div class="pasaran"></div>
3211                                                    <div class="keluaran">0546</div>
3212                                                    <div class="tanggal">03-10-2026</div>
3213                                                </div>
3214                                             
3215                                                <div class="result">
3216                                                    <div class="pasaran"></div>
3217                                                    <div class="keluaran">7631</div>
3218                                                    <div class="tanggal">02-10-2026</div>
3219                                                </div>
3220                                                                                </div>
3221                                                            </div>
3222                            
3223                                                    <div class="result-data accordion-item">
3224                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SYL">
3225                                    <div class="badge">
3226                                                                            </div>
3227                                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
3228                                    <div class="keluaran">0188</div>
3229                                    <div class="tanggal">09-10-2026</div>
3230                              </button>
3231                                                                <div id="paito-SYL" class="accordion-collapse collapse">
3232                                         
3233                                                <div class="result">
3234                                                    <div class="pasaran"></div>
3235                                                    <div class="keluaran">2532</div>
3236                                                    <div class="tanggal">08-10-2026</div>
3237                                                </div>
3238                                             
3239                                                <div class="result">
3240                                                    <div class="pasaran"></div>
3241                                                    <div class="keluaran">1832</div>
3242                                                    <div class="tanggal">07-10-2026</div>
3243                                                </div>
3244                                             
3245                                                <div class="result">
3246                                                    <div class="pasaran"></div>
3247                                                    <div class="keluaran">3417</div>
3248                                                    <div class="tanggal">06-10-2026</div>
3249                                                </div>
3250                                             
3251                                                <div class="result">
3252                                                    <div class="pasaran"></div>
3253                                                    <div class="keluaran">0672</div>
3254                                                    <div class="tanggal">05-10-2026</div>
3255                                                </div>
3256                                             
3257                                                <div class="result">
3258                                                    <div class="pasaran"></div>
3259                                                    <div class="keluaran">0111</div>
3260                                                    <div class="tanggal">04-10-2026</div>
3261                                                </div>
3262                                             
3263                                                <div class="result">
3264                                                    <div class="pasaran"></div>
3265                                                    <div class="keluaran">2503</div>
3266                                                    <div class="tanggal">03-10-2026</div>
3267                                                </div>
3268                                             
3269                                                <div class="result">
3270                                                    <div class="pasaran"></div>
3271                                                    <div class="keluaran">2958</div>
3272                                                    <div class="tanggal">02-10-2026</div>
3273                                                </div>
3274                                                                                </div>
3275                                                            </div>
3276                            
3277                                                    <div class="result-data accordion-item">
3278                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HAI">
3279                                    <div class="badge">
3280                                                                            </div>
3281                                    <div class="pasaran">HAIPHONG&nbsp</div>
3282                                    <div class="keluaran">3871</div>
3283                                    <div class="tanggal">09-10-2026</div>
3284                              </button>
3285                                                                <div id="paito-HAI" class="accordion-collapse collapse">
3286                                         
3287                                                <div class="result">
3288                                                    <div class="pasaran"></div>
3289                                                    <div class="keluaran">0105</div>
3290                                                    <div class="tanggal">08-10-2026</div>
3291                                                </div>
3292                                             
3293                                                <div class="result">
3294                                                    <div class="pasaran"></div>
3295                                                    <div class="keluaran">0525</div>
3296                                                    <div class="tanggal">07-10-2026</div>
3297                                                </div>
3298                                             
3299                                                <div class="result">
3300                                                    <div class="pasaran"></div>
3301                                                    <div class="keluaran">0551</div>
3302                                                    <div class="tanggal">06-10-2026</div>
3303                                                </div>
3304                                             
3305                                                <div class="result">
3306                                                    <div class="pasaran"></div>
3307                                                    <div class="keluaran">4249</div>
3308                                                    <div class="tanggal">05-10-2026</div>
3309                                                </div>
3310                                             
3311                                                <div class="result">
3312                                                    <div class="pasaran"></div>
3313                                                    <div class="keluaran">7549</div>
3314                                                    <div class="tanggal">04-10-2026</div>
3315                                                </div>
3316                                             
3317                                                <div class="result">
3318                                                    <div class="pasaran"></div>
3319                                                    <div class="keluaran">1138</div>
3320                                                    <div class="tanggal">03-10-2026</div>
3321                                                </div>
3322                                             
3323                                                <div class="result">
3324                                                    <div class="pasaran"></div>
3325                                                    <div class="keluaran">3140</div>
3326                                                    <div class="tanggal">02-10-2026</div>
3327                                                </div>
3328                                                                                </div>
3329                                                            </div>
3330                            
3331                                                    <div class="result-data accordion-item">
3332                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
3333                                    <div class="badge">
3334                                                                            </div>
3335                                    <div class="pasaran">SINGAPOR
3335E&nbsp</div>
3336                                    <div class="keluaran">2855</div>
3337                                    <div class="tanggal">08-10-2026</div>
3338                              </button>
3339                                                                <div id="paito-SG" class="accordion-collapse collapse">
3340                                         
3341                                                <div class="result">
3342                                                    <div class="pasaran"></div>
3343                                                    <div class="keluaran">9838</div>
3344                                                    <div class="tanggal">07-10-2026</div>
3345                                                </div>
3346                                             
3347                                                <div class="result">
3348                                                    <div class="pasaran"></div>
3349                                                    <div class="keluaran">3897</div>
3350                                                    <div class="tanggal">05-10-2026</div>
3351                                                </div>
3352                                             
3353                                                <div class="result">
3354                                                    <div class="pasaran"></div>
3355                                                    <div class="keluaran">2812</div>
3356                                                    <div class="tanggal">04-10-2026</div>
3357                                                </div>
3358                                             
3359                                                <div class="result">
3360                                                    <div class="pasaran"></div>
3361                                                    <div class="keluaran">3670</div>
3362                                                    <div class="tanggal">03-10-2026</div>
3363                                                </div>
3364                                             
3365                                                <div class="result">
3366                                                    <div class="pasaran"></div>
3367                                                    <div class="keluaran">9006</div>
3368                                                    <div class="tanggal">01-10-2026</div>
3369                                                </div>
3370                                             
3371                                                <div class="result">
3372                                                    <div class="pasaran"></div>
3373                                                    <div class="keluaran">3096</div>
3374                                                    <div class="tanggal">30-09-2026</div>
3375                                                </div>
3376                                             
3377                                                <div class="result">
3378                                                    <div class="pasaran"></div>
3379                                                    <div class="keluaran">7185</div>
3380                                                    <div class="tanggal">28-09-2026</div>
3381                                                </div>
3382                                                                                </div>
3383                                                            </div>
3384                            
3385                                                    <div class="result-data accordion-item">
3386                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
3387                                    <div class="badge">
3388                                                                            </div>
3389                                    <div class="pasaran">MALAYSIA&nbsp</div>
3390                                    <div class="keluaran">6034</div>
3391                                    <div class="tanggal">09-10-2026</div>
3392                              </button>
3393                                                                <div id="paito-MY" class="accordion-collapse collapse">
3394                                         
3395                                                <div class="result">
3396                                                    <div class="pasaran"></div>
3397                                                    <div class="keluaran">2991</div>
3398                                                    <div class="tanggal">08-10-2026</div>
3399                                                </div>
3400                                             
3401                                                <div class="result">
3402                                                    <div class="pasaran"></div>
3403                                                    <div class="keluaran">3932</div>
3404                                                    <div class="tanggal">07-10-2026</div>
3405                                                </div>
3406                                             
3407                                                <div class="result">
3408                                                    <div class="pasaran"></div>
3409                                                    <div class="keluaran">4883</div>
3410                                                    <div class="tanggal">06-10-2026</div>
3411                                                </div>
3412                                             
3413                                                <div class="result">
3414                                                    <div class="pasaran"></div>
3415                                                    <div class="keluaran">4639</div>
3416                                                    <div class="tanggal">05-10-2026</div>
3417                                                </div>
3418                                             
3419                                                <div class="result">
3420                                                    <div class="pasaran"></div>
3421                                                    <div class="keluaran">4920</div>
3422                                                    <div class="tanggal">04-10-2026</div>
3423                                                </div>
3424                                             
3425                                                <div class="result">
3426                                                    <div class="pasaran"></div>
3427                                                    <div class="keluaran">8849</div>
3428                                                    <div class="tanggal">03-10-2026</div>
3429                                                </div>
3430                                             
3431                                                <div class="result">
3432                                                    <div class="pasaran"></div>
3433                                                    <div class="keluaran">
34337141</div>
3434                                                    <div class="tanggal">02-10-2026</div>
3435                                                </div>
3436                                                                                </div>
3437                                                            </div>
3438                            
3439                                                    <div class="result-data accordion-item">
3440                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-JINAN">
3441                                    <div class="badge">
3442                                                                            </div>
3443                                    <div class="pasaran">JINAN&nbsp</div>
3444                                    <div class="keluaran">1195</div>
3445                                    <div class="tanggal">09-10-2026</div>
3446                              </button>
3447                                                                <div id="paito-JINAN" class="accordion-collapse collapse">
3448                                         
3449                                                <div class="result">
3450                                                    <div class="pasaran"></div>
3451                                                    <div class="keluaran">2308</div>
3452                                                    <div class="tanggal">08-10-2026</div>
3453                                                </div>
3454                                             
3455                                                <div class="result">
3456                                                    <div class="pasaran"></div>
3457                                                    <div class="keluaran">7741</div>
3458                                                    <div class="tanggal">07-10-2026</div>
3459                                                </div>
3460                                             
3461                                                <div class="result">
3462                                                    <div class="pasaran"></div>
3463                                                    <div class="keluaran">6704</div>
3464                                                    <div class="tanggal">06-10-2026</div>
3465                                                </div>
3466                                             
3467                                                <div class="result">
3468                                                    <div class="pasaran"></div>
3469                                                    <div class="keluaran">0162</div>
3470                                                    <div class="tanggal">05-10-2026</div>
3471                                                </div>
3472                                             
3473                                                <div class="result">
3474                                                    <div class="pasaran"></div>
3475                                                    <div class="keluaran">6234</div>
3476                                                    <div class="tanggal">04-10-2026</div>
3477                                                </div>
3478                                             
3479                                                <div class="result">
3480                                                    <div class="pasaran"></div>
3481                                                    <div class="keluaran">1768</div>
3482                                                    <div class="tanggal">03-10-2026</div>
3483                                                </div>
3484                                             
3485                                                <div class="result">
3486                                                    <div class="pasaran"></div>
3487                                                    <div class="keluaran">6039</div>
3488                                                    <div class="tanggal">02-10-2026</div>
3489                                                </div>
3490                                                                                </div>
3491                                                            </div>
3492                            
3493                                                    <div class="result-data accordion-item">
3494                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
3495                                    <div class="badge">
3496                                                                            </div>
3497                                    <div class="pasaran">QATAR&nbsp</div>
3498                                    <div class="keluaran">8696</div>
3499                                    <div class="tanggal">09-10-2026</div>
3500                              </button>
3501                                                                <div id="paito-QTR" class="accordion-collapse collapse">
3502                                         
3503                                                <div class="result">
3504                                                    <div class="pasaran"></div>
3505                                                    <div class="keluaran">8317</div>
3506                                                    <div class="tanggal">08-10-2026</div>
3507                                                </div>
3508                                             
3509                                                <div class="result">
3510                                                    <div class="pasaran"></div>
3511                                                    <div class="keluaran">9915</div>
3512                                                    <div class="tanggal">07-10-2026</div>
3513                                                </div>
3514                                             
3515                                                <div class="result">
3516                                                    <div class="pasaran"></div>
3517                                                    <div class="keluaran">5740</div>
3518                                                    <div class="tanggal">06-10-2026</div>
3519                                                </div>
3520                                             
3521                                                <div class="result">
3522                                                    <div class="pasaran"></div>
3523                                                    <div class="keluaran">8643</div>
3524                                                    <div class="tanggal">05-10-2026</div>
3525                                                </div>
3526                                             
3527                                                <div class="result">
3528                                                    <div class="pasaran"></div>
3529                                                    <div class="keluaran">0646</div>
3530                                                    <div class="tanggal">04-10-2026</div>
3531                                                </div>
3532                                             
3533                                                <div class="result">
3534                                                    <div class="pasaran"></div>
3535                                                    <div class="keluaran">7691</div>
3536                                                    <div class="tanggal">03-10-2026</div>
3537                                                </div>
3538                                             
3539                                                <div class="result">
3540                                                    <div class="pasaran"></div>
3541                                                    <div class="keluaran">3505</div>
3542                                                    <div class="tanggal">02-10-2026</div>
3543                                                </div>
3544                                                                                </div>
3545                                                            </div>
3546                            
3547                                                    <div class="result-data accordion-item">
3548                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-BGP">
3549                                    <div class="badge">
3550                                                                            </div>
3551                                    <div class="pasaran">BOGOR&nbsp</div>
3552                                    <div class="keluaran">5233</div>
3553                                    <div class="tanggal">09-10-2026</div>
3554                              </button>
3555                                                                <div id="paito-BGP" class="accordion-collapse collapse">
3556                                         
3557                                                <div class="result">
3558                                                    <div class="pasaran"></div>
3559                                                    <div class="keluaran">3188</div>
3560                                                    <div class="tanggal">08-10-2026</div>
3561                                                </div>
3562                                             
3563                                                <div class="result">
3564                                                    <div class="pasaran"></div>
3565                                                    <div class="keluaran">0438</div>
3566                                                    <div class="tanggal">07-10-2026</div>
3567                                                </div>
3568                                             
3569                                                <div class="result">
3570                                                    <div class="pasaran"></div>
3571                                                    <div class="keluaran">0188</div>
3572                                                    <div class="tanggal">06-10-2026</div>
3573                                                </div>
3574                                             
3575                                                <div class="result">
3576                                                    <div class="pasaran"></div>
3577                                                    <div class="keluaran">1029</div>
3578                                                    <div class="tanggal">05-10-2026</div>
3579                                                </div>
3580                                             
3581                                                <div class="result">
3582                                                    <div class="pasaran"></div>
3583                                                    <div class="keluaran">9860</div>
3584                                                    <div class="tanggal">04-10-2026</div>
3585                                                </div>
3586                                             
3587                                                <div class="result">
3588                                                    <div class="pasaran"></div>
3589                                                    <div class="keluaran">1320</div>
3590                                                    <div class="tanggal">03-10-2026</div>
3591                                                </div>
3592                                             
3593                                                <div class="result">
3594                                                    <div class="pasaran"></div>
3595                                                    <div class="keluaran">1199</div>
3596                                                    <div class="tanggal">02-10-2026</div>
3597                                                </div>
3598                                                                                </div>
3599                                                            </div>
3600                            
3601                                                    <div class="result-data accordion-item">
3602                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKL">
3603                                    <div class="badge">
3604                                                                            </div>
3605                                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
3606                                    <div class="keluaran">4650</div>
3607                                    <div class="tanggal">09-10-2026</div>
3608                              </button>
3609                                                                <div id="paito-HKL" class="accordion-collapse collapse">
3610                                         
3611                                                <div class="result">
3612                                                    <div class="pasaran"></div>
3613                                                    <div class="keluaran">7071</div>
3614                                                    <div class="tanggal">08-10-2026</div>
3615                                                </div>
3616                                             
3617                                                <div class="result">
3618                                                    <div class="pasaran"></div>
3619                                                    <div class="keluaran">2431</div>
3620                                                    <div class="tanggal">07-10-2026</div>
3621                                                </div>
3622                                             
3623                                                <div class="result">
3624                                                    <div class="pasaran"></div>
3625                                                    <div class="keluaran">0498</div>
3626                                                    <div class="tanggal">06-10-2026</div>
3627                                                </div>
3628                                             
3629                                                <div class="result">
3630                                                    <div class="pasaran"></div>
3631                                                    <div class="keluaran">8012</div>
3632                                                    <div class="tanggal">05-10-2026</div>
3633                                                </div>
3634                                             
3635                                                <div class="result">
3636                                                    <div class="pasaran"></div>
3637                                                    <div class="keluaran">0416</div>
3638                                                    <div class="tanggal">04-10-2026</div>
3639                                                </div>
3640                                             
3641                                                <div class="result">
3642                                                    <div class="pasaran"></div>
3643                                                    <div class="keluaran">2510</div>
3644                                                    <div class="tanggal">03-10-2026</div>
3645                                                </div>
3646                                             
3647                                                <div class="result">
3648                                                    <div class="pasaran"></div>
3649                                                    <div class="keluaran">1561</div>
3650                                                    <div class="tanggal">02-10-2026</div>
3651                                                </div>
3652                                                                                </div>
3653                                                            </div>
3654                            
3655                                                    <div class="result-data accordion-item">
3656                                <button class="result accordion-button" type="button" data-bs-to
3656ggle="collapse" data-bs-target="#paito-TWH">
3657                                    <div class="badge">
3658                                                                            </div>
3659                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
3660                                    <div class="keluaran">6536</div>
3661                                    <div class="tanggal">10-10-2026</div>
3662                              </button>
3663                                                                <div id="paito-TWH" class="accordion-collapse collapse">
3664                                         
3665                                                <div class="result">
3666                                                    <div class="pasaran"></div>
3667                                                    <div class="keluaran">9250</div>
3668                                                    <div class="tanggal">09-10-2026</div>
3669                                                </div>
3670                                             
3671                                                <div class="result">
3672                                                    <div class="pasaran"></div>
3673                                                    <div class="keluaran">4208</div>
3674                                                    <div class="tanggal">09-10-2026</div>
3675                                                </div>
3676                                             
3677                                                <div class="result">
3678                                                    <div class="pasaran"></div>
3679                                                    <div class="keluaran">6154</div>
3680                                                    <div class="tanggal">09-10-2026</div>
3681                                                </div>
3682                                             
3683                                                <div class="result">
3684                                                    <div class="pasaran"></div>
3685                                                    <div class="keluaran">3312</div>
3686                                                    <div class="tanggal">09-10-2026</div>
3687                                                </div>
3688                                             
3689                                                <div class="result">
3690                                                    <div class="pasaran"></div>
3691                                                    <div class="keluaran">4840</div>
3692                                                    <div class="tanggal">09-10-2026</div>
3693                                                </div>
3694                                             
3695                                                <div class="result">
3696                                                    <div class="pasaran"></div>
3697                                                    <div class="keluaran">6631</div>
3698                                                    <div class="tanggal">09-10-2026</div>
3699                                                </div>
3700                                             
3701                                                <div class="result">
3702                                                    <div class="pasaran"></div>
3703                                                    <div class="keluaran">1674</div>
3704                                                    <div class="tanggal">08-10-2026</div>
3705                                                </div>
3706                                                                                </div>
3707                                                            </div>
3708                            
3709                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
3710                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM00">
3711                                    <div class="badge">
3712                                                                            </div>
3713                                    <div class="pasaran">TOTO MACAU0000&nbsp</div>
3714                                    <div class="keluaran">2412</div>
3715                                    <div class="tanggal">09-10-2026</div>
3716                              </button>
3717                                                                <div id="paito-TTM00" class="accordion-collapse collapse">
3718                                         
3719                                                <div class="result">
3720                                                    <div class="pasaran"></div>
3721                                                    <div class="keluaran">7036</div>
3722                                                    <div class="tanggal">08-10-2026</div>
3723                                                </div>
3724                                             
3725                                                <div class="result">
3726                                                    <div class="pasaran"></div>
3727                                                    <div class="keluaran">1825</div>
3728                                                    <div class="tanggal">07-10-2026</div>
3729                                                </div>
3730                                             
3731                                                <div class="result">
3732                                                    <div class="pasaran"></div>
3733                                                    <div class="keluaran">1791</div>
3734                                                    <div class="tanggal">06-10-2026</div>
3735                                                </div>
3736                                             
3737                                                <div class="result">
3738                                                    <div class="pasaran"></div>
3739                                                    <div class="keluaran">2360</div>
3740                                                    <div class="tanggal">05-10-2026</div>
3741                                                </div>
3742                                             
3743                                                <div class="result">
3744                                                    <div class="pasaran"></div>
3745                                                    <div class="keluaran">0422</div>
3746                                                    <div class="tanggal">04-10-2026</div>
3747                                                </div>
3748                                             
3749                                                <div class="result">
3750                                                    <div class="pasaran"></div>
3751                                                    <div class="keluaran">0437</div>
3752                                                    <div class="tanggal">03-10-2026</div>
3753                                                </div>
3754                                             
3755                                                <div class="result">
3756                                                    <div class="pasaran"></div>
3757                                                    <div class="keluaran">1329</div>
3758                                                    <div class="tanggal">02-10-2026</div>
3759                                                </div>
3760                                                                                </div>
3761                                                            </div>
3762                            
3763                                                    <div class="result-data accordion-item">
3764                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM13">
3765                                    <div class="badge">
3766                                                                            </div>
3767                                    <div class="pasaran">TOTOMACAU1300&nbsp</div>
3768                                    <div class="keluaran">2582</div>
3769                                    <div class="tanggal">09-10-2026</div>
3770                              </button>
3771                                                                <div id="paito-TTM13" class="accordion-collapse collapse">
3772                                         
3773                                                <div class="result">
3774                                                    <div class="pasaran"></div>
3775                                                    <div class="keluaran">4518</div>
3776                                                    <div class="tanggal">08-10-2026</div>
3777                                                </div>
3778                                             
3779                                                <div class="result">
3780                                                    <div class="pasaran"></div>
3781                                                    <div class="keluaran">2492</div>
3782                                                    <div class="tanggal">07-10-2026</div>
3783                                                </div>
3784                                             
3785                                                <div class="result">
3786                                                    <div class="pasaran"></div>
3787                                                    <div class="keluaran">5625</div>
3788                                                    <div class="tanggal">06-10-2026</div>
3789                                                </div>
3790                                             
3791                                                <div class="result">
3792                                                    <div class="pasaran"></div>
3793                                                    <div class="keluaran">6520</div>
3794                                                    <div class="tanggal">05-10-2026</div>
3795                                                </div>
3796                                             
3797                                                <div class="result">
3798                                                    <div class="pasaran"></div>
3799                                                    <div class="keluaran">9711</div>
3800                                                    <div class="tanggal">04-10-2026</div>
3801                                                </div>
3802                                             
3803                                                <div class="result">
3804                                                    <div class="pasaran"></div>
3805                                                    <div class="keluaran">9180</div>
3806                                                    <div class="tanggal">03-10-2026</div>
3807                                                </div>
3808                                             
3809                                                <div class="result">
3810                                                    <div class="pasaran"></div>
3811                                                    <div class="keluaran">2811</div>
3812                                                    <div class="tanggal">02-10-2026</div>
3813                                                </div>
3814                                                                                </div>
3815                                                            </div>
3816                            
3817                                                    <div class="result-data accordion-item">
3818                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM16">
3819                                    <div class="badge">
3820                                                                            </div>
3821                                    <div class="pasaran">TOTOMACAU1600&nbsp</div>
3822                                    <div class="keluaran">1103</div>
3823                                    <div class="tanggal">09-10-2026</div>
3824                              </button>
3825                                                                <div id="paito-TTM16" class="accordion-collapse collapse">
3826                                         
3827                                                <div class="result">
3828                                                    <div class="pasaran"></div>
3829                                                    <div class="keluaran">6360</div>
3830                                                    <div class="tanggal">08-10-2026</div>
3831                                                </div>
3832                                             
3833                                                <div class="result">
3834                                                    <div class="pasaran"></div>
3835                                                    <div class="keluaran">9210</div>
3836                                                    <div class="tanggal">07-10-2026</div>
3837                                                </div>
3838                                             
3839                                                <div class="result">
3840                                                    <div class="pasaran"></div>
3841                                                    <div class="keluaran">2371</div>
3842                                                    <div class="tanggal">06-10-2026</div>
3843                                                </div>
3844                                             
3845                                                <div class="result">
3846                                                    <div class="pasaran"></div>
3847                                                    <div class="keluaran">2786</div>
3848                                                    <div class="tanggal">05-10-2026</div>
3849                                                </div>
3850                                             
3851                                                <div class="result">
3852                                                    <div class="pasaran"></div>
3853                                                    <div class="keluaran">6416</div>
3854                                                    <div class="tanggal">04-10-2026</div>
3855                                                </div>
3856                                             
3857                                                <div class="result">
3858                                                    <div class="pasaran"></div>
3859                                                    <div class="keluaran">1710</div>
3860                                                    <div class="tanggal">03-10-2026</div>
3861                                                </div>
3862                                             
3863                                                <div class="result">
3864                                                    <div class="pasaran"></div>
3865                                                    <div class="keluaran">2964</div>
3866                                                    <div class="tanggal">02-10-2026</div>
3867                                                </div>
3868                                                                                </div>
3869                                                            </div>
3870                            
3871                                                    <div class="result-data accordion-item">
3872                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM19">
3873                                    <div class="badge">
3874                                                                            </div>
3875                                    <div class="pasaran">TOTOMACAU1900&nbsp</div>
3876                                    <div class="keluaran">8919</div>
3877                                    <div class="tanggal">09-10-2026</div>
3878                              
3878</button>
3879                                                                <div id="paito-TTM19" class="accordion-collapse collapse">
3880                                         
3881                                                <div class="result">
3882                                                    <div class="pasaran"></div>
3883                                                    <div class="keluaran">2144</div>
3884                                                    <div class="tanggal">08-10-2026</div>
3885                                                </div>
3886                                             
3887                                                <div class="result">
3888                                                    <div class="pasaran"></div>
3889                                                    <div class="keluaran">3508</div>
3890                                                    <div class="tanggal">07-10-2026</div>
3891                                                </div>
3892                                             
3893                                                <div class="result">
3894                                                    <div class="pasaran"></div>
3895                                                    <div class="keluaran">3021</div>
3896                                                    <div class="tanggal">06-10-2026</div>
3897                                                </div>
3898                                             
3899                                                <div class="result">
3900                                                    <div class="pasaran"></div>
3901                                                    <div class="keluaran">0996</div>
3902                                                    <div class="tanggal">05-10-2026</div>
3903                                                </div>
3904                                             
3905                                                <div class="result">
3906                                                    <div class="pasaran"></div>
3907                                                    <div class="keluaran">0166</div>
3908                                                    <div class="tanggal">04-10-2026</div>
3909                                                </div>
3910                                             
3911                                                <div class="result">
3912                                                    <div class="pasaran"></div>
3913                                                    <div class="keluaran">9946</div>
3914                                                    <div class="tanggal">03-10-2026</div>
3915                                                </div>
3916                                             
3917                                                <div class="result">
3918                                                    <div class="pasaran"></div>
3919                                                    <div class="keluaran">9822</div>
3920                                                    <div class="tanggal">02-10-2026</div>
3921                                                </div>
3922                                                                                </div>
3923                                                            </div>
3924                            
3925                                                    <div class="result-data accordion-item">
3926                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM22">
3927                                    <div class="badge">
3928                                                                            </div>
3929                                    <div class="pasaran">TOTOMACAU2200&nbsp</div>
3930                                    <div class="keluaran">6078</div>
3931                                    <div class="tanggal">09-10-2026</div>
3932                              </button>
3933                                                                <div id="paito-TTM22" class="accordion-collapse collapse">
3934                                         
3935                                                <div class="result">
3936                                                    <div class="pasaran"></div>
3937                                                    <div class="keluaran">0522</div>
3938                                                    <div class="tanggal">08-10-2026</div>
3939                                                </div>
3940                                             
3941                                                <div class="result">
3942                                                    <div class="pasaran"></div>
3943                                                    <div class="keluaran">9798</div>
3944                                                    <div class="tanggal">07-10-2026</div>
3945                                                </div>
3946                                             
3947                                                <div class="result">
3948                                                    <div class="pasaran"></div>
3949                                                    <div class="keluaran">1928</div>
3950                                                    <div class="tanggal">06-10-2026</div>
3951                                                </div>
3952                                             
3953                                                <div class="result">
3954                                                    <div class="pasaran"></div>
3955                                                    <div class="keluaran">5522</div>
3956                                                    <div class="tanggal">05-10-2026</div>
3957                                                </div>
3958                                             
3959                                                <div class="result">
3960                                                    <div class="pasaran"></div>
3961                                                    <div class="keluaran">6057</div>
3962                                                    <div class="tanggal">04-10-2026</div>
3963                                                </div>
3964                                             
3965                                                <div class="result">
3966                                                    <div class="pasaran"></div>
3967                                                    <div class="keluaran">5488</div>
3968                                                    <div class="tanggal">03-10-2026</div>
3969                                                </div>
3970                                             
3971                                                <div class="result">
3972                                                    <div class="pasaran"></div>
3973                                                    <div class="keluaran">4574</div>
3974                                                    <div class="tanggal">02-10-2026</div>
3975                                                </div>
3976                                                                                </div>
3977                                                            </div>
3978                            
3979                                                    <div class="result-data accordion-item">
3980                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM23">
3981                                    <div class="badge">
3982                                                                            </div>
3983                                    <div class="pasaran">TOTOMACAU2300&nbsp</div>
3984                                    <div class="keluaran">6884</div>
3985                                    <div class="tanggal">09-10-2026</div>
3986                              </button>
3987                                                                <div id="paito-TTM23" class="accordion-collapse collapse">
3988                                         
3989                                                <div class="result">
3990                                                    <div class="pasaran"></div>
3991                                                    <div class="keluaran">5747</div>
3992                                                    <div class="tanggal">08-10-2026</div>
3993                                                </div>
3994                                             
3995                                                <div class="result">
3996                                                    <div class="pasaran"></div>
3997                                                    <div class="keluaran">1034</div>
3998                                                    <div class="tanggal">07-10-2026</div>
3999                                                </div>
4000                                             
4001                                                <div class="result">
4002                                                    <div class="pasaran"></div>
4003                                                    <div class="keluaran">0578</div>
4004                                                    <div class="tanggal">06-10-2026</div>
4005                                                </div>
4006                                             
4007                                                <div class="result">
4008                                                    <div class="pasaran"></div>
4009                                                    <div class="keluaran">6474</div>
4010                                                    <div class="tanggal">05-10-2026</div>
4011                                                </div>
4012                                             
4013                                                <div class="result">
4014                                                    <div class="pasaran"></div>
4015                                                    <div class="keluaran">2233</div>
4016                                                    <div class="tanggal">04-10-2026</div>
4017                                                </div>
4018                                             
4019                                                <div class="result">
4020                                                    <div class="pasaran"></div>
4021                                                    <div class="keluaran">4413</div>
4022                                                    <div class="tanggal">03-10-2026</div>
4023                                                </div>
4024                                             
4025                                                <div class="result">
4026                                                    <div class="pasaran"></div>
4027                                                    <div class="keluaran">9822</div>
4028                                                    <div class="tanggal">02-10-2026</div>
4029                                                </div>
4030                                                                                </div>
4031                                                            </div>
4032                            
4033                        </div>              
4034              
4035          </div>
4036        </div>
4037    </div>
4038    
4039    
4039<script>
4040        
4041        function togglePaito(paitoid) {
4042            let paito = document.getElementById(paitoid);
4043            paito.classList.add("open");
4044        }
4045        
4046        
4047    </script>
4047
4048
4049            <div class="transaksi p-0 py-lg-4">
4050                <div class="d-none d-lg-block">
4051                    <!-- BANNER SBO DESKTOP -->
4052                    <div class="match-slider-wrap">
4053                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
4054
4055                                                                    <div class="carousel-indicators">
4056                                                                                    <button
4057                                                type="button"
4058                                                data-bs-target="#sboMatchCarouselDesktop"
4059                                                data-bs-slide-to="0"
4060                                                class="active"
4061                                                aria-current="true"                                                aria-label="Slide 1">
4062                                            </button>
4063                                                                                    <button
4064                                                type="button"
4065                                                data-bs-target="#sboMatchCarouselDesktop"
4066                                                data-bs-slide-to="1"
4067                                                class=""
4068                                                                                                aria-label="Slide 2">
4069                                            </button>
4070                                                                                    <button
4071                                                type="button"
4072                                                data-bs-target="#sboMatchCarouselDesktop"
4073                                                data-bs-slide-to="2"
4074                                                class=""
4075                                                                                                aria-label="Slide 3">
4076                                            </button>
4077                                                                                    <button
4078                                                type="button"
4079                                                data-bs-target="#sboMatchCarouselDesktop"
4080                                                data-bs-slide-to="3"
4081                                                class=""
4082                                                                                                aria-label="Slide 4">
4083                                            </button>
4084                                                                            </div>
4085                                
4086                                <div class="carousel-inner">
4087                                                                            <div class="carousel-item active">
4088                                            <div class="row g-3">
4089                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4090                                                        <div class="match-card h-100">
4091                                                            <div class="league-name">
4092                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4093
4094                                                            <div class="kickoff-time">
4095                                                                October 10, 2026 — 18:30 WIB                                                            </div>
4096
4097                                                            <div class="match-main-row">
4098                                                                <div class="team-col">
4099                                                                    <img
4100                                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
4101                                                                        alt="Arsenal"
4102                                                                        class="team-logo"
4103                                                                    >
4104                                                                    <div class="team-name">
4105                                                                        Arsenal                                                                    </div>
4106                                                                </div>
4107
4108                                                                <div class="score-col">
4109                                                                    <div class="score-value">
4110                                                                        0 : 0                                                                    </div>
4111
4112                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
4113                                                                        BET NOW
4114                                                                    </a>
4115                                                                </div>
4116
4117                                                                <div class="team-col">
4118                                                                    <img
4119                                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
4119ce556.png"
4120                                                                        alt="Leeds United"
4121                                                                        class="team-logo"
4122                                                                    >
4123                                                                    <div class="team-name">
4124                                                                        Leeds United                                                                    </div>
4125                                                                </div>
4126                                                            </div>
4127
4128                                                            <div class="match-odds-row">
4129                                                                <div class="odds-col">
4130                                                                    <span>
4131                                                                        0.75                                                                        <small>0.50</small>
4132                                                                    </span>
4133                                                                </div>
4134
4135                                                                <div class="odds-spacer"></div>
4136
4137                                                                <div class="odds-col">
4138                                                                    <span>
4139                                                                        -0.75                                                                        <small>-0.60</small>
4140                                                                    </span>
4141                                                                </div>
4142                                                            </div>
4143                                                        </div>
4144                                                    </div>
4145                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4146                                                        <div class="match-card h-100">
4147                                                            <div class="league-name">
4148                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4149
4150                                                            <div class="kickoff-time">
4151                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4152
4153                                                            <div class="match-main-row">
4154                                                                <div class="team-col">
4155                                                                    <img
4156                                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
4157                                                                        alt="Chelsea"
4158                                                                        class="team-logo"
4159                                                                    >
4160                                                                    <div class="team-name">
4161                                                                        Chelsea                                                                    </div>
4162                                                                </div>
4163
4164                                                                <div class="score-col">
4165                                                                    <div class="score-value">
4166                                                                        0 : 0                                                                    </div>
4167
4168                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
4169                                                                        BET NOW
4170                                                                    </a>
4171                                                                </div>
4172
4173                                                                <div class="team-col">
4174                                                                    <img
4175                                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
4176                                                                        alt="Bournemouth AFC"
4177                                                                        class="team-logo"
4178                                                                    >
4179                                                                    <div class="team-name">
4180                                                                        Bournemouth AFC                                                                    </div>
4181                                                                </div>
4182                                                            </div>
4183
4184                                                            <div class="match-odds-row">
4185                                                                <div class="odds-col">
4186                                                                    <sp
4186an>
4187                                                                        0.5                                                                        <small>0.66</small>
4188                                                                    </span>
4189                                                                </div>
4190
4191                                                                <div class="odds-spacer"></div>
4192
4193                                                                <div class="odds-col">
4194                                                                    <span>
4195                                                                        -0.5                                                                        <small>-0.76</small>
4196                                                                    </span>
4197                                                                </div>
4198                                                            </div>
4199                                                        </div>
4200                                                    </div>
4201                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4202                                                        <div class="match-card h-100">
4203                                                            <div class="league-name">
4204                                                                SPAIN LA LIGA                                                            </div>
4205
4206                                                            <div class="kickoff-time">
4207                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4208
4209                                                            <div class="match-main-row">
4210                                                                <div class="team-col">
4211                                                                    <img
4212                                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
4213                                                                        alt="Barcelona"
4214                                                                        class="team-logo"
4215                                                                    >
4216                                                                    <div class="team-name">
4217                                                                        Barcelona                                                                    </div>
4218                                                                </div>
4219
4220                                                                <div class="score-col">
4221                                                                    <div class="score-value">
4222                                                                        0 : 0                                                                    </div>
4223
4224                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
4225                                                                        BET NOW
4226                                                                    </a>
4227                                                                </div>
4228
4229                                                                <div class="team-col">
4230                                                                    <img
4231                                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
4232                                                                        alt="Getafe"
4233                                                                        class="team-logo"
4234                                                                    >
4235                                                                    <div class="team-name">
4236                                                                        Getafe                                                                    </div>
4237                                                                </div>
4238                                                            </div>
4239
4240                                                            <div class="match-odds-row">
4241                                                                <div class="odds-col">
4242                                                                    <sp
4242an>
4243                                                                        2.5                                                                        <small>0.82</small>
4244                                                                    </span>
4245                                                                </div>
4246
4247                                                                <div class="odds-spacer"></div>
4248
4249                                                                <div class="odds-col">
4250                                                                    <span>
4251                                                                        -2.5                                                                        <small>-0.92</small>
4252                                                                    </span>
4253                                                                </div>
4254                                                            </div>
4255                                                        </div>
4256                                                    </div>
4257                                                                                            </div>
4258                                        </div>
4259                                                                            <div class="carousel-item ">
4260                                            <div class="row g-3">
4261                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4262                                                        <div class="match-card h-100">
4263                                                            <div class="league-name">
4264                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4265
4266                                                            <div class="kickoff-time">
4267                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4268
4269                                                            <div class="match-main-row">
4270                                                                <div class="team-col">
4271                                                                    <img
4272                                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
4273                                                                        alt="Aston Villa"
4274                                                                        class="team-logo"
4275                                                                    >
4276                                                                    <div class="team-name">
4277                                                                        Aston Villa                                                                    </div>
4278                                                                </div>
4279
4280                                                                <div class="score-col">
4281                                                                    <div class="score-value">
4282                                                                        0 : 0                                                                    </div>
4283
4284                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
4285                                                                        BET NOW
4286                                                                    </a>
4287                                                                </div>
4288
4289                                                                <div class="team-col">
4290                                                                    <img
4291                                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
4292                                                                        alt="Brentford"
4293                                                                        class="team-logo"
4294                                                                    >
4295                                                                    <div class="team-name">
4296                                                                        Brentford                                                                    </div>
4297                                                                </div>
4298                                                            </div>
4299
4300                                                            <div class="match-odds-row">
4301                                                                <div class="odds-col">
4302                                                                    <sp
4302an>
4303                                                                        0.00                                                                        <small>-0.97</small>
4304                                                                    </span>
4305                                                                </div>
4306
4307                                                                <div class="odds-spacer"></div>
4308
4309                                                                <div class="odds-col">
4310                                                                    <span>
4311                                                                        0.00                                                                        <small>0.87</small>
4312                                                                    </span>
4313                                                                </div>
4314                                                            </div>
4315                                                        </div>
4316                                                    </div>
4317                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4318                                                        <div class="match-card h-100">
4319                                                            <div class="league-name">
4320                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4321
4322                                                            <div class="kickoff-time">
4323                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4324
4325                                                            <div class="match-main-row">
4326                                                                <div class="team-col">
4327                                                                    <img
4328                                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
4329                                                                        alt="Sunderland"
4330                                                                        class="team-logo"
4331                                                                    >
4332                                                                    <div class="team-name">
4333                                                                        Sunderland                                                                    </div>
4334                                                                </div>
4335
4336                                                                <div class="score-col">
4337                                                                    <div class="score-value">
4338                                                                        0 : 0                                                                    </div>
4339
4340                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
4341                                                                        BET NOW
4342                                                                    </a>
4343                                                                </div>
4344
4345                                                                <div class="team-col">
4346                                                                    <img
4347                                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
4348                                                                        alt="Brighton &amp; Hove Albion"
4349                                                                        class="team-logo"
4350                                                                    >
4351                                                                    <div class="team-name">
4352                                                                        Brighton &amp; Hove Albion                                                                    </div>
4353                                                                </div>
4354                                                            </div>
4355
4356                                                            <div class="match-odds-row">
4357                                                                <div class="odds-col">
4358                                                                    <sp
4358an>
4359                                                                        0.00                                                                        <small>-0.82</small>
4360                                                                    </span>
4361                                                                </div>
4362
4363                                                                <div class="odds-spacer"></div>
4364
4365                                                                <div class="odds-col">
4366                                                                    <span>
4367                                                                        0.00                                                                        <small>0.72</small>
4368                                                                    </span>
4369                                                                </div>
4370                                                            </div>
4371                                                        </div>
4372                                                    </div>
4373                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4374                                                        <div class="match-card h-100">
4375                                                            <div class="league-name">
4376                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4377
4378                                                            <div class="kickoff-time">
4379                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4380
4381                                                            <div class="match-main-row">
4382                                                                <div class="team-col">
4383                                                                    <img
4384                                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
4385                                                                        alt="Manchester United"
4386                                                                        class="team-logo"
4387                                                                    >
4388                                                                    <div class="team-name">
4389                                                                        Manchester United                                                                    </div>
4390                                                                </div>
4391
4392                                                                <div class="score-col">
4393                                                                    <div class="score-value">
4394                                                                        0 : 0                                                                    </div>
4395
4396                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
4397                                                                        BET NOW
4398                                                                    </a>
4399                                                                </div>
4400
4401                                                                <div class="team-col">
4402                                                                    <img
4403                                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
4404                                                                        alt="Tottenham Hotspur"
4405                                                                        class="team-logo"
4406                                                                    >
4407                                                                    <div class="team-name">
4408                                                                        Tottenham Hotspur                                                                    </div>
4409                                                                </div>
4410                                                            </div>
4411
4412                                                            <div class="match-odds-row">
4413                                                                <div class="odds-col">
4414                                                                    <sp
4414an>
4415                                                                        0.5                                                                        <small>0.72</small>
4416                                                                    </span>
4417                                                                </div>
4418
4419                                                                <div class="odds-spacer"></div>
4420
4421                                                                <div class="odds-col">
4422                                                                    <span>
4423                                                                        -0.5                                                                        <small>-0.82</small>
4424                                                                    </span>
4425                                                                </div>
4426                                                            </div>
4427                                                        </div>
4428                                                    </div>
4429                                                                                            </div>
4430                                        </div>
4431                                                                            <div class="carousel-item ">
4432                                            <div class="row g-3">
4433                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4434                                                        <div class="match-card h-100">
4435                                                            <div class="league-name">
4436                                                                SPAIN LA LIGA                                                            </div>
4437
4438                                                            <div class="kickoff-time">
4439                                                                October 11, 2026 — 02:00 WIB                                                            </div>
4440
4441                                                            <div class="match-main-row">
4442                                                                <div class="team-col">
4443                                                                    <img
4444                                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
4445                                                                        alt="Real Madrid"
4446                                                                        class="team-logo"
4447                                                                    >
4448                                                                    <div class="team-name">
4449                                                                        Real Madrid                                                                    </div>
4450                                                                </div>
4451
4452                                                                <div class="score-col">
4453                                                                    <div class="score-value">
4454                                                                        0 : 0                                                                    </div>
4455
4456                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
4457                                                                        BET NOW
4458                                                                    </a>
4459                                                                </div>
4460
4461                                                                <div class="team-col">
4462                                                                    <img
4463                                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
4464                                                                        alt="Villarreal"
4465                                                                        class="team-logo"
4466                                                                    >
4467                                                                    <div class="team-name">
4468                                                                        Villarreal                                                                    </div>
4469                                                                </div>
4470                                                            </div>
4471
4472                                                            <div class="match-odds-row">
4473                                                                <div class="odds-col">
4474                                                                    <sp
4474an>
4475                                                                        1                                                                        <small>0.55</small>
4476                                                                    </span>
4477                                                                </div>
4478
4479                                                                <div class="odds-spacer"></div>
4480
4481                                                                <div class="odds-col">
4482                                                                    <span>
4483                                                                        -1                                                                        <small>-0.65</small>
4484                                                                    </span>
4485                                                                </div>
4486                                                            </div>
4487                                                        </div>
4488                                                    </div>
4489                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4490                                                        <div class="match-card h-100">
4491                                                            <div class="league-name">
4492                                                                ITALY SERIE A                                                            </div>
4493
4494                                                            <div class="kickoff-time">
4495                                                                October 10, 2026 — 22:59 WIB                                                            </div>
4496
4497                                                            <div class="match-main-row">
4498                                                                <div class="team-col">
4499                                                                    <img
4500                                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
4501                                                                        alt="Inter Milan"
4502                                                                        class="team-logo"
4503                                                                    >
4504                                                                    <div class="team-name">
4505                                                                        Inter Milan                                                                    </div>
4506                                                                </div>
4507
4508                                                                <div class="score-col">
4509                                                                    <div class="score-value">
4510                                                                        0 : 0                                                                    </div>
4511
4512                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
4513                                                                        BET NOW
4514                                                                    </a>
4515                                                                </div>
4516
4517                                                                <div class="team-col">
4518                                                                    <img
4519                                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
4520                                                                        alt="Parma Calcio"
4521                                                                        class="team-logo"
4522                                                                    >
4523                                                                    <div class="team-name">
4524                                                                        Parma Calcio                                                                    </div>
4525                                                                </div>
4526                                                            </div>
4527
4528                                                            <div class="match-odds-row">
4529                                                                <div class="odds-col">
4530                                                                    <sp
4530an>
4531                                                                        2                                                                        <small>0.65</small>
4532                                                                    </span>
4533                                                                </div>
4534
4535                                                                <div class="odds-spacer"></div>
4536
4537                                                                <div class="odds-col">
4538                                                                    <span>
4539                                                                        -2                                                                        <small>-0.75</small>
4540                                                                    </span>
4541                                                                </div>
4542                                                            </div>
4543                                                        </div>
4544                                                    </div>
4545                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4546                                                        <div class="match-card h-100">
4547                                                            <div class="league-name">
4548                                                                SPAIN LA LIGA                                                            </div>
4549
4550                                                            <div class="kickoff-time">
4551                                                                October 10, 2026 — 19:00 WIB                                                            </div>
4552
4553                                                            <div class="match-main-row">
4554                                                                <div class="team-col">
4555                                                                    <img
4556                                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
4557                                                                        alt="Rayo Vallecano"
4558                                                                        class="team-logo"
4559                                                                    >
4560                                                                    <div class="team-name">
4561                                                                        Rayo Vallecano                                                                    </div>
4562                                                                </div>
4563
4564                                                                <div class="score-col">
4565                                                                    <div class="score-value">
4566                                                                        0 : 0                                                                    </div>
4567
4568                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
4569                                                                        BET NOW
4570                                                                    </a>
4571                                                                </div>
4572
4573                                                                <div class="team-col">
4574                                                                    <img
4575                                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
4576                                                                        alt="Athletic Bilbao"
4577                                                                        class="team-logo"
4578                                                                    >
4579                                                                    <div class="team-name">
4580                                                                        Athletic Bilbao                                                                    </div>
4581                                                                </div>
4582                                                            </div>
4583
4584                                                            <div class="match-odds-row">
4585                                                                <div class="odds-col">
4586                                                                    <sp
4586an>
4587                                                                        0.00                                                                        <small>0.98</small>
4588                                                                    </span>
4589                                                                </div>
4590
4591                                                                <div class="odds-spacer"></div>
4592
4593                                                                <div class="odds-col">
4594                                                                    <span>
4595                                                                        0.00                                                                        <small>0.92</small>
4596                                                                    </span>
4597                                                                </div>
4598                                                            </div>
4599                                                        </div>
4600                                                    </div>
4601                                                                                            </div>
4602                                        </div>
4603                                                                            <div class="carousel-item ">
4604                                            <div class="row g-3">
4605                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4606                                                        <div class="match-card h-100">
4607                                                            <div class="league-name">
4608                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4609
4610                                                            <div class="kickoff-time">
4611                                                                October 11, 2026 — 22:30 WIB                                                            </div>
4612
4613                                                            <div class="match-main-row">
4614                                                                <div class="team-col">
4615                                                                    <img
4616                                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
4617                                                                        alt="Liverpool"
4618                                                                        class="team-logo"
4619                                                                    >
4620                                                                    <div class="team-name">
4621                                                                        Liverpool                                                                    </div>
4622                                                                </div>
4623
4624                                                                <div class="score-col">
4625                                                                    <div class="score-value">
4626                                                                        0 : 0                                                                    </div>
4627
4628                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
4629                                                                        BET NOW
4630                                                                    </a>
4631                                                                </div>
4632
4633                                                                <div class="team-col">
4634                                                                    <img
4635                                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
4636                                                                        alt="Manchester City"
4637                                                                        class="team-logo"
4638                                                                    >
4639                                                                    <div class="team-name">
4640                                                                        Manchester City                                                                    </div>
4641                                                                </div>
4642                                                            </div>
4643
4644                                                            <div class="match-odds-row">
4645                                                                <div class="odds-col">
4646                                                                    <sp
4646an>
4647                                                                        0.00                                                                        <small>-0.83</small>
4648                                                                    </span>
4649                                                                </div>
4650
4651                                                                <div class="odds-spacer"></div>
4652
4653                                                                <div class="odds-col">
4654                                                                    <span>
4655                                                                        0.00                                                                        <small>0.73</small>
4656                                                                    </span>
4657                                                                </div>
4658                                                            </div>
4659                                                        </div>
4660                                                    </div>
4661                                                                                            </div>
4662                                        </div>
4663                                                                    </div>
4664
4665                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
4666                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
4667                                        <span class="visually-hidden">Previous</span>
4668                                    </button>
4669
4670                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
4671                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
4672                                        <span class="visually-hidden">Next</span>
4673                                    </button>
4674                                                            </div>
4675                                            </div>
4676                    <!-- BANNER SBO DESKTOP END -->
4677                    <!-- Banner Telegram -->
4678                    
4679                                        
4680                    <style>
4681                    .telegram-bet-title {
4682                      font-size: 1.3rem;
4683                      font-weight: 800;
4684                      letter-spacing: 1px;
4685                      text-transform: uppercase;
4686                      color: #ffffff;
4687                    
4688                      /* NEON TELEGRAM GLOW */
4689                      text-shadow:
4690                        /* inner white core */
4691                        0 0 2px rgba(255,255,255,0.9),
4692                    
4693                        /* tight Telegram glow */
4694                        0 0 6px rgba(0,136,204,0.9),
4695                        0 0 12px rgba(0,136,204,0.8),
4696                    
4697                        /* outer neon halo */
4698                        0 0 22px rgba(0,136,204,0.6),
4699                        0 0 38px rgba(0,136,204,0.45),
4700                        0 0 60px rgba(0,136,204,0.3);
4701                    }
4702                    </style>
4703                    
4704                    <style>
4705                    .btn-telegram-neon {
4706                      font-weight: 600;
4707                      padding: 10px 16px;
4708                      border-radius: 10px;
4709                      letter-spacing: 0.3px;
4710                    
4711                      background: #0088cc;
4712                      border: none;
4713                      color: #ffffff;
4714                    
4715                      /* clean Telegram neon */
4716                      box-shadow:
4717                        0 2px 6px rgba(0,136,204,0.35),
4718                        0 0 10px rgba(0,136,204,0.25);
4719                    
4720                      transition: box-shadow 0.25s ease, transform 0.2s ease;
4721                    }
4722                    
4723                    /* hover: slight lift + glow */
4724                    .btn-telegram-neon:hover {
4725                      box-shadow:
4726                        0 4px 10px rgba(0,136,204,0.45),
4727                        0 0 16px rgba(0,136,204,0.35);
4728                      transform: translateY(-1px);
4729                    }
4730                    
4731                    /* active */
4732                    .btn-telegram-neon:active {
4733                      transform: translateY(0);
4734                      box-shadow:
4735                        0 2px 5px rgba(0,136,204,0.35);
4736                    }
4737                    </style>
4738                    
4739                    <style>
4740                        .telegram-float {
4741                          animation: telegramFloat 3.5s ease-in-out infinite;
4742                        }
4743                        
4744                        @keyframes telegramFloat {
4745                          0%, 100% {
4746                            transform: translateY(0);
4747                          }
4748                          50% {
4749                            transform: translateY(-8px);
4750                          }
4751                        }
4752                    </style>
4753                    
4754                    <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center">
4755                        <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px">
4756                            <div class="d-flex gap-4">
4757                                <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/>
4758                                <div class="d-flex flex-column justify-content-center gap-1">
4759                                    <strong class="telegram-bet-title">TELEGRAM BET</strong>
4760                                    
4761                                    <div class="d-flex gap-3">
4762                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div>
4763                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div>
4764                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div>
4765                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div>
4766                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div>
4767                                    </div>
4768                                </div>
4769                            </div>
4770                            
4771                            <button class="btn-telegram-neon rounded-pill"  onclick="window.open('https://telegram.me/harum4d_bot', '_blank')">Mainkan Sekarang</button>
4772                            
4773                        </div>
4774                        <div style="position: absolute; width: 100%; background: gray">
4775                            <img src="https://img.viva88athenae.com//banner-telegram.jpg" />
4776                        </div>
4777                        
4778                    </div>
4779                    
4780                    
4781                    
4782                    <div class="transaksi-kontak">
4783                        
4784                        <div class="d-flex flex-column w-100">
4785                            <div class="transaksi-content">
4786                                <!-- Bank -->
4787                                
4788<style>
4789    /* ====== LAYOUT KESELURUHAN ====== */
4790
4791    .transaksi-layout {
4792        display: flex;
4793        justify-content: center;
4794        gap: 16px;
4795        align-items: center;
4796    }
4797
4798    .transaksi-left-inner {
4799        width: 100%;
4800    }
4801
4802    .transaksi-left-img {
4803        width: 100%;
4804        height: auto;
4805        display: block;
4806        object-fit: cover;
4807    }
4808
4809    .transaksi-right-box {
4810        flex: 1;
4811        display: flex;
4812        justify-content: flex-start;
4813    }
4814
4815    .transaksi-group {
4816        display: flex;
4817        flex-direction: column;
4818        gap: 16px;
4819        width: 100%;
4820        grid-template-areas:
4821            "transaksi-bank transaksi-other transaksi-crypto";
4822    }
4823
4824    .transaksi-bank {
4825        grid-area: transaksi-bank;
4826        display: grid;
4827        place-items: center;
4828        justify-content: flex-start;
4829    }
4830
4831    .transaksi-other {
4832        grid-area: transaksi-other;
4833        display: flex;
4834        justify-content: flex-start;
4835        width: 100%;
4836    }
4837
4838    .transaksi-crypto {
4839        grid-area: transaksi-crypto;
4840        display: flex;
4841        justify-content: flex-start;
4842        width: 100%;
4843    }
4844
4845    .transaksi-wrapper {
4846        display: flex;
4847        flex-direction: column;
4848        gap: .5rem;
4849        align-items: flex-start;
4850    }
4851
4852    .transaksi-name {
4853        font-size: 1.1rem;
4854        font-weight: bold;
4855        line-height: 1.5rem;
4856    }
4857
4858    /* ====== GRID LIST ====== */
4859
4860    .transaksi-list-bank,
4861    .transaksi-list-other {
4862        height: fit-content;
4863        display: grid;
4864        grid-template-columns: repeat(5, minmax(80px, 1fr));
4865        gap: 4px 6px;
4866    }
4867
4868    .transaksi-list-crypto {
4869        height: fit-content;
4870        display: flex;
4871        align-items: center;
4872        gap: 24px;
4873        width: 100%;
4874        justify-content: flex-start;
4875    }
4876
4877    .icon-crypto {
4878        width: 24px;
4879        height: 24px;
4880    }
4881
4882    /* ====== ITEM BANK / EMONEY ====== */
4883
4884    .transaksi-item {
4885        display: flex;
4886        flex-direction: column;
4887        position: relative;
4888    }
4889
4890    .transaksi-header {
4891        height: 30px;
4892        border-radius: 5px;
4893        font-weight: bold;
4894        border: 2px solid rgba(108,108,108,1);
4895        background: rgba(54,54,54,1);
4896        color: white;
4897        display: flex;
4898        align-items: center;
4899        justify-content: center;
4900        padding: 0 12px 0 22px; /* extra space kiri buat dot */
4901        font-size: 0.9rem;
4902        white-space: nowrap;
4903    }
4904
4905    /* strip bawah lama dimatikan */
4906    .transaksi-status {
4907        display: none;
4908    }
4909
4910    /* ====== ONLINE / OFFLINE DOT ====== */
4911
4912    /* ONLINE: tambahkan class is-online di PHP */
4913    .transaksi-header.is-online::before {
4914        content: "";
4915        position: absolute;
4916        left: 8px;
4917        top: 50%;
4918        transform: translateY(-50%);
4919        width: 9px;
4920        height: 9px;
4921        border-radius: 50%;
4922        background-color: #00ff66;
4923        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4924    }
4925
4926    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
4927    .transaksi-header.is-offline {
4928        background: #2e2e2e;
4929        border-color: #555;
4930        opacity: .4;
4931    }
4932
4933    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
4934    .transaksi-header:not(.is-online):not(.is-offline) {
4935        background: #2e2e2e;
4936        border-color: #555;
4937        opacity: .4;
4938    }
4939
4940    @media only screen and (max-width: 768px) {
4941
4942        .transaksi-layout {
4943            flex-direction: column;
4944            align-items: center;
4945        }
4946
4947        .transaksi-group {
4948            display: grid;
4949            grid-template-columns: 1fr;
4950            grid-template-areas:
4951                "transaksi-bank"
4952                "transaksi-other"
4953                "transaksi-crypto";
4954            gap: 32px;
4955            margin-bottom: 8px;
4956        }
4957
4958        .transaksi-header {
4959            font-size: 1.1rem;
4960            height: 36px;
4961        }
4962
4963        .transaksi-list-bank {
4964            grid-template-columns: repeat(4, 1fr);
4965        }
4966
4967        .transaksi-list-other {
4968            grid-template-columns: repeat(4, 1fr);
4969        }
4970
4971        .transaksi-list-crypto {
4972            width: 86%;
4973            margin: auto;
4974            flex-wrap: wrap;
4975        }
4976
4977        .transaksi-item {
4978            width: 100%;
4979        }
4980
4981        .transaksi-name {
4982            font-size: 1.3rem;
4983            text-align: center;
4984            line-height: 1.8rem;
4985        }
4986
4987        .transaksi-wrapper {
4988            width: 100%;
4989            max-width: 100%!important;
4990            gap: 1rem;
4991            align-items: center;
4992        }
4993
4994        .icon-crypto {
4995            width: 28px;
4996            height: 28px;
4997        }
4998    }
4999
5000    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
5001    .transaksi-header {
5002        height: 34px;
5003        border-radius: 6px;
5004        font-weight: bold;
5005        border: 2px solid rgba(108,108,108,1);
5006        background: rgba(54,54,54,1);
5007        color: white;
5008
5009        /* Tambahan baru */
5010        min-width: 110px;       /* Lebarin biar semua rata */
5011        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
5012        display: flex;
5013        align-items: center;
5014        justify-content: center;
5015        text-align: center;
5016
5017        white-space: nowrap;
5018    }
5019
5020    /* DOT ONLINE */
5021    .transaksi-header.is-online::before {
5022        content: "";
5023        position: absolute;
5024        left: 10px;
5025        top: 50%;
5026        transform: translateY(-50%);
5027        width: 10px;
5028        height: 10px;
5029        border-radius: 50%;
5030        background-color: #00ff66;
5031        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
5032    }
5033
5034    /* OFFLINE (DISABLED) */
5035    .transaksi-header.is-offline {
5036        padding: 0 16px;         
5037        background: #2e2e2e;
5038        border-color: #555;
5039        opacity: .35;
5040        align-items: center;
5041        justify-content: center;
5042        text-align: center;
5043    }
5044
5045    /* GRID-nya sedikit dilebarin biar simetris */
5046    .transaksi-list-bank,
5047    .transaksi-list-other {
5048        grid-template-columns: repeat(4, minmax(110px, 1fr));
5049        gap: 8px 10px;
5050    }
5051
5052</style>
5053
5054<div class="transaksi-layout">
5055    <div class="transaksi-left-box">
5056        <div class="transaksi-left-inner">
5057            <img src="/images/transaksi.png" class="transaksi-left-img">
5058        </div>
5059    </div>
5060
5061    <div class="transaksi-right-box">
5062        <div class="transaksi-group">
5063
5064            <!-- BANK LOKAL -->
5065            <div class="transaksi-bank">
5066                <div class="transaksi-wrapper">
5067                                            <div class="transaksi-name">Bank Lokal</div>
5068                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
5069                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5070                                                                    <button type="button" data-bs-target="#transaksi-bank-indicators"
5071                                                data-bs-slide-to="0" class="active" aria-current="true"
5072                                                aria-label="Slide 1"></button>
5073                                                                            <button type="button" data-bs-target="#transaksi-bank-indicators"
5074                                                data-bs-slide-to="1" aria-label="Slide 2"></button>
5075                                                            </div>
5076
5077                        <div class="carousel-inner" style="min-height: 144px">
5078                                                            <div class="carousel-item active">
5079                                    <div class="transaksi-list-bank">
5080                                                                                    <div class="transaksi-item">
5081                                                <div class="transaksi-header is-online">
5082                                                    BCA                                                </div>
5083                                                <div class="transaksi-status"></div>
5084                                            </div>
5085                                                                                        <div class="transaksi-item">
5086                                                <div class="trans
5086aksi-header is-online">
5087                                                    Mandiri                                                </div>
5088                                                <div class="transaksi-status"></div>
5089                                            </div>
5090                                                                                        <div class="transaksi-item">
5091                                                <div class="transaksi-header is-online">
5092                                                    BNI                                                </div>
5093                                                <div class="transaksi-status"></div>
5094                                            </div>
5095                                                                                        <div class="transaksi-item">
5096                                                <div class="transaksi-header is-online">
5097                                                    BRI                                                </div>
5098                                                <div class="transaksi-status"></div>
5099                                            </div>
5100                                                                                        <div class="transaksi-item">
5101                                                <div class="transaksi-header is-online">
5102                                                    CIMB                                                </div>
5103                                                <div class="transaksi-status"></div>
5104                                            </div>
5105                                                                                        <div class="transaksi-item">
5106                                                <div class="transaksi-header is-online">
5107                                                    Danamon                                                </div>
5108                                                <div class="transaksi-status"></div>
5109                                            </div>
5110                                                                                        <div class="transaksi-item">
5111                                                <div class="transaksi-header is-online">
5112                                                    Permata                                                </div>
5113                                                <div class="transaksi-status"></div>
5114                                            </div>
5115                                                                                        <div class="transaksi-item">
5116                                                <div class="transaksi-header is-online">
5117                                                    BJB                                                </div>
5118                                                <div class="transaksi-status"></div>
5119                                            </div>
5120                                                                                        <div class="transaksi-item">
5121                                                <div class="transaksi-header is-online">
5122                                                    PANIN                                                </div>
5123                                                <div class="transaksi-status"></div>
5124                                            </div>
5125                                                                                        <div class="transaksi-item">
5126                                                <div class="transaksi-header is-online">
5127                                                    OCBC                                                </div>
5128                                                <div class="transaksi-status"></div>
5129                                            </div>
5130                                                                                        <div class="transaksi-item">
5131                                                <div class="transaksi-header is-online">
5132                                                    DKI                                                </div>
5133                                                <div class="transaksi-status"></div>
5134                                            </div>
5135                                                                                        <div class="transaksi-item">
5136                                                <div class="transaksi-header is-online">
5137                                                    SUMUT                                                </div>
5138                                                <div class="transaksi-status"></div>
5139                                            </div>
5140                                                                                        <div class="transaksi-item">
5141                                                <div class="transaksi-header is-online">
5142                                                    BSI                                                </div>
5143                                                <div class="transaksi-status"></div>
5144                                            </div>
5145                                                                                        <div class="transaksi-item">
5146                                                <div class="transaksi-header is-online">
5147                                                    NEO                                                </div>
5148                                                <div class="transaksi-status"></div>
5149                                            </div>
5150                                                                                        <div class="transaksi-item">
5151                                                <div class="transaksi-header is-online">
5152                                                    JAGO                                                </div>
5153                                                <div class="transaksi-status"></div>
5154                                            </div>
5155                                                                                        <div class="transaksi-item">
5156                                                <div class="transaksi-header is-online">
5157                                                    SeaBank                                                </div>
5158                                                <div class="transaksi-status"></div>
5159                                            </div>
5160                                                                                </div>
5161                                </div>
5162                                                            <div class="carousel-item ">
5163                                    <div class="transaksi-list-bank">
5164                                                                                    <div class="transaksi-item">
5165                                                <div class="transaksi-header is-online">
5166                                                    NOBU                                                </div>
5167                                                <div class="transaksi-status"></div>
5168                                            </div>
5169                                                                                        <div class="transaksi-item">
5170                                                <div class="transaksi-header is-online">
5171                                                    Maybank                                                </div>
5172                                                <div class="transaksi-status"></div>
5173                                            </div>
5174                                                                                        <div class="transaksi-item">
5175                                                <div class="transaksi-header is-online">
5176                                                    Mestika                                                </div>
5177                                                <div class="transaksi-status"></div>
5178                                            </div>
5179                                                                                        <div class="transaksi-item">
5180                                                <div class="transaksi-header is-online">
5181                                                    Sinarmas                                                </div>
5182                                                <div class="transaksi-status"></div>
5183                                            </div>
5184                                                                                        <div class="transaksi-item">
5185                                                <div class="transaksi-header is-online">
5186                                                    Mega                                                </div>
5187                                                <div class="transaksi-status"></div>
5188                                            </div>
5189                                                                                        <div class="transaksi-item">
5190                                                <div class="transaksi-header is-online">
5191                                                    Superbank                                                </div>
5192                                                <div class="transaksi-status"></div>
5193                                            </div>
5194                                                                                        <div class="transaksi-item">
5195                                                <div class="transaksi-header is-online">
5196                                                    SAQU                                                </div>
5197                                                <div class="transaksi-status"></div>
5198                                            </div>
5199                                                                                </div>
5200                                </div>
5201                                                    </div>
5202                    </div>
5203
5204                </div>
5205            </div>
5206
5207            <!-- E MONEY & PULSA -->
5208            <div class="transaksi-other">
5209                <div class="transaksi-wrapper">
5210                                            <div class="transaksi-name">E Money &amp; Pulsa</div>
5211                    
5212                    <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
5213                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5214                                                    </div>
5215
5216                        <div class="carousel-inner" >
5217                                                            <div class="carousel-item active">
5218                                    <div class="transaksi-list-other">
5219                                                                                    <div class="transaksi-item">
5220                                                <div class="transaksi-header is-online">
5221                                                    Jenius                                                </div>
5222                                                <div class="transaksi-status"></div>
5223                                            </div>
5224                                                                                        <div class="transaksi-item">
5225                                                <div class="transaksi-header is-online">
5226                                                    DANA                                                </div>
5227                                                <div class="transaksi-status"></div>
5228                                            </div>
5229                                                                                        <div class="transaksi-item">
5230                                                <div class="transaksi-header is-online">
5231                                                    OVO                                                </div>
5232                                                <div class="transaksi-status"></div>
5233                                            </div>
5234                                                                                        <div class="transaksi-item">
5235                                                <div class="transaksi-header is-online">
5236                                                    ShopeePay                                                </div>
5237                                                <div class="transaksi-status"></div>
5238                                            </div>
5239                                                                                        <div class="transaksi-item">
5240                                                <div class="transaksi-header is-online">
5241                                                    GOPAY                                                </div>
5242                                                <div class="transaksi-status"></div>
5243                                            </div>
5244                                                                                        <div class="transaksi-item">
5245                                                <div class="transaksi-header is-online">
5246                                                    LinkAja                                                </div>
5247                                                <div class="transaksi-status"></div>
5248                                            </div>
5249                                                                                        <div class="transaksi-item">
5250                                                <div class="transaksi-header is-online">
5251                                                    Lain-lain                                                </div>
5252                                                <div class="transaksi-status"></div>
5253                                            </div>
5254                                                                                        <div class="transaksi-item">
5255                                                <div class="transaksi-header is-online">
5256                                                    QRIS                                                </div>
5257                                                <div class="transaksi-status"></div>
5258                                            </div>
5259                                                                                        <div class="transaksi-item">
5260                                                <div class="transaksi-header is-online">
5261                                                    AntarBank                                                </div>
5262                                                <div class="transaksi-status"></div>
5263                                            </div>
5264                                                                                        <div class="transaksi-item">
5265                                                <div class="transaksi-header is-online">
5266                                                    Telkomsel                                                </div>
5267                                                <div class="transaksi-status"></div>
5268                                            </div>
5269                                                                                        <div class="transaksi-item">
5270                                                <div class="transaksi-header is-online">
5271                                                    Axiata                                                </div>
5272                                                <div class="transaksi-status"></div>
5273                                            </div>
5274                                                                                </div>
5275                           
5275     </div>
5276                                                    </div>
5277                    </div>
5278
5279                </div>
5280            </div>
5281
5282            <!-- CRYPTO -->
5283            <div class="transaksi-crypto">
5284                <div class="transaksi-wrapper">
5285                                            <div class="transaksi-name mb-1">Crypto Currency</div>
5286                    
5287                    <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
5288                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5289                                                    </div>
5290
5291                        <div class="carousel-inner" >
5292                                                            <div class="carousel-item active">
5293                                    <div class="transaksi-list-crypto">
5294                                                                                    <div class="d-flex gap-2">
5295                                                <img src="https://img.viva88athenae.com/USDT.png"
5296                                                     class="icon-crypto" alt="USDT">
5297                                                <strong class="transaksi-name">USDT</strong>
5298                                            </div>
5299                                                                                </div>
5300                                </div>
5301                                                    </div>
5302
5303                    </div>
5304                </div>
5305            </div>
5306
5307        </div>
5308    </div>
5309</div>
5310                            </div>
5311                            
5312                            
5313                        </div>
5314                        
5315                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
5316                            
5317                        <!--    <div class="transaksi-title">-->
5318                        <!--        <div class="transaksi-title-group">-->
5319                        <!--            <div class="fitur-header">Kontak Kami</div>-->
5320                        <!--        </div>-->
5321                                
5322                        <!--        <div class="devider desktop-only"></div>-->
5323                        <!--    </div>-->
5324                            
5325    
5326                        <!--    
5327<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
5328    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
5329        
5330                
5331    </div>
5332      <div class="carousel-inner" style="height: 164px">
5333         
5334         
5335    </div>
5336</div>
5337-->
5338                                    
5339                        <!--</div>-->
5340                    </div>
5341                </div>
5342            </div>
5343
5344
5345            <div class="bantuan">
5346                
5347                                <ul class="bantuan-content justify-content-center">
5348                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
5349                    <div class="bantuan-devider desktop-only">|</div>
5350                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
5351                    <div class="bantuan-devider desktop-only">|</div>
5352                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
5353                    <div class="bantuan-devider desktop-only">|</div>
5354                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
5355                    <div class="bantuan-devider desktop-only">|</div>
5356                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
5357                    <div class="bantuan-devider desktop-only">|</div>
5358                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
5359                    <div class="bantuan-devider desktop-only">|</div>
5360                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
5361                </ul>
5362                            </div>
5363        
5364            
5365            <footer class="footer">
5366                
5367                <div class="guidelines">
5368                    <div class="desktop-only">
5369                        <div class="guidelines-content d-flex justify-content-center">
5370                            <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" />
5371                        </div>
5372                    </div>
5373                </div>
5374                
5375                <div class="provider d-none d-lg-block">
5376                    <div class="provider-group">
5377                        <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt="">
5378                    </div>
5379                </div>
5380                
5381                <div>
5382                    </footer>    
5383
5384              </section>
5385            </amp-accordion>
5386
5387	<kiri>
5388<!--Mulai disini--><p></p>
5389
5390	
5391
5392
5393	
5394		
5395<p><!--Akhir disini-->
5396</p></div>
5397
5398<style>
5399        /* start wa button */
5400        .wabutton ul {
5401            padding: 0px;
5402            -webkit-transform: translate(-130px, 0);
5403            -moz-transform: translate(-130px, 0);
5404            -ms-transform: translate(-130px, 0);
5405            -o-transform: translate(-130px, 0);
5406            transform: translate(-130px, 0);
5407        }
5408
5409        .wabutton ul li a {
5410            color: #fff;
5411        }
5412
5413        .wabutton ul li {
5414            display: block;
5415            margin: 6px;
5416            margin-left: 0px;
5417            background: rgba(0, 0, 0, 0.86);
5418            width: 180px;
5419            text-align: right;
5420            padding: 4px;
5421            -webkit-border-radius: 0 20px 20px 0;
5422            -moz-border-radius: 0 20px 20px 0;
5423            border-radius: 0 20px 20px 0;
5424            -webkit-transition: all 1s;
5425            -moz-transition: all 1s;
5426            -ms-transition: all 1s;
5427            -o-transition: all 1s;
5428            transition: all 1s;
5429            height: 53px;
5430            border: groove 3px #0adbff;
5431            color: #ffffff;
5432        }
5433
5434        .wabutton ul li:hover {
5435            -webkit-transform: translate(110px, 0);
5436            -moz-transform: translate(110px, 0);
5437            -ms-transform: translate(110px, 0);
5438            -o-transform: translate(110px, 0);
5439            transform: translate(110px, 0);
5440            background: rgba(0, 0, 0, 0.86);
5441            color: #ffffff;
5442        }
5443
5444        .wabutton ul li:hover a {
5445            color: rgb(9, 205, 240);
5446        }
5447
5448        .wabutton ul li:hover i {
5449            color: rgb(255, 255, 255);
5450            background: rgba(0, 0, 0, 0.86);
5451            -webkit-transform: rotate(360deg);
5452            -moz-transform: rotate(360deg);
5453            -ms-transform: rotate(360deg);
5454            -o-transform: rotate(360deg);
5455            transform: rotate(360deg);
5456            -webkit-transition: all 1s;
5457            -moz-transition: all 1s;
5458            -ms-transition: all 1s;
5459            -o-transition: all 1s;
5460            transition: all 1s;
5461        }
5462
5463        .wabutton ul li i {
5464            margin-left: 10px;
5465            color: #000;
5466            background: #fff;
5467            padding: 10px;
5468            -webkit-border-radius: 50%;
5469            -moz-border-radius: 50%;
5470            border-radius: 50%;
5471            width: 20px;
5472            height: 20px;
5473            font-size: 20px;
5474            background: #ffffff;
5475            -webkit-transform: rotate(0deg);
5476            -moz-transform: rotate(0deg);
5477            -ms-transform: rotate(0deg);
5478            -o-transform: rotate(0deg);
5479            transform: rotate(0deg);
5480        }
5481
5482        /* end wa button */
5483        footer#footer {
5484            background-color: #000;
5485            border-top: 10px solid #231708;
5486            color: rgba(255, 255, 255, 1);
5487            font-weight: 300;
5488            font-size: 13px;
5489        }
5490
5491
5492        .wabutton {
5493            position: fixed;
5494            bottom: 145px;
5495            left: 14px;
5496            z-index: 100;
5497            width: 60px;
5498            height: 60px;
5499        }
5500
5501        
5502
5503        .slotapkharum4d{
5504            position: fixed;
5505            bottom: 120px;
5506            left: 14px;
5507            z-index: 100;
5508            width: 95px;
5509            height: 95px;
5510        }
5511        .aplikasiharum4d {
5512            position: fixed;
5513            bottom: 220px;
5514            left: 14px;
5515            z-index: 100;
5516            width: 95px;
5517            height: 95px;
5518        }
5519        .rtp-harum4d{
5520            position: fixed;
5521            bottom: 320px;
5522            left: 14px;
5523            z-index: 100;
5524            width: 95px;
5525            height: 95px;
5526  
5527    </style>
5528
5529    <a href="https://harum4drtp.com/" target="_blank"><img src="https://images.squarespace-cdn.com/content/v1/68f1f7690ee21816b0e3482f/a7de1ae3-3331-478c-b368-4530d2bc6752/gif-rtp-harum4d.gif"
5530            class="rtp-harum4d" alt="rtp harum4d"></a>
5531
5532   
5533<div style=
5534"position: fixed; bottom: 220px; left: 14px; z-index: 10; opacity: 0.98;">
5535<a href="https://cutt.ly/jyhhyXVA" target=
5536"_blank" rel="noopener"><img class="Apk Harum4d" src=
5537"https://images.squarespace-cdn.com/content/v1/68f1f7690ee21816b0e3482f/d1a9b3f6-7c09-449c-86c8-c3ad3866e216/gif-apk-harum4d.gif"
5538alt="Apk Harum4d" width="90" height="90"></a></div>
5539
5540
5541
5542<div style=
5543"position: fixed; bottom:120px; left: 14px; z-index: 10; opacity: 0.98;">
5544<a href="https://telegram.me/HARUM4DOFFICAL2" target=
5545"_blank" rel="noopener"><img class="Telegram Harum4d" src=
5546"https://images.squarespace-cdn.com/content/v1/68f1f7690ee21816b0e3482f/ccb1fcf0-a728-44ed-83a3-860a05ee331a/gif-telegram-harum4d.gif"
5547alt="Telegram Harum4d" width="90" height="90"></a></div>
5548
5549
5550<script>
5551$("<a class='btn' style='color:White; background: radial-gradient(#007ab2, #00afff); font-size: 20px; width: 100%; height: 50px; display: grid; border-radius: 20px; place-items: center' href='https://t.me/harum4d_offical' target='_blank'>Channel Telegram </a>").insertAfter(".btn-info:eq(0)")
5552</script>
5552 
5553
5554<script>
5555$("<a class='btn' style='color:White; background: radial-gradient(#007ab2, #00afff); font-size: 20px; width: 100%; height: 75px; display: grid; border-radius: 20px; place-items: center' href='https://ael.ink/ndc00mdquir8' target='_blank'><b>Cabang Harum4d<br>HARUMSLOT</b></a>").insertAfter(".btn-info:eq(0)")
5556</script>
5556 
5557
5558<script>
5559$("<a class='btn' style='color:White; background: radial-gradient(#007ab2, #00afff); font-size: 20px; width: 100%; height: 50px; display: grid; border-radius: 20px; place-items: center' href='https://t.me/harum4d_bot' target='_blank'><b>MAIN DI TELEGRAM</b></a>").insertAfter(".btn-info:eq(0)")
5560</script>
5560 
5561
5562<script>
5563$("<a class='btn' style='color:White; background: radial-gradient(#007ab2, #00afff); font-size: 20px; width: 100%; height: 50px; display: grid; border-radius: 20px; place-items: center' href='https://harum4dapk1.com/downloads/app/Harum4D.apk' target='_blank'><b>APK HARUM4D</b></a>").insertAfter(".btn-info:eq(0)")
5564</script>
5564 
5565
5566
5567<style>
5568        #pop-up-container {
5569        display: flex;
5570        align-items: center;
5571        justify-content: space-evenly;
5572        position: fixed;
5573        z-index: 11;
5574        top: 0;
5575        left: 0;
5576        right: 0;
5577        bottom: 0;
5578        }
5579        #pop-up-wrapper {
5580        width: 85%;
5581        min-width: 315px;
5582        max-width: 500px;
5583        min-height: 210px;
5584        position: relative;
5585        z-index: 11;
5586        overflow: visible;
5587        border-radius: 5px;
5588        }
5589        #pop-up-wrapper img {
5590        width: 100%;
5591        border-radius: 5px 5px 0 0;
5592        }
5593        #pop-up-wrapper button {
5594        width: 100%;
5595        padding: 0.75rem;
5596        font-size: -0.75rem;
5597        font-weight: 700;
5598        border: none;
5599        border-radius: 0 0 5px 5px;
5600        margin: 0;
5601        background-color: #030303;
5602        }
5603        .gray-bg {
5604        background: #00000000 no-repeat;
5605        }
5606        .swirl-in-fwd {
5607        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
5608        animation: swirl-in-fwd 0.6s ease-out both;
5609        }
5610        .x-mark-container {
5611        position: absolute;
5612        top: 5px;
5613        right: 5px;
5614        background-color: black;
5615        border-radius: 50%;
5616        width: 8%;
5617        }
5618        #bg-black {
5619        background-color: rgba(0, 0, 0, 0.86);
5620        position: fixed;
5621        z-index: 10;
5622        top: 0;
5623        left: 0;
5624        right: 0;
5625        bottom: 0;
5626        }
5627        @-webkit-keyframes swirl-in-fwd {
5628        0% {
5629        -webkit-transform: rotate(0deg) scale(0);
5630        transform: rotate(0deg) scale(0);
5631        opacity: 0;
5632        }
5633        100% {
5634        -webkit-transform: rotate(0) scale(1);
5635        transform: rotate(0) scale(1);
5636        opacity: 1;
5637        }
5638        }
5639        @keyframes swirl-in-fwd {
5640        0% {
5641        -webkit-transform: rotate(0deg) scale(0);
5642        transform: rotate(0deg) scale(0);
5643        opacity: 0;
5644        }
5645        100% {
5646        -webkit-transform: rotate(0) scale(1);
5647        transform: rotate(0) scale(1);
5648        opacity: 1;
5649        }
5650        }
5651        .swirl-out-bck {
5652        -webkit-animation: swirl-out-bck 0.6s ease-in both;
5653        animation: swirl-out-bck 0.6s ease-in both;
5654        }
5655        @-webkit-keyframes swirl-out-bck {
5656        0% {
5657        -webkit-transform: rotate(0) scale(1);
5658        transform: rotate(0) scale(1);
5659        opacity: 1;
5660        }
5661        100% {
5662        -webkit-transform: rotate(0deg) scale(0);
5663        transform: rotate(0deg) scale(0);
5664        opacity: 0;
5665        }
5666        }
5667        @keyframes swirl-out-bck {
5668        0% {
5669        -webkit-transform: rotate(0) scale(1);
5670        transform: rotate(0) scale(1);
5671        opacity: 1;
5672        }
5673        100% {
5674        -webkit-transform: rotate(0deg) scale(0);
5675        transform: rotate(0deg) scale(0);
5676        opacity: 0;
5677        }
5678        }
5679        .fade-in {
5680        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
5681        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
5682        }
5683        @-webkit-keyframes fade-in {
5684        0% {
5685        opacity: 0;
5686        }
5687        100% {
5688        opacity: 1;
5689        }
5690        }
5691        @keyframes fade-in {
5692        0% {
5693        opacity: 0;
5694        }
5695        100% {
5696        opacity: 1;
5697        }
5698        }
5699        .fade-out {
5700        -webkit-animation: fade-out 1s ease-out both;
5701        animation: fade-out 1s ease-out both;
5702        }
5703        @-webkit-keyframes fade-out {
5704        0% {
5705        opacity: 1;
5706        }
5707        100% {
5708        opacity: 0;
5709        }
5710        }
5711        @keyframes fade-out {
5712        0% {
5713        opacity: 1;
5714        }
5715        100% {
5716        opacity: 0;
5717        }
5718        }
5719</style>
5720
5721
5722
5723<div id="snackbar" class="show">
5724<p id="withdraw"></p>
5725</div>
5726<script>
5727        function loadlink(){
5728            var angka_acak = Math.floor(Math.random() * (10001-50)+50);
5729    
5730            function maketextnumber(n) {
5731                for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
5732                    t[a] = r[parseInt(Math.random() * r.length)];
5733                    t = t;
5734                    randomtextnumber = t.join("")
5735                }
5736            }
5737    
5738            var huruf_acak = (maketextnumber(8), randomtextnumber);
5739            var huruf_belakang = huruf_acak.substring(6);
5740            var huruf_depan = huruf_acak.substring(0, 2);
5741    
5742            const rupiah = (number)=>{
5743                return new Intl.NumberFormat("id-ID", {
5744                    style: "currency",
5745                    currency: "IDR"
5746                }).format(number);
5747            }
5748    
5749            var nominal = rupiah(angka_acak+"000");
5750    
5751            var baris = huruf_depan+"**"+huruf_belakang+" Berhasil Withdraw "+nominal;
5752    
5753            var x = document.getElementById("snackbar");
5754            x.className = "show";
5755            setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
5756            // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
5757    
5758            document.getElementById("withdraw").innerHTML = huruf_depan+"**"+huruf_belakang+" Berhasil Withdraw "+nominal;
5759            // document.getElementById("withdraw").style.backgroundColor ="red";
5760            // document.getElementById("withdraw").width ="30%";
5761            // document.getElementById("withdraw").height ="25px";
5762        }
5763        loadlink();
5764        setInterval(function(){
5765        loadlink() 
5766    }, 5000);
5767    
5768</script>
5768
5769
5770
5771<section class="n-container m-b-normal">
5772<article class="bg-container contain">
5773<div class="article">
5774
5775</div>
5776</article>
5777</section>
5778
5779<section class="n-container m-b-normal"></section>
5780
5781<script>
5782        window.addEventListener('DOMContentLoaded', () => {
5783            if (window.location.pathname === '/' || window.location.pathname === '/') {
5784                $('body').append(`
5785                <div id="pop-up-container" onclick="close_pop_up()">
5786                <div id="bg-black" class="fade-in"></div>
5787        
5788                <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
5789
5790                    <img
5791                    src="https://images.squarespace-cdn.com/content/v1/68f1f7690ee21816b0e3482f/ad1299c8-42e8-4d80-b29d-13440df64ef6/harum4d?format=1000w"
5792                    alt="popup"
5793                    />
5794        
5795        
5796                    <button onclick="close_pop_up()" style="color: #fff">KLIK UNTUK MENUTUP</button>
5797                </div>
5798                </div>
5799            `);
5800        
5801                document.getElementById('pop-up-wrapper').addEventListener('click', e => {
5802                    e.stopPropagation();
5803                });
5804            }
5805        });
5806        
5807        const close_pop_up = () => {
5808            document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck');
5809            document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out');
5810        
5811            setTimeout(() => { 
5812                const pop_up_container = document.getElementById('pop-up-container');
5813                pop_up_container?.parentElement.removeChild(pop_up_container);
5814            }, 1000);
5815        };
5816</script>
5816
5817
5818
5819                </div>
5820                
5821                
5822                <div class="footer-group">
5823                    <div class="copyright">
5824                        <div style="white-space: nowrap">© 2015 - 2026 Copyright HARUM4D.</div>
5825                        <div>All Rights Reserved.</div>
5826                    </div>
5827                    <div class="desktop-only">
5828                        <div class="d-flex gap-1">
5829                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
5830                                                        <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
5831                        </div>
5832                    </div>
5833                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt="">
5834                    
5835                    <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=HyGkbpeE4c0yXyqjFQeFNqfNXB_k_3qwmlBdpqdnSN0.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
5836                        <i class="bi bi-shield-fill-exclamation"></i>
5837                        <strong class="ms-1">LAPOR PUSAT</strong>
5838                    </button>
5839                </div>
5840            </footer>
5841            
5842            
5843            
5844            
5845            
5846            <!-- SIDENAV -->
5847            <div id="mySidenav" class="sidenav desktop-only">
5848                <div id="nav">
5849                    <div style="display: flex; align-items: start;">
5850                        <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;">
5851                            
5852                            <img src="/assets/hubungi.png?11">
5853                            
5854                        </div>
5855                        <!--<img id="about" src="/images/kontak.png?4">-->
5856                    </div>
5857                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
5858                       <div id="" style="padding: 4px">
5859                       <img src="/assets/24h.png" style="width: 100%"></img>
5860                        </div>
5861                    
5862                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
5863                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
5864                            
5865                                                        
5866    
5867                        </div>
5868                            <div style="margin: 8px">
5869                                <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>
5870                            </div>
5871                    </div>
5872                </div>
5873            </div>
5874        </div>
5875
5876                
5877        <!--POP UP -->
5878                
5879        <!-- LIVE CHAT -->
5880        <!-- Start of LiveChat (www.livechat.com) code -->
5881<script>
5882    window.__lc = window.__lc || {};
5883    window.__lc.license = 12708882;
5884    window.__lc.integration_name = "manual_channels";
5885    window.__lc.product_name = "livechat";
5886    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
5887</script>
5887
5888<noscript><a href="https://www.livechat.com/chat-with/12708882/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
5889<!-- End of LiveChat code -->
5890        
5891        <!-- LiveChat Internal -->
5892                <style>
5893        /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */
5894        body.modal-open .cs-embed { z-index: 1049 !important; }
5895        </style>
5896           
5897
5898        
5898<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
5898
5899        
5899<script>
5900            document.addEventListener('DOMContentLoaded', function() {
5901                setTimeout(function() {
5902                    const mobileForm = document.querySelector('#mobilelogin form') || 
5903                                      document.querySelector('#mobilelogin .login-form') ||
5904                                      document.querySelector('.mobile-only form');
5905                    
5906                    if (!mobileForm) {
5907                        return;
5908                    }
5909                    
5910                    const username = mobileForm.querySelector('input[name="username"]');
5911                    const password = mobileForm.querySelector('input[name="password"]');
5912                    const remember = document.querySelector('#rememberMe') || 
5913                                    document.querySelector('input[type="checkbox"]');
5914                    
5915                    if (!username || !password || !remember) {
5916                        return;
5917                    }
5918                    
5919                    try {
5920                        localStorage.setItem('test', 'working');
5921                        if (localStorage.getItem('test') === 'working') {
5922                            localStorage.removeItem('test');
5923                        } else {
5924                            return;
5925                        }
5926                    } catch(e) {
5927                        return;
5928                    }
5929                    
5930                    initializeRememberMe();
5931                    loadSavedData();
5932                    
5933                    mobileForm.addEventListener('submit', handleSave);
5934                    mobileForm.addEventListener('click', function(e) {
5935                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
5936                            handleSave();
5937                        }
5938                    });
5939                    remember.addEventListener('change', function() {
5940                        if (!this.checked) {
5941                            clearSavedData();
5942                            localStorage.setItem('mobile_remember_unchecked', 'true');
5943                        } else {
5944                            localStorage.removeItem('mobile_remember_unchecked');
5945                        }
5946                    });
5947    
5948                    function initializeRememberMe() {
5949                        try {
5950                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
5951                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
5952                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
5953                                remember.checked = false;
5954                            } else {
5955                                remember.checked = true;
5956                            }
5957                        } catch(e) {
5958                            remember.checked = true;
5959                        }
5960                    }
5961                    
5962                    function loadSavedData() {
5963                        try {
5964                            const savedUsername = localStorage.getItem('mobile_username');
5965                            const savedPassword = localStorage.getItem('mobile_password');
5966                            const rememberChecked = localStorage.getItem('mobile_remember');
5967                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
5968                                username.value = savedUsername;
5969                                password.value = savedPassword;
5970                            }
5971                        } catch(e) {
5972                            // console.log('Error loading data:', e);
5973                        }
5974                    }
5975                    
5976                    function handleSave() {
5977                        if (remember.checked) {
5978                            const usernameVal = username.value.trim();
5979                            const passwordVal = password.value.trim();
5980                            
5981                            if (usernameVal && passwordVal) {
5982                                try {
5983                                    localStorage.setItem('mobile_username', usernameVal);
5984                                    localStorage.setItem('mobile_password', passwordVal);
5985                                    localStorage.setItem('mobile_remember', 'true');
5986                                    localStorage.setItem('mobile_login_success', 'true');
5987                                } catch(e) {
5988                                    // console.log('Error saving data:', e);
5989                                }
5990                            }
5991                        } else {
5992                            clearSavedData();
5993                            localStorage.setItem('mobile_login_success', 'true');
5994                        }
5995                    }
5996                    
5997                    function clearSavedData() {
5998                        try {
5999                            localStorage.removeItem('mobile_username');
6000                            localStorage.removeItem('mobile_password');
6001                            localStorage.removeItem('mobile_remember');
6002                        } catch(e) {
6003                            // console.log('Error clearing data:', e);
6004                        }
6005                    }
6006                }, 100); // Wait 100ms
6007                
6008                function initBroadcastMarquee() {
6009                $('.mobile-broadcast, #marquee .broadcast').each(function () {
6010                    const el = $(this);
6011            
6012                    if ($.trim(el.text()) === '') return;
6013                    if (!el.is(':visible')) return;
6014            
6015                    try {
6016                        el.marquee('destroy');
6017                    } catch (e) {}
6018            
6019                    el.marquee({
6020                        speed: 30,
6021                        gap: 80,
6022                        delayBeforeStart: 0,
6023                        direction: 'left',
6024                        duplicated: true,
6025                        pauseOnHover: true,
6026                        startVisible: true
6027                    });
6028                });
6029            }
6030            
6031            $(window).on('load', function () {
6032                setTimeout(function () {
6033                    initBroadcastMarquee();
6034                }, 300);
6035            });
6036            
6037            $(window).on('resize orientationchange', function () {
6038                clearTimeout(window.broadcastResizeTimer);
6039                window.broadcastResizeTimer = setTimeout(function () {
6040                    initBroadcastMarquee();
6041                }, 400);
6042            });
6043                                                
6044                // document.querySelectorAll("marquee").forEach(function(marquee){
6045
6046                // let speed = 0.5; // smaller = slower
6047                // let position = marquee.offsetWidth;
6048            
6049                // function animate(){
6050                //     position--;
6051            
6052                //     if(position < -marquee.scrollWidth){
6053                //         position = marquee.offsetWidth;
6054                //     }
6055            
6056                //     marquee.style.transform = "translateX(" + position + "px)";
6057                //     requestAnimationFrame(animate);
6058                // }
6059            
6060                // animate();
6061            
6062                // // pause on hover
6063                // marquee.addEventListener("mouseenter", function(){
6064                //     speed = 0;
6065                // });
6066            
6067                // marquee.addEventListener("mouseleave", function(){
6068                //     speed = 0.5;
6069                // });
6070            
6071            // });
6072                
6073                
6074            });
6075        </script>
6075
6076
6077        
6077<script>
6078                    
6079            var mobileurl = 'm/';
6080            	
6081
6082
6083            var showIDs = [];
6084            
6085            function showProducts(hoverID) {
6086                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
6087
6088                // document.getElementById('hover').classList.add("hover-show");
6089                document.getElementById('hover').style.transitionDelay = "0s";
6090                document.getElementById('hover').style.visibility = "visible";
6091                document.getElementById('hover').style.opacity = "1";
6092                document.getElementById(hoverID).style.display = "flex";
6093
6094                showIDs.push(hoverID);
6095
6096            }
6097
6098            function hideProducts(hoverID) {
6099                // document.getElementById('hover').classList.remove("hover-show");
6100                document.getElementById('hover').style.visibility = "hidden";
6101                document.getElementById('hover').style.opacity = "0";
6102                document.getElementById('hover').style.transitionDelay = "1s";
6103                
6104            }
6105
6106            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
6107            var marquee = document.getElementById('marquee');
6108            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
6109            var mobileLoginBox = document.getElementById('mobilelogin');
6110
6111            function closeContent() {
6112                $('#main-content').html(""); 
6113            }
6114
6115
6116            function openDaftar() {
6117                closeContent();
6118
6119                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
6120                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
6121
6122                mobileDaftarForm.style.display = "block";
6123                mobileDaftarForm.scrollIntoView();
6124            }
6125
6126            function closeDaftar() {
6127                mobileDaftarForm.style.display = "none";
6128                marquee.scrollIntoView();
6129            }
6130            
6131            
6132            function showProvider(type) {
6133                $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>");
6134                $('#main-content').load("/new-showprovider.php?type=" + type); 
6135            }
6136            
6137            function toggleInformasi(item) {
6138                page(item);
6139            }
6140            
6141            function showInformasi(item) {
6142                document.getElementById('modal-wrapper').style.display='block';
6143                toggleInformasi(item);
6144            }
6145
6146            function openChangePasswordMobile() {
6147                closeContent();
6148
6149                if (mobileLoginBox) mobileLoginBox.style.display = "none";
6150                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6151
6152                if (mobileChangePasswordForm) {
6153                    mobileChangePasswordForm.style.display = "block";
6154                    mobileChangePasswordForm.scrollIntoView();
6155                }
6156            }
6157
6158            function closeChangePasswordMobile() {
6159                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
6160                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6161                if (mobileLoginBox) mobileLoginBox.style.display = "block";
6162
6163                marquee.scrollIntoView();
6164            }
6165            
6166            
6167
6168                    
6169        </script>
6169
6170        
6170<script src="/js/old/new2-webduo35.js?v=1790436651"></script>
6170
6171 
6172        
6172<script>
6173            function scrollToLoginForm(launchType, matchId) {
6174                sessionStorage.setItem('launch', launchType);
6175                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
6176                else sessionStorage.removeItem('sbo_matchId');
6177                window.scrollTo({ top: 0, behavior: 'smooth' });
6178                setTimeout(function() {
6179                    var isMobile = window.innerWidth <= 1000;
6180                    var loginSelector = isMobile
6181                        ? '#mobilelogin input[name="username"]'
6182                        : '#desktoplogin form';
6183                    var el = document.querySelector(loginSelector);
6184                    if (!el) return;
6185                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
6186                    if (usernameEl && !isMobile) usernameEl.focus();
6187                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
6188                    const driver = window.driver.js.driver({
6189                        popoverClass: 'driverjs-theme',
6190                        showProgress: false,
6191                        showButtons: [],
6192                        overlayOpacity: 0.3,
6193                        steps: [
6194                            {
6195                                element: loginSelector,
6196                                popover: {
6197                                    title: 'Harap Login',
6198                                    description: 'Silakan masukkan username Anda',
6199                                    side: 'bottom',
6200                                    align: 'start',
6201                                    showButtons: [],
6202                                    nextBtnText: '',
6203                                    prevBtnText: '',
6204                                    doneBtnText: ''
6205                                }
6206                            }
6207                        ],
6208                        onDestroyStarted: () => driver.destroy(),
6209                    });
6210                    driver.drive();
6211                    if (usernameEl) {
6212                        function destroyDriver() {
6213                            driver.destroy();
6214                            window.scrollTo({ top: 0 });
6215                            usernameEl.removeEventListener('input', destroyDriver);
6216                            usernameEl.removeEventListener('click', destroyDriver);
6217                            usernameEl.removeEventListener('focus', destroyDriver);
6218                        }
6219                        usernameEl.addEventListener('input', destroyDriver, { once: true });
6220                        usernameEl.addEventListener('click', destroyDriver, { once: true });
6221                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
6222                    }
6223                }, 500);
6224            }
6225        </script>
6225
6226        
6226<script>
6227            window.addEventListener("message", function(e) {
6228                if (e.origin !== "https://fkupon.com") return;
6229                if (e.data && e.data.action === "resize" && e.data.height) {
6230                    var iframes = document.querySelectorAll(".iframe-kupon");
6231                    iframes.forEach(function(iframe) {
6232                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
6233                    });
6234                }
6235            });
6236        </script>
6236
6237
6238
6239        <!-- POP UP COOKIES -->
6240        
6241<style>
6242    
6243        
6244    .kebijakan-privasi, .kebijakan-cookies {
6245        color: white;
6246        text-decoration: underline;
6247    }
6248    
6249        
6250</style>
6251
6252
6253<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">
6254  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
6255        <div>
6256    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>  
6257  </div>
6258  <div>
6259     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
6260  </div>
6261</div>
6262<script>
6263    $( "#boxprivacy" ).blur(function() {
6264    alert( "Handler for .blur() called." );
6265});
6266</script>
6266   
6267
6268        
6269    
6269<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":"28870ee054c84bb6a9fea943e50ff6c5","r":1,"spa":2}' crossorigin="anonymous"></script>
6269
6270</body>
6271</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.