PageSourceSearch

https://arizonanativenet.com/slot/pg

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