PageSourceSearch

https://arizonanativenet.com/slot/pg

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